iOS和安卓的設(shè)計規(guī)范有何不同?

讀了安卓和iOS的設(shè)計規(guī)范再看app娃豹,有一種指出“這是巴洛克風(fēng)格的建筑設(shè)計”的樂趣焚虱。

想看設(shè)計規(guī)范原文直接點

安卓4.0中文設(shè)計規(guī)范

iOS7中文官方規(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

來自豆瓣

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末仍翰,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子观话,更是在濱河造成了極大的恐慌予借,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,919評論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件频蛔,死亡現(xiàn)場離奇詭異灵迫,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)晦溪,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,567評論 3 392
  • 文/潘曉璐 我一進(jìn)店門瀑粥,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人三圆,你說我怎么就攤上這事狞换。” “怎么了舟肉?”我有些...
    開封第一講書人閱讀 163,316評論 0 353
  • 文/不壞的土叔 我叫張陵修噪,是天一觀的道長。 經(jīng)常有香客問我路媚,道長黄琼,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,294評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮术奖,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘双絮。我一直安慰自己弛矛,他們只是感情好够吩,可當(dāng)我...
    茶點故事閱讀 67,318評論 6 390
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著丈氓,像睡著了一般周循。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上万俗,一...
    開封第一講書人閱讀 51,245評論 1 299
  • 那天湾笛,我揣著相機(jī)與錄音,去河邊找鬼闰歪。 笑死嚎研,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的库倘。 我是一名探鬼主播临扮,決...
    沈念sama閱讀 40,120評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼教翩!你這毒婦竟也來了杆勇?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,964評論 0 275
  • 序言:老撾萬榮一對情侶失蹤饱亿,失蹤者是張志新(化名)和其女友劉穎蚜退,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體彪笼,經(jīng)...
    沈念sama閱讀 45,376評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡钻注,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,592評論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了杰扫。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片队寇。...
    茶點故事閱讀 39,764評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖章姓,靈堂內(nèi)的尸體忽然破棺而出佳遣,到底是詐尸還是另有隱情,我是刑警寧澤凡伊,帶...
    沈念sama閱讀 35,460評論 5 344
  • 正文 年R本政府宣布零渐,位于F島的核電站,受9級特大地震影響系忙,放射性物質(zhì)發(fā)生泄漏诵盼。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,070評論 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望风宁。 院中可真熱鬧洁墙,春花似錦、人聲如沸戒财。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,697評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽饮寞。三九已至孝扛,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間幽崩,已是汗流浹背苦始。 一陣腳步聲響...
    開封第一講書人閱讀 32,846評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留慌申,地道東北人陌选。 一個月前我還...
    沈念sama閱讀 47,819評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像太示,于是被迫代替她去往敵國和親柠贤。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,665評論 2 354

推薦閱讀更多精彩內(nèi)容