歡迎來(lái)到(dào)深圳市博易美✔±Ω科技有限公司網站(zhàn)!
人(rén)
已閱讀(dú)

在APP開(kāi)發中需要(yào)注意的(de)一(yī)些σ×✔(xiē)交互設計(jì)

來(lái)源:lexintech.com       發布時β"'✘(shí)間(jiān):2019-05-17
APP開(kāi)發中,蘋果和(hé)安卓兩個(gè)系統的(de)不(bù)同會(huì♦ ∏→)導緻交互上(shàng)的(de)一(yī)些(xiē)差 €✘β别。首先什(shén)麽是(shì)交互?©✔☆ε交互就(jiù)是(shì)通(tōng)過界>↑面設計(jì)引導用(yòng)戶操作(zuò),并且作(zuò)出反饋的(÷φ✔de)過程,動畫(huà)是(shì)提供可(k☆πσ←ě)感知(zhī)的(de)反饋。
蘋果和(hé)安卓APP開(kāi)發交互上(shàng)的(de)差異
蘋果和(hé)安卓其實都(dōu)有(yǒu)•₹自(zì)己的(de)一(yī)套設計(jì)規範,設計(j©δ→ì)規範為(wèi)的(de)就(jiù)是π≈'→(shì)幫助開(kāi)發者所開(kāi)發®↓的(de)應用(yòng)能(néng)夠盡量與系統應用¶Ω₩β(yòng)得(de)到(dào)一(yī)緻的(de)體(tǐ)驗。$φ‌≥
 
蘋果的(de)設計(jì)原則就(jiù)∏>↕是(shì)充分(fēn)利用(yòng)整個(gè)屏幕(β<所謂「沉浸式」)、弱化(huà)拟物(wù)設計(φ←jì)、使用(yòng)毛玻璃底闆等方式去(qù)突出主體(tǐ)π→內(nèi)容,以內(nèi)容為(wèi)主。
通(tōng)過留白(bái)、不(bù)同狀态的(de)顔色、排版••✘©及無邊框的(de)按鈕保證內(nèi)容顯示的↓λ↕ε(de)清晰度。
利用(yòng)毛玻璃、重疊效果及空(kōng)間★↕<(jiān)的(de)大(dà)小(xiǎo)關系(如(r≤←✔ú)日(rì)曆中「年(nián)」與「月(yuè)」)表達空(kōng)間±§<(jiān)中的(de)層級關系。
  
安卓的(de)設計(jì)原則就(jiù♠α®)是(shì)通(tōng)過紙(zhǐ)面質感的(de)設✘♠∏≈計(jì)效果(包括排版、網格、空(kōng)間(jiān)、比例、配色、✘±<​圖像使用(yòng))讓用(yòng)戶感到(dào) α♥$自(zì)然(明(míng)白(bái)隐喻)。突出 ¶核心功能(néng),引導用(yòng)戶操作(zuò)。對(duì)用λ÷(yòng)戶的(de)行(xíng)為(wèi)進行(xíng)統一(yī♥∏)的(de)、恰當的(de)反饋。

這(zhè)兩者有(yǒu)啥區(qū)别呢(ne)?
由于 iOS 的(de)操作(zuò)一πγ&δ(yī)般隻有(yǒu)三種:點擊進入下(xià)一(yβ←β×ī)層、返回上(shàng)一(yī)層、按 home 鍵返回桌面,操作(z"÷uò)相(xiàng)對(duì)簡單而統一(yī),因此 iOS 的©®(de)設計(jì)以突出內(nèi)容為(wèi)主。
而 Android 的(de)操作(zuò)相(xiàng)對(£>↓§duì)複雜(zá)一(yī)些(xiē),↕☆$因此通(tōng)過紙(zhǐ)面質感的( ∑de)設計(jì)效果以引導操作(zuò)成為(wèi)設計(jì)重點。↕ Ω

其次,iOS 通(tōng)過透視(shì)下(x→×ià)層內(nèi)容的(de)方式(毛玻璃)表達空(↓₽≠kōng)間(jiān)層級關系,而 Android 通≈​®₩(tōng)過光(guāng)影(yǐng)效果表達。
iOS 的(de)界面通(tōng)常由頂部導航欄和(£←€×hé)底部 Tap 組成的(de) Ba₩₹→♠r、內(nèi)容、控制(zhì)按鈕,以及及警告提示等消 ₽✔息提示組成,iOS 平闆亦同。
相(xiàng)比之下(xià),Android ‍☆↔的(de)界面較 iOS 更為(wèi)複雜(zá)α"‌。對(duì)比 iOS,Androidπ•λ↓ 較為(wèi)突出的(de)區(qū)别有(yǒu)兩$→≥Ω個(gè):一(yī)種是(shì)通(tōng)>♦βα過條形的(de)顔色「滑塊」暗(àn)示可(kě)以左右滑動切換的(de)頂§×→&部 Tap,另一(yī)種是(shì)左邊抽屜式導航面闆。這(zhè)↑≤兩種導航方式本身(shēn)的(de)主®↑要(yào)區(qū)别在于,前者可(kě)承載的(de↑∏∑×)層級結構更加扁平簡單而且 Tap 數(shù§±® )量較少(shǎo),後者可(kě)承載層級結構較為(wèi)複雜(>¥✔zá)而且用(yòng)戶需要(yào)從(cóng)某一(yī)λλ§ Tap 較深的(de)層級直接返回到(dà λ₽o)首層。

在我們的(de)APP開(kāi)發項π ≤★目中,隻有(yǒu)清楚的(de)了(le)解了(le)‌×₽蘋果的(de)安卓的(de)這(zhè)些(xiē'δβ)交互上(shàng)的(de)差異,才能(néng‌‍<)更好(hǎo)的(de)設計(jì)出好(hǎo€≈$)用(yòng)的(de)産品。