安卓和iOS在设计规范上的区别
1个回答
2016-03-05 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
关注
展开全部
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按钮设计
两者圆角尺寸也不同
安卓设计规范如果总结成一句话,就是“任何地方均可点击”
区别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按钮设计
两者圆角尺寸也不同
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询