android与苹果的设计规范,Android及IOS设计规范简介

什么是交互设计规范？

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

为什么需要设计规范？

快速实现产品设计

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

使用设计规范时的注意点

在没有更好的设计方案时，尽量遵守设计规范

特殊情况下，不必拘泥于设计规范，一切以用户的使用场景为基准

常见的设计规范

页面规范

IOS页面规范

页眉(导航栏)：

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

内容区

页脚(工具栏或标签栏)

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

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

Android页面规范

安卓4.0中常见页面布局

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

大而全的主操作栏

主操作栏(Action Bar)+ 顶部次操作栏

主操作栏 + 底部工具栏

主操作栏 + 刺激操作栏 + 底部工具栏

页眉(操作栏 Action Bar)

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

安卓5.0 (Material Design)中的一些改变

页眉中的操作栏改为应用栏(APP Bar)

应用栏在以前版本中叫做操作栏，用来显示应用的标识，应用导航，内容搜索以及其他操作

如果有二级导航，可以放在页面中

常用控件

什么叫控件？

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

控件库

如果控件库拥有对应控件，尽量直接调用

IOS地址：

material design控件库：

常用手势

常用操作手势

使用手势操作的优势：触摸是人类天性，降低使用成本

注意点：安卓是长按删除；IOS是左滑删除

IOS设计规范的发展历史

(略)

Android设计规范的发展历史

2010年，推出安卓2.3系统，此版本设计混乱，无统一规范

2011年2月，推出为平板设计的安卓系统

2011年，推出安卓4.0，开始统一手机和平板规范

2014年，推出安卓5.0，也就是Material Design

安卓设计规范发展史