1. 什么是交互设计规范?
就是交互设计的统一规则,对设计风格、设计规则的约定。页面怎么布局?使用何种控件?等等
2. 为什么需要设计规范?
- 快速实现产品设计
- 统一用户在平台当中的行为习惯,就如同在交通系统中,红灯特指停,绿灯特指行,如果某个城市改变了这一规则,其他地方的人来到这里,将会引起交通瘫痪。
3. 使用设计规范时的注意点
- 在没有更好的设计方案时,尽量遵守设计规范
- 特殊情况下,不必拘泥于设计规范,一切以用户的使用场景为基准
4. 常见的设计规范
4.1 页面规范
4.1.1 ios页面规范
- 页眉(导航栏):
> 用于不同信息层级之间的导航,有时候也用于当前页的管理,比如从二级页返回至一级页,对当前页的内容的删除功能等
- 内容区
- 页脚(工具栏或标签栏)
> 工具栏主要是当前页面的一些操作,可以用icon或文字操作,操作较少时,建议用文字,较多时,建议用icon,使得页面更简洁
> 标签栏用于在不同的任务、界面和模式中切换,一般不超过5个
4.1.2 Android页面规范
**安卓4.0中常见页面布局**![几种常见的页面布局,图片来自网易云课堂]()
1. 大而全的主操作栏
2. 主操作栏(Action Bar)+ 顶部次操作栏
3. 主操作栏 + 底部工具栏
4. 主操作栏 + 刺激操作栏 + 底部工具栏
- 页眉(操作栏 Action Bar)
> 实现app中内试图的切换和层级间的导航(如返回上一级),还会放置一些重要按钮
**安卓5.0 (Material Design)中的一些改变**
- 页眉中的操作栏改为应用栏(APP Bar)
> 应用栏在以前版本中叫做操作栏,用来显示应用的标识,应用导航,内容搜索以及其他操作
如果有二级导航,可以放在页面中
4.2 常用控件
4.2.1 什么叫控件?
就是控制元件,用户通过控件来操作界面状态或设定状态,打个类比,将房间比作页面,那么控件就是房间的开关、门把手等
4.2.2 控件库
如果控件库拥有对应控件,尽量直接调用
4.3 常用手势
![常用操作手势]()
- 使用手势操作的优势:触摸是人类天性,降低使用成本
- 注意点:安卓是长按删除;IOS是左滑删除
5. ios设计规范的发展历史
(略)
5. Android设计规范的发展历史
1. 2010年,推出安卓2.3系统,此版本设计混乱,无统一规范
2. 2011年2月,推出为平板设计的安卓系统
2. 2011年,推出安卓4.0,开始统一手机和平板规范
3. 2014年,推出安卓5.0,也就是Material Design
![安卓设计规范发展史]()