Android及IOS设计规范简介

什么是交互设计规范？

就是交互设计的统一规则，对设计风格、设计规则的约定。页面怎么布局？使用何种控件？等等

为什么需要设计规范？

• 快速实现产品设计
• 统一用户在平台当中的行为习惯，就如同在交通系统中，红灯特指停，绿灯特指行，如果某个城市改变了这一规则，其他地方的人来到这里，将会引起交通瘫痪。

使用设计规范时的注意点

• 在没有更好的设计方案时，尽量遵守设计规范
• 特殊情况下，不必拘泥于设计规范，一切以用户的使用场景为基准

常见的设计规范

页面规范

IOS页面规范

• 页眉（导航栏）：

用于不同信息层级之间的导航，有时候也用于当前页的管理，比如从二级页返回至一级页，对当前页的内容的删除功能等

• 内容区
• 页脚（工具栏或标签栏）

工具栏主要是当前页面的一些操作，可以用icon或文字操作，操作较少时，建议用文字，较多时，建议用icon，使得页面更简洁

标签栏用于在不同的任务、界面和模式中切换，一般不超过5个

Android页面规范

安卓4.0中常见页面布局

几种常见的页面布局，图片来自网易云课堂

1. 大而全的主操作栏
2. 主操作栏（Action Bar）+ 顶部次操作栏
3. 主操作栏 + 底部工具栏
4. 主操作栏 + 刺激操作栏 + 底部工具栏

• 页眉（操作栏 Action Bar）

实现app中内试图的切换和层级间的导航（如返回上一级），还会放置一些重要按钮

安卓5.0 （Material Design）中的一些改变

• 页眉中的操作栏改为应用栏（APP Bar）

应用栏在以前版本中叫做操作栏，用来显示应用的标识，应用导航，内容搜索以及其他操作
如果有二级导航，可以放在页面中

常用控件

什么叫控件？

就是控制元件，用户通过控件来操作界面状态或设定状态，打个类比，将房间比作页面，那么控件就是房间的开关、门把手等

控件库

如果控件库拥有对应控件，尽量直接调用
IOS地址：
material design控件库：

常用手势

常用操作手势

• 使用手势操作的优势：触摸是人类天性，降低使用成本
• 注意点：安卓是长按删除；IOS是左滑删除

IOS设计规范的发展历史

（略）

Android设计规范的发展历史

1. 2010年，推出安卓2.3系统，此版本设计混乱，无统一规范
2. 2011年2月，推出为平板设计的安卓系统
3. 2011年，推出安卓4.0，开始统一手机和平板规范
4. 2014年，推出安卓5.0，也就是Material Design

安卓设计规范发展史