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
安卓設計規范發展史
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容