安卓设计规范
『壹』 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*2208
android 720*1280 或者 1080*1920
iOS和安卓的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在设计规范上的区别
OS设计规范围绕一个核心,就是“模态”
安卓设计规范如果总结成一句话,就是“任何地方均可点击”
区别iOS和安卓设计的10个check points
1. 如何全局导航:
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 bar
8. 产品LOGO
iOS不在导航中显示logo
安卓每一个页面左侧顶部都应该显示logo
9. 列表样式
iOS在条目上提供右箭头,提醒更多内容(optional)
安卓不放右箭头,一切区域皆可点击,不需要额外提醒
10. 按钮
安卓使用扁平方型按钮设计
iOS7建议borderless按钮设计
两者圆角尺寸也不同
『叁』 Android 平台设计规范有哪些
1、尺寸以及分辨率:
Android的界面尺寸比较流行的有:480*800、720*1280、1080*1920,我们在做设计图的 时候建议是以 480*800的尺寸为标准;
2、界面基本组成元素:
界面基本组成元素包括:状态栏+导航栏+主菜单栏+内容区域;以480*800的尺寸为标准下的 各个元素的高度(其实导航栏和菜单栏每一个应用都或许不一样,android对于尺寸没有太明确的 数据规范)如下:
3、字体:
Android 系统中,Droid Sans 是默认字体,与微软雅黑很像;
4、操作栏:
1、”操作栏”对于 Android 应用来说是最重要的设计元素,它通常在应用运行的所有时间都呆 在屏幕顶部;
2、 操作栏的基本布局:
1向上+2 Spinner视图控制+3 重要操作按钮+4 更多操作:其中,向上按钮,点击后是去到 当前界面的上一个层级,非第一层级界面有此按钮,第一层级界面则无向上按钮;Spinner 是 用于展示内容的下拉菜单,其内容包括视图的快速切换和显示相关内容的完整信息;更多操作 (action overflow)是集合操作栏中不常用的和非重要操作的地方。
5、多面板布局:
多面板布局更多的是针对平板电脑,把手机端的目录视图和详情视图两个层级的界面,甚至更 多的页面,复合展示在同一个界面中,有效地利用平板电脑的屏幕空间,扁平化层级结构,简 化导航。这点在iPad上已经运用得相当娴熟了。
6、选择:
Android4.0中的长按与Android2.3及更早期的版本有很大的不同。早期版本长按操作后,是 出现情境菜单的浮出层。在Android4.0中,长按后在操作栏的位置会覆盖一个临时的情境操 作栏,不再弹出情境菜单浮出层。在临时情境操作栏的环境下,当前界面的内容项允许被单个 处理,也允许被批量处理。
7、返回和向上:
返回按键用在手机全局的虚拟导航栏中,基于用户最近查看的界面历史,采用时间倒序的方式, 连接界面间的关系。向上按钮用在操作栏的左侧,基于层级结构,点击后是去到当前界面的上一 个层级,若当前界面已经是最高一级,则没有向上按钮。
8、主题样式:
推出三套默认主题:Holo浅色主题、Holo深色主题、Holo浅色底+深色操作栏主题。主推app在 这三套默认主题的基础上做设计,以加快app研发效率,但只是建议使用,并没有完全强制。
9、触摸与反馈:
用户触摸应用中的可操作区域,应当在视觉上有响应,微小的反馈会给用户带来很好地效果;
10、按钮:
1、按钮的3种表现形式如下图:
2、对于仅包括图标的按钮,不需要使用背景色;
11、滑块:
滑块的几种表现形式如下图:
12、进度条:
如果某个操作需要花费很长的时间,就需要用进度条的指示和旋转圈的形式来表示:
1、如果你可以知道当前任务完成的比例,那么使用进度条,让用户了解大约还需要多久才能完成;
2、当使用旋转圆圈时,不要配以文字标签。旋转的圆圈已经表明了正在进行后台操作。
13、开关:
用户通过开关作出选择,包括3种形式:复选框+单选按钮+开关;
1、复选框:用户可以在一个集合中作出多个选择:
2、单选按钮:单选按钮允许用户在一个集合中做一次选择;
3、开关:开关控制单个选项的状态;
14、对话框:
应用通过对话框让用户作出决定或者填写一些信息,
1、对话框的左边一般情况下是取消按钮,右边是确定按钮;
『肆』 iOS和安卓的设计规范有何不同
iOS设计规范围绕一个核心,就是“模态”
安卓设计规范如果总结成一句话,就是“任何地方均可点击”
区别iOS和安卓设计的10个check points
1. 如何全局导航:
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 bar
8. 产品LOGO
iOS不在导航中显示logo
安卓每一个页面左侧顶部都应该显示logo
9. 列表样式
iOS在条目上提供右箭头,提醒更多内容(optional)
安卓不放右箭头,一切区域皆可点击,不需要额外提醒
10. 按钮
安卓使用扁平方型按钮设计
iOS7建议borderless按钮设计
两者圆角尺寸也不同
以上是想到的10处不同,大家可以拿着它去看安卓和iOS上哪些app是符合规范的,哪些app又完全不懂规范?