什么是交互設計規范?
就是交互設計的統一規則,對設計風格、設計規則的約定。頁面怎么布局?使用何種控件?等等
為什么需要設計規范?
- 快速實現產品設計
- 統一用戶在平臺當中的行為習慣,就如同在交通系統中,紅燈特指停,綠燈特指行,如果某個城市改變了這一規則,其他地方的人來到這里,將會引起交通癱瘓。
使用設計規范時的注意點
- 在沒有更好的設計方案時,盡量遵守設計規范
- 特殊情況下,不必拘泥于設計規范,一切以用戶的使用場景為基準
常見的設計規范
頁面規范
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
安卓設計規范發展史