Android及ios设计规范简介

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

![安卓设计规范发展史]()