人
已閱讀
已閱讀
在APP開發(fā)中需要注意的一些交互設(shè)計
來源:www.bqtao.cn ?? ?? 發(fā)布時間:2019-05-17
在APP開發(fā)中,蘋果和安卓兩個系統(tǒng)的不同會導致交互上的一些差別。首先什么是交互?交互就是通過界面設(shè)計引導用戶操作,并且作出反饋的過程,動畫是提供可感知的反饋。

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