锐客网

  1. 首页 > 睿知 > >

ios产品设计规范，谁知道ios和安卓APP的设计标准啊

经验分享睿知

1，谁知道ios和安卓APP的设计标准啊iphone6的尺寸是750X1334px的 ， 安卓手机的话，因为品牌比较多 ， 设计规范也没有具体的定义，只要符合审美美观就好，ios设计标准还是比较严格的，包括状态栏40px和导航栏88px，标签栏98px等都是有严格要求的，其他版本的话，5s或者6p，直接适配就好【ios产品设计规范，谁知道ios和安卓APP的设计标准啊】
2，iOS设计规范状态栏：40px导航栏：88px 标签栏：98px状态栏：40px导航栏：88px 标签栏：98px状态栏：60px导航栏：132px 标签栏：147px状态栏：132px导航栏：132px 标签栏：147px状态栏：88px导航栏：88px 标签栏：98px全局边距： 32px、30px、24px、20px（建议最小20px，边距数字选择偶数）卡片间距： 20px、24px、30px、40px（通常上下间距最小不低于16px，过小的间距会造成用户的紧张情绪）最常用的两种布局方式，列表式和卡片式「信息」页面通常采用列表式布局 。注：列表舒适体验的最小高度是80px，最大高度视内容而定 。例： 微信高度：136px QQ高度：132px自如高度110px唯品会高度：106px 。每张卡片的内容和形式都是相互独立的互不干扰 。卡片本身一般是白色 ， 而卡片之间的间距颜色一般是浅色，不同产品风格颜色可能不同 。双栏卡片布局形式，常见于图片信息为主导，每一屏显示至少4张卡片 。常见图片尺寸比例：16:9、4:3、1:1、1:0.618(黄金比例)等对齐、对称、分组文字是APP中最核心的元素，是产品传达给用户的主要内容 。在APP中字号范围一般在20-36之间（@2x） 。iOS 11中出现了大标题的设计，字号还是要根据产品属性酌情设定 。36px： 用在少数标题 。例：导航标题、分类名称等 。32px： 用在少数标题 。例：店铺标题等 。30px： 用在较为重要的文字或操作按钮 。例：列表性标题分类名称等 。28px： 用于段落文字 。例：列表性商品标题等 。26px： 用于段落文字 。例：小标题模块描述等 。24px： 用于辅助性文字 。例：次要的标语等 。22px： 用于辅助性文字 。例：次要的备注信息等 。iOS 主流设备的分辨率分别是：640x1136px：【（@2x）iPhone SE】750 x1134px：【（@2x）iPhone6s/7/8】1242x2208px：【（@3x）iPhone 6s/7/8 Plus】1125x2436px：【（@3x）iPhone X 】750x1624px：【（@2x）iPhone X 】注： 基准设计尺寸：750px x 1334px 。
3，ios界面设计规范和android界面设计规范的区别IOS扁平，安卓说不定，像oppo是拟物化，CM是原生，MIUI是扁平根据android4,0规范与ios规范，android与ios主要的不容之处表现在：1.android4.0包括三个虚拟按键：返回、home和最近任务，而ios只有一个物理home按键，返回按钮一般放置在导航栏左上方 。2.android的主要操作栏在屏幕上方包括：向上+图标+页面名称+主要操作+更多（次要操作），主要操作栏还提供视图切换功能 。ios包括导航栏、工具栏、tab栏，导航栏包括返回+标题+主要操作 ， 工具栏包括一些次要操作 ， tab栏承担页面视图切换的功能 。3.android规定tab栏应在屏幕上方 ， 主要操作栏下面，尽量不要放置在屏幕下方，防止与虚拟按键误操作，而ios的tab栏在屏幕下方 。4.android长按会出现情境操作栏，对内容项进行选择及内容项的主要操作功能 ， 而ios很少使用长按功能 。5.在手势操作上，android可以向左滑动删除单条内容，或滑动屏幕切换不同视图，而ios向右滑动删除内容 ， 并且提供摇一摇返回等功能 。6.界面表现形式不同如：文本输入框、弹出框、选择器、操作按钮图标等 。但是，可以看到，为了保持用户体验及平台的一致性 ， 以及资源的可重复利用，两个平台在界面布局上应尽量统一，有些app也会打破这些差异性，好多android的app在布局上与ios相同 。
4，IOS UI设计规范是什么 在现在的互联网行业中，有一个职业叫做UI设计师，UI的日常工作就是保证高保真设计稿的设计，对于IOS以及Android来说都是有不同的设计规范的 ， 下面我们一起来了解一下IOS UI的设计规范 。01先来说说设计稿的尺寸，一般来说在做IOS设计稿的时候，设计稿尺寸我们都是选择650*1334这个尺寸，如果是1x的话，就是375*667 。02我们从上到下以1x的规范来进行了解，最上边的就是状态栏了，状态栏的高度是20 ， 宽度都是375 。03那么状态栏都是有哪些元素呢？实际上就是信号、网络状态、时间以及电量和通知等 。04在信号栏下边就是我们的导航栏 ， 导航栏的高度为44px 。05导航栏中肯定是有导航文字的，导航文字一般来说我们都是居中对齐，并且导航文字的大小应该为18px 。06接下来就是最底部 ， 最底部就是我们的标签栏了，标签栏中都是我们的切换图标，标签栏的高度为49px 。07标签栏中的图标大小也是有规范的 ， 最小的点击区域我们必须保证为24px，低于这个范围的话是不方便进行操作的 。08在图标的下方一般都还有文字，这里文字的大小比较小，可以根据图标大小来进行调整，一般来说文字大小为11、10px 。09总的来说着就我们IOS UI的设计规范了 ， 其他还有就是内容区域的文字大小规范了，一般来说都是16、15、14、12这四个文字大小 ， 具体根据需求进行设计 。5，什么是ui ios和安卓的规范设计上来说这两个系统有些东西越来越通用了，目前很多Android的应用偏苹果风格，也就是说基本都是采用一套iOS设计模板来适配Android系统 。术语解读和系统平台对比android是Google公司开发的操作系统 。iOS是苹果公司的移动操作系统 。导航方式不一样iOS的Tab放在页面底部，不能通过滑动来切换，只能点击 。也有放在上面的，也不能滑动，但有些Tab本身可以滑动，比如天猫的 。还有新闻类的应用 。Android一般放在页面顶端，可以通过滑动页面来切换Tab，当然Tab可以点击切换，Tab多的话，Tab本身也可以滑动 。比如豌豆荚，百度贴吧，QQ 。总之，Android啥都可以有 。UI设计规范不一样比如现在通常设计的尺寸对比如下：iOS： 750*1334 或者 1242*2208android：720*1280 或者 1080*1920首先你要理解ui这个词的含义 。ui=用户界面 。那什么叫用户界面呢？手机，电脑，智能手表，以及其他一些电子产品都有着自己不同的用户界面 。所以所谓的ui是没有固定的尺寸的 。真正的做一套ui界面，首先你的选定目前主流的屏幕尺寸 。打个比方说苹果5的分辨率是960x1136 。像这个分辨率别的手机根本用不了 。同一款app在不同的屏幕尺寸下可能都有一套自己的ui界面 。至于图标的大小你可以百度一下，有标准尺寸的 。但是现在很多异形的app都没有按照标准的来 。6 ， iOS和安卓的设计规范有何不同是一种基于Linux的自由及开放源代码的操作系统 。主要使用于移动设备，如智能手机和平板电脑，由Google公司和开放手机联盟领导及开发 。iOS是苹果公司的移动操作系统 。iOS是由苹果公司开发的移动操作系统，苹果公司最早于2007年1月9日的Macworld大会上公布这个系统，最初是设计给iPhone使用的，后来陆续套用到iPod touch、iPad以及Apple TV等产品上 。iOS和安卓的ui区别二：UI设计规范不一样 。具体的UI设计规范详解请点击阅读：iOS、Android、WindowsPhone官方设计规范汇总比如现在通常设计的尺寸对比如下：iOS： 750*1334 或者 1242*2208android 720*1280 或者 1080*1920iOS和安卓的ui区别三：导航方式不一样iOS的Tab放在页面底部，不能通过滑动来切换 ， 只能点击 。也有放在上面的，也不能滑动，但有些Tab本身可以滑动，比如天猫的 。还有新闻类的应用 。Android一般放在页面顶端，可以通过滑动页面来切换Tab，当然Tab可以点击切换 ， Tab多的话，Tab本身也可以滑动 。比如豌豆荚 ， 百度贴吧，QQ 。总之 ， Android啥都可以有 。iOS和安卓的UI区别四：单条item的操作iOS单条item的操作有两种，点击和滑动，点击一般进入一个新的页面 ， 滑动会出现对这条item的一些常用操作，如微信里滑动一条对话，会出现标记未读和删除 。Android中 ， 单条item的操作也有两种，点击和长按，点击一般进入一个新的页面 。长按进入一个编辑模式 ， 可以在里面进行批量和其他一个操作，比如删除 ， 顶置等等 。比如小米的短信页面；长按也可以弹出情境操作栏dialog ， 进行操作，比如Android版的微信 。OS和安卓的UI区别五：实体键iOS只有一个实体键（音量，电源不算哈） ， home键，这个键有这么几个功能：1、按一次，回到桌面 。2 、双击，出现多任务界面3、iOS8里面，轻触两下Home键，调出单手模式4 、指纹解锁Android有四个实体键（现在很多被屏幕上的虚拟键代替，但功效是一样的）4.4一下的分别是back键，home键，menu键，和搜索键 。4.4及以上，是back键，home键，多任务键 。安卓原生是这样，经过优化的Android就不一定了，比如魅族的smart bar，根据当前页面情景变化，不过蛮好用 。Android的back键，在大部分情况下，和页面上的返回功效一样 。不过，Android的back键可以在应用件切换，还可以返回主屏幕 。这个iOS里面的键不能在应用间直接切换 。iOS和安卓的UI区别六：浮窗设计元素不一样安卓里可以看到各种浮窗，流量 ， 清理内存等等 。iOS暂时还不支持这样的浮窗 。越狱的貌似可以 。iOS和安卓的UI区别七：图标尺寸和命名规范不一样1、iOS和安卓手机的APP图标尺寸规范和图标命名规范2、对比PC、iOS、Android等终端APP的交互设计的差异化iOS设计规范围绕一个核心，就是“模态”安卓设计规范如果总结成一句话，就是“任何地方均可点击”区别iOS和安卓设计的10个check points1. 如何全局导航：iOS导航tab bar放在底部（顶部手短摸不着）安卓导航tab个数少用固定tab，个数多用滚动tab，都在顶部（安卓的硬按键在底部，防止误操作）（如果种类太多，都可以使用左侧抽屉设计）2. 二级页页头导航条是什么顺序：iOS导航1 向上箭头+上级页面标题2 当下页面标题（居中 ， 可以没有）3 操作（一般就一个）iOS不需要给出logo安卓导航1 向上箭头+logo+当下页面标题2 Spinner（optional）3 重要操作（可能多个）4 更多操作 （省略号竖向）安卓不需要指出上一级页面标题3. 搜索框设计安卓搜索点击放大镜进入搜索搜索框=非模态窗口+左箭头+LOGO+输入框（占位符）iOS7搜索下拉滑出搜索框进入搜索搜索框=模态窗口，没有左箭头，没有搜索按钮4. 管理列表条目iOS左滑能删掉条目安卓长按操作条目（展现contextual menu或者contextual action bar）ps：安卓4.0已经逐步接受手势操作，不那么严格5. 批量管理条目iOS右上角有编辑按钮，点击进入批量管理安卓长按条目进入批量管理模态5. 视觉iOS主要内容白色，背景淡色，内容与背景衬线分割安卓不使用背景，一切区域皆可点6. 选择分类iOS使用scope bar或者左上角抽屉设计（汉堡包）安卓使用下拉菜单spinner（但是很少设计师喜欢）7. 操作工具栏iOS一律放在底部，叫split action bar安卓一律放在顶部右端，叫contextual action bar8. 产品LOGOiOS不在导航中显示logo安卓每一个页面左侧顶部都应该显示logo9. 列表样式iOS在条目上提供右箭头 ， 提醒更多内容（optional）安卓不放右箭头，一切区域皆可点击，不需要额外提醒10. 按钮安卓使用扁平方型按钮设计iOS7建议borderless按钮设计两者圆角尺寸也不同以上是想到的10处不同 ， 大家可以拿着它去看安卓和iOS上哪些app是符合规范的，哪些app又完全不懂规范？

    推荐阅读


    上一篇：python高级网络编程，python网络编程怎么样就业如何

    下一篇：小米手环安卓破解版,怎么安装小米手环?看这里!