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
安卓设计规范发展史
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容