讀了安卓和iOS的設(shè)計規(guī)范再看app娃豹,有一種指出“這是巴洛克風(fēng)格的建筑設(shè)計”的樂趣焚虱。
想看設(shè)計規(guī)范原文直接點
iOS設(shè)計規(guī)范圍繞一個核心,就是“模態(tài)”
安卓設(shè)計規(guī)范如果總結(jié)成一句話懂版,就是“任何地方均可點擊”
區(qū)別iOS和安卓設(shè)計的10個check points
1. 如何全局導(dǎo)航:
iOS導(dǎo)航tab bar放在底部(頂部手短摸不著)
安卓導(dǎo)航tab個數(shù)少用固定tab鹃栽,個數(shù)多用滾動tab,都在頂部(安卓的硬按鍵在底部躯畴,防止誤操作)
(如果種類太多民鼓,都可以使用左側(cè)抽屜設(shè)計)
2. 二級頁頁頭導(dǎo)航條是什么順序:
iOS導(dǎo)航
1 向上箭頭+上級頁面標(biāo)題
2 當(dāng)下頁面標(biāo)題(居中薇芝,可以沒有)
3 操作(一般就一個)
iOS不需要給出logo
安卓導(dǎo)航
1 向上箭頭+logo+當(dāng)下頁面標(biāo)題
2 Spinner(optional)
3 重要操作(可能多個)
4 更多操作 (省略號豎向)
安卓不需要指出上一級頁面標(biāo)題
3. 搜索框設(shè)計
安卓搜索點擊放大鏡進(jìn)入搜索
搜索框=非模態(tài)窗口+左箭頭+LOGO+輸入框(占位符)
iOS7搜索下拉滑出搜索框進(jìn)入搜索
搜索框=模態(tài)窗口,沒有左箭頭丰嘉,沒有搜索按鈕
4. 管理列表條目
iOS左滑能刪掉條目
安卓長按操作條目(展現(xiàn)contextual menu或者contextual action bar)
ps:安卓4.0已經(jīng)逐步接受手勢操作夯到,不那么嚴(yán)格
5. 批量管理條目
iOS右上角有編輯按鈕,點擊進(jìn)入批量管理
安卓長按條目進(jìn)入批量管理模態(tài)
5. 視覺
iOS主要內(nèi)容白色饮亏,背景淡色耍贾,內(nèi)容與背景襯線分割
安卓不使用背景,一切區(qū)域皆可點
6. 選擇分類
iOS使用scope bar或者左上角抽屜設(shè)計(漢堡包)
安卓使用下拉菜單spinner(但是很少設(shè)計師喜歡)
7. 操作工具欄
iOS一律放在底部克滴,叫split action bar
安卓一律放在頂部右端逼争,叫contextual action bar
8. 產(chǎn)品LOGO
iOS不在導(dǎo)航中顯示logo
安卓每一個頁面左側(cè)頂部都應(yīng)該顯示logo
9. 列表樣式
iOS在條目上提供右箭頭优床,提醒更多內(nèi)容(optional)
安卓不放右箭頭劝赔,一切區(qū)域皆可點擊,不需要額外提醒
10. 按鈕
安卓使用扁平方型按鈕設(shè)計
iOS7建議borderless按鈕設(shè)計
兩者圓角尺寸也不同
以上是想到的10處不同胆敞,大家可以拿著它去看安卓和iOS上哪些app是符合規(guī)范的着帽,哪些app又完全不懂規(guī)范?
另外做了一個帶圖的ppt移层,有興趣大家看下
http://pan.baidu.com/s/1eQ1ocSE
來自豆瓣