人
已閱讀
已閱讀
在APP開發(fā)中需要注意的一些交互設(shè)計(jì)
來(lái)源:lexintech.com ?? ?? 發(fā)布時(shí)間:2019-05-17
在APP開發(fā)中,蘋果和安卓?jī)蓚€(gè)系統(tǒng)的不同會(huì)導(dǎo)致交互上的一些差別。首先什么是交互?交互就是通過(guò)界面設(shè)計(jì)引導(dǎo)用戶操作,并且作出反饋的過(guò)程,動(dòng)畫是提供可感知的反饋。
蘋果和安卓其實(shí)都有自己的一套設(shè)計(jì)規(guī)范,設(shè)計(jì)規(guī)范為的就是幫助開發(fā)者所開發(fā)的應(yīng)用能夠盡量與系統(tǒng)應(yīng)用得到一致的體驗(yàn)。
蘋果的設(shè)計(jì)原則就是充分利用整個(gè)屏幕(所謂「沉浸式」)、弱化擬物設(shè)計(jì)、使用毛玻璃底板等方式去突出主體內(nèi)容,以內(nèi)容為主。
通過(guò)留白、不同狀態(tài)的顏色、排版及無(wú)邊框的按鈕保證內(nèi)容顯示的清晰度。
利用毛玻璃、重疊效果及空間的大小關(guān)系(如日歷中「年」與「月」)表達(dá)空間中的層級(jí)關(guān)系。
安卓的設(shè)計(jì)原則就是通過(guò)紙面質(zhì)感的設(shè)計(jì)效果(包括排版、網(wǎng)格、空間、比例、配色、圖像使用)讓用戶感到自然(明白隱喻)。突出核心功能,引導(dǎo)用戶操作。對(duì)用戶的行為進(jìn)行統(tǒng)一的、恰當(dāng)?shù)姆答仭?/div>
這兩者有啥區(qū)別呢?
由于 iOS 的操作一般只有三種:點(diǎn)擊進(jìn)入下一層、返回上一層、按 home 鍵返回桌面,操作相對(duì)簡(jiǎn)單而統(tǒng)一,因此 iOS 的設(shè)計(jì)以突出內(nèi)容為主。
而 Android 的操作相對(duì)復(fù)雜一些,因此通過(guò)紙面質(zhì)感的設(shè)計(jì)效果以引導(dǎo)操作成為設(shè)計(jì)重點(diǎn)。
其次,iOS 通過(guò)透視下層內(nèi)容的方式(毛玻璃)表達(dá)空間層級(jí)關(guān)系,而 Android 通過(guò)光影效果表達(dá)。
iOS 的界面通常由頂部導(dǎo)航欄和底部 Tap 組成的 Bar、內(nèi)容、控制按鈕,以及及警告提示等消息提示組成,iOS 平板亦同。
相比之下,Android 的界面較 iOS 更為復(fù)雜。對(duì)比 iOS,Android 較為突出的區(qū)別有兩個(gè):一種是通過(guò)條形的顏色「滑塊」暗示可以左右滑動(dòng)切換的頂部 Tap,另一種是左邊抽屜式導(dǎo)航面板。這兩種導(dǎo)航方式本身的主要區(qū)別在于,前者可承載的層級(jí)結(jié)構(gòu)更加扁平簡(jiǎn)單而且 Tap 數(shù)量較少,后者可承載層級(jí)結(jié)構(gòu)較為復(fù)雜而且用戶需要從某一 Tap 較深的層級(jí)直接返回到首層。
在我們的APP開發(fā)項(xiàng)目中,只有清楚的了解了蘋果的安卓的這些交互上的差異,才能更好的設(shè)計(jì)出好用的產(chǎn)品。
通過(guò)留白、不同狀態(tài)的顏色、排版及無(wú)邊框的按鈕保證內(nèi)容顯示的清晰度。
利用毛玻璃、重疊效果及空間的大小關(guān)系(如日歷中「年」與「月」)表達(dá)空間中的層級(jí)關(guān)系。
安卓的設(shè)計(jì)原則就是通過(guò)紙面質(zhì)感的設(shè)計(jì)效果(包括排版、網(wǎng)格、空間、比例、配色、圖像使用)讓用戶感到自然(明白隱喻)。突出核心功能,引導(dǎo)用戶操作。對(duì)用戶的行為進(jìn)行統(tǒng)一的、恰當(dāng)?shù)姆答仭?/div>
這兩者有啥區(qū)別呢?
由于 iOS 的操作一般只有三種:點(diǎn)擊進(jìn)入下一層、返回上一層、按 home 鍵返回桌面,操作相對(duì)簡(jiǎn)單而統(tǒng)一,因此 iOS 的設(shè)計(jì)以突出內(nèi)容為主。
而 Android 的操作相對(duì)復(fù)雜一些,因此通過(guò)紙面質(zhì)感的設(shè)計(jì)效果以引導(dǎo)操作成為設(shè)計(jì)重點(diǎn)。
其次,iOS 通過(guò)透視下層內(nèi)容的方式(毛玻璃)表達(dá)空間層級(jí)關(guān)系,而 Android 通過(guò)光影效果表達(dá)。
iOS 的界面通常由頂部導(dǎo)航欄和底部 Tap 組成的 Bar、內(nèi)容、控制按鈕,以及及警告提示等消息提示組成,iOS 平板亦同。
相比之下,Android 的界面較 iOS 更為復(fù)雜。對(duì)比 iOS,Android 較為突出的區(qū)別有兩個(gè):一種是通過(guò)條形的顏色「滑塊」暗示可以左右滑動(dòng)切換的頂部 Tap,另一種是左邊抽屜式導(dǎo)航面板。這兩種導(dǎo)航方式本身的主要區(qū)別在于,前者可承載的層級(jí)結(jié)構(gòu)更加扁平簡(jiǎn)單而且 Tap 數(shù)量較少,后者可承載層級(jí)結(jié)構(gòu)較為復(fù)雜而且用戶需要從某一 Tap 較深的層級(jí)直接返回到首層。
在我們的APP開發(fā)項(xiàng)目中,只有清楚的了解了蘋果的安卓的這些交互上的差異,才能更好的設(shè)計(jì)出好用的產(chǎn)品。