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