㈠ 安卓和iOS在設計規范上的區別
OS設計規范圍繞一個核心,就是「模態」
安卓設計規范如果總結成一句話,就是「任何地方均可點擊」
區別iOS和安卓設計的10個check points
1. 如何全局導航:
iOS導航tab bar放在底部(頂部手短摸不著)
安卓導航tab個數少用固定tab,個數多用滾動tab,都在頂部(安卓的硬按鍵在底部,防止誤操作)
(如果種類太多,都可以使用左側抽屜設計)
2. 二級頁頁頭導航條是什麼順序:
iOS導航
1 向上箭頭+上級頁面標題
2 當下頁面標題(居中,可以沒有)
3 操作(一般就一個)
iOS不需要給出logo
安卓導航
1 向上箭頭+logo+當下頁面標題
2 Spinner(optional)
3 重要操作(可能多個)
4 更多操作 (省略號豎向)
安卓不需要指出上一級頁面標題
3. 搜索框設計
安卓搜索點擊放大鏡進入搜索
搜索框=非模態窗口+左箭頭+LOGO+輸入框(佔位符)
iOS7搜索下拉滑出搜索框進入搜索
搜索框=模態窗口,沒有左箭頭,沒有搜索按鈕
4. 管理列表條目
iOS左滑能刪掉條目
安卓長按操作條目(展現contextual menu或者contextual action bar)
ps:安卓4.0已經逐步接受手勢操作,不那麼嚴格
5. 批量管理條目
iOS右上角有編輯按鈕,點擊進入批量管理
安卓長按條目進入批量管理模態
5. 視覺
iOS主要內容白色,背景淡色,內容與背景襯線分割
安卓不使用背景,一切區域皆可點
6. 選擇分類
iOS使用scope bar或者左上角抽屜設計(漢堡包)
安卓使用下拉菜單spinner(但是很少設計師喜歡)
7. 子頁面操作工具欄
iOS一律放在底部,叫split action bar
安卓一律放在頂部右端,叫contextual action bar
8. 產品LOGO
iOS不在導航中顯示logo
安卓每一個頁面左側頂部都應該顯示logo
9. 列表樣式
iOS在條目上提供右箭頭,提醒更多內容(optional)
安卓不放右箭頭,一切區域皆可點擊,不需要額外提醒
10. 按鈕
安卓使用扁平方型按鈕設計
iOS7建議borderless按鈕設計
兩者圓角尺寸也不同