iOS和安卓的設計規范有何不同?
iOS和安卓的設計規范有何不同?-移動閱讀二維碼

iOS和安卓的設計規范有何不同?

讀了安卓和iOS的設計規范再看app,有一種指出“這是巴洛克風格的建筑設計”的樂趣。

想看設計規范原文直接點
安卓4.0中文設計規范
iOS7中文官方規范

iOS設計規范圍繞一個核心,就是“模態”
安卓設計規范如果總結成一句話,就是“任何地方均可點擊”

區別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按鈕設計
兩者圓角尺寸也不同

以上是想到的10處不同,大家可以拿著它去看安卓和iOS上哪些app是符合規范的,哪些app又完全不懂規范?

另外做了一個帶圖的ppt,有興趣大家看下

http://pan.baidu.com/s/1eQ1ocSE

來自?豆瓣

本文鏈接:http://www.casaleticia.com/difference-between-ios-and-androids-design.html
本文標簽: , , ,