蘋果和(hé)谷歌對(duì)開(kāi)發者發布的(de) iOS 8 與 Android 5.0 設計(jì)規範為(wèi)的(de)就是幫助開(kāi)發者所開(kāi)發的(de)應用能夠盡量與系統應用得到一緻的(de)體(tǐ)驗。因此,下(xià)面試圖通(tōng)過兩者的(de)設計(jì)規範粗淺地(dì)對(duì)比 iOS 平闆(iOS 8)與 Android 平闆(Android 5.0)的(de)交互與動畫(huà):
設計(jì)原則界面設計(jì)中的(de)隐喻用戶使用平闆時(shí)的(de)輸入方式平闆響應這(zhè)些用戶行為(wèi)的(de)輸出效果(動畫(huà))iOS 平闆與 Android 平闆的(de)設計(jì)原則
iOS 8 的(de)設計(jì)原則在我的(de)理(lǐ)解是:
充分利用整個(gè)屏幕(所謂「沉浸式」)、弱化(huà)拟物(wù)設計(jì)、使用毛玻璃底闆等方式去(qù)突出主體(tǐ)內(nèi)容,以內(nèi)容為(wèi)主通(tōng)過留白、不同狀态的(de)顔色、排版及無邊框的(de)按鈕保證內(nèi)容顯示的(de)清晰度利用毛玻璃、重疊效果及空間(jiān)的(de)大小(xiǎo)關系(如日(rì)曆中「年(nián)」與「月(yuè)」)表達空間(jiān)中的(de)層級關系。
而要講 Android 5.0 設計(jì)原則就必須說(shuō)到谷歌推出的(de)全新設計(jì)語言 Material Design 。Material Design 的(de)設計(jì)原則在我的(de)理(lǐ)解裏是這(zhè)樣的(de):
通(tōng)過紙面質感的(de)設計(jì)效果(包括排版、網格、空間(jiān)、比例、配色、圖像使用)讓用戶感到自(zì)然(明(míng)白隐喻)突出核心功能,引導用戶操作(zuò)對(duì)用戶的(de)行為(wèi)進行統一的(de)、恰當的(de)反饋兩者的(de)區(qū)别
由于 iOS 的(de)操作(zuò)一般隻有(yǒu)三種:點擊進入下(xià)一層、返回上(shàng)一層、按 home 鍵返回桌面,操作(zuò)相(xiàng)對(duì)簡單而統一,因此 iOS 8 的(de)設計(jì)以突出內(nèi)容為(wèi)主。
而 Android 的(de)操作(zuò)相(xiàng)對(duì)複雜(zá)一些,因此通(tōng)過紙面質感的(de)設計(jì)效果以引導操作(zuò)成為(wèi)設計(jì)重點。
其次,iOS 8 通(tōng)過透視(shì)下(xià)層內(nèi)容的(de)方式(毛玻璃)表達空間(jiān)層級關系,而 Android 5.0 通(tōng)過光(guāng)影效果表達。
iOS 平闆與 Android 平闆界面設計(jì)中的(de)隐喻
iOS 的(de)界面通(tōng)常由頂部導航欄和(hé)底部 Tap 組成的(de) Bar、內(nèi)容、控制按鈕,以及及警告提示等消息提示組成,iOS 平闆亦同。這(zhè)裏拿(ná) iPhone 的(de)界面描述 iOS 平闆中的(de)舉例說(shuō)明(míng)。
雲端高(gāo)科(kē)網站建設 營銷型網站制作(zuò) 高(gāo)端網站建設
雲端高(gāo)科(kē)
iPhone 界面
這(zhè)個(gè)界面中底部 Tap 和(hé)位于頂部導航欄中的(de)分段控制按鈕均以鮮明(míng)的(de)顔色表示被選中的(de)狀态,而且分段控制按鈕以按鈕形式出現(xiàn),暗(àn)示這(zhè)是需要點擊切換而不是滑動切換
底部 Tap 和(hé)位于頂部導航欄中的(de)分段控制按鈕
頂部導航欄中出現(xiàn)了标題和(hé)兩個(gè)控制按鈕,他(tā)們則是以顔色不同暗(àn)示是否可以點擊