APP開(kāi)發中動效運用(yòng)的(de)幾點原則

來(lái)源：lexintech.com ÷☆ & 發布時(shí)間(jiān)：2017-11-08

在手機(jī)APP開(kāi)發中，動效的(de)運用(yòng)如(rú)果運用(yòng)得(deλδ)當，會(huì)使你(nǐ)的(de)APP增色不(bù)少(shǎo"£☆)。适當的(de)使用(yòng)動效，可(kě)以讓用(yòng)戶€§在使用(yòng)過程中有(yǒu)非常流暢和(&€hé)愉悅的(de)體(tǐ)驗。今天我們δΩ就(jiù)介紹一(yī)下(xià)APP開(kāi)發中動效的(de)幾種簡單通(tōng)用(yòng)的(δα€de)方式。

一(yī)：轉場(chǎng)

　　由于手機(jī)屏幕空(kōng)間(jiān)有(yǒu)限，在≥↕≈APP開(kāi)發時(shí)，更多(duō)的(de)內(nèi)容>'會(huì)被隐藏在屏幕後邊，或者屏幕的(de)左邊、右邊、下(x×÷÷←ià)邊，轉場(chǎng)動效能(nén☆★♣g)幫助應用(yòng)營造一(yī)種空(kōng)間(j>₹↔¥iān)方位感。轉場(chǎng)動效是(shì)目εβ前應用(yòng)最多(duō)的(de)動效種類，畢竟iPhone、An∑≠✔doird、Wp7都(dōu)有(yǒu)提供一(yī)些(xiα ¶ē)官方的(de)動效的(de)API，"♥一(yī)些(xiē)簡單的(de)動效可(kě)以直接調用(yòng)官方A♥σ↕<PI來(lái)完成。Android官方動↓ €效8個(gè)，iPhone官方動效19個(gè)，WP7官方‌σ÷動效6個(gè)，具體(tǐ)幾個(gè)平台的(de)動效有(yǒu)‌♥♦'哪些(xiē)差異，後續有(yǒu)機(jī)會(huì)分(fēn)享。β÷™∑

二：過渡

　　過渡就(jiù)是(shì)等待時(shí)間(jiān)的(de)處π"±理(lǐ)，當APP正在加載數(shù)據的(de)時(shí)候，≈£δ一(yī)定要(yào)給予過渡，讓用(yòng)戶知(zhī)道α€¶(dào)應用(yòng)正在努力工(gōng)作‍✔(zuò)，系統級的(de)過渡分(fēn)為(wèi)兩種&mda>πsh;—進度條和(hé)菊花(✔"&©huā)轉，進度條是(shì)用(yòng)在可≈π☆€(kě)預知(zhī)完成進度和(hé)剩餘時(shí)間(jiān)的(d±Ω®©e)情況下(xià);菊花(huā)轉是(shì)用≥$↑(yòng)在無法預知(zhī)剩餘時(shí)間(jσ±£iān)的(de)情況下(xià)。iPhone上(shàng)照(zhà&₽✔→o)片轉發郵件(jiàn)、郵件(jiàn)從(cóng)收件(ji∑↓àn)箱移動到(dào)垃圾郵件(jiàn)都(dōu§Ω¶)有(yǒu)很(hěn)好(hǎo)的(de)過渡動效，讓& ≈↓用(yòng)戶知(zhī)道(dào)當前從(cóng↑♦₽)一(yī)個(gè)應用(yòng)跳(tiào)轉到(dào)另外≈≈ (wài)一(yī)個(gè)應用(yòng)，知(zhī)道(d>σπ≤ào)從(cóng)一(yī)個(gè)文(wén)件('¥jiàn)夾跳(tiào)轉到(dào)另外(wàγ☆≠i)一(yī)個(gè)文(wén)件(jiàn)夾，避免了(le®←)迷路(lù)的(de)麻煩。

三：反饋

　　當任務成功或失敗之後，需要(yào)有(yǒu)辦法告知(zh★₹₽ī)用(yòng)戶。比如(rú)Reeder客戶端，就(♠γ'jiù)會(huì)在你(nǐ)點了(le)Uγ‍nread後，立刻彈層告訴你(nǐ)已标為(wèi)Unread，在你(γ∞nǐ)點了(le)Statted後，立刻彈層告訴你(nǐ)，已經Starred‌™€。反饋需要(yào)在合适的(de)時(shí)間(jiān)引起用(yò☆∏ng)戶的(de)注意，簡潔明(míng)了(le)的(de)傳✘♠達操作(zuò)的(de)結果，

　　如(rú)果是(shì)成功類的(de)提醒，往往隻是(shì←☆)告知(zhī)狀态就(jiù)可(kě)以了(le)，♥♠用(yòng)戶無需執行(xíng)操作(z ‌∑uò)，反饋就(jiù)可(kě)以自(zì)Ωσ己消失。而如(rú)果是(shì)失敗類的(de)反饋&→≥，則需要(yào)引起關注，可(kě)以相(xiàng)∑≠對(duì)強勢一(yī)些(xiē)，反饋出現(xδ$≤iàn)的(de)位置可(kě)以考慮相(xi∞<àng)關性，比如(rú)帳号錯(cuò)誤₽‌可(kě)以出現(xiàn)在帳号旁邊，密碼錯<↕(cuò)誤可(kě)以出現(xiàn)在密碼旁邊，采用(yòng)相(x$✘iàng)對(duì)警示的(de)顔色和(hé)設計(jì)風(fπΩ≥☆ēng)格。

四：縮放(fàng)

　　在一(yī)寸土(tǔ)一(yī)寸金(jī♠δ×n)的(de)手機(jī)界面上(shàng)®>©<耕耘，恨不(bù)得(de)蓋個(gè)複式小↓₩(xiǎo)洋樓，一(yī)行(xíng)±∏當兩行(xíng)用(yòng)。其實不(bù)是₽∞•×(shì)不(bù)可(kě)以，隻需要(yào)一(yī)個(gè)設≤↓計(jì)思想——盒子(zǐ)主義。每一∞φ(yī)個(gè)功能(néng)模塊都(dōu)是('¥₩™shì)一(yī)個(gè)盒子(zǐ)，在你(nǐ)不(bù)需要(y∏Ω♠ào)用(yòng)到(dào)的(de)時(sh↓'₩λí)候，它隻是(shì)一(yī)個(gè)盒子(zǐ₽★<)，上(shàng)面貼著(zhe)标簽，你(nǐ)知(zhī)道(dàoε‌↑§)裡(lǐ)面裝的(de)是(shì)襪子(zǐ)，₩π≠當你(nǐ)需要(yào)的(de)時(shí)候，γ$βλ你(nǐ)就(jiù)可(kě)以打開(kāi)盒子Ω™∑←(zǐ)，露出裡(lǐ)面很(hěn)多(duō)很(hěn)多(duō)¶♠®✔雙襪子(zǐ)。

五：吸附

　　吸附是(shì)網格系統中一(yī)個(gè)很(hěn)具有(yǒu>‍∏)美(měi)學色彩的(de)設計(jì)，↕®™當你(nǐ)拖拽著(zhe)一(yī)個(gè)應用(yòσ₽ng)切換位置的(de)時(shí)候，這(zhè)個(gè)應用(yòng)©"∑會(huì)被自(zì)動吸附到(dào)對("✘$duì)齊網格的(de)位置，保證界面整潔利索∑≠ (不(bù)像Nokia的(de)某些(xiē)手機(jī)，<¥Widget可(kě)以滿屏幕拖拽，跟我淩亂的(de)↕>桌面一(yī)樣);當你(nǐ)拖拽一(yīσ"γ♦)個(gè)應用(yòng)到(dào)另外"$•(wài)一(yī)個(gè)應用(yòng)上(shàng)σβ的(de)時(shí)候，就(jiù)可(kě)以變成一(yī)✔÷γ個(gè)文(wén)件(jiàn)夾，這≥♦≈✘(zhè)裡(lǐ)也(yě)是(shì)通(tōng)過文(®÷<wén)件(jiàn)夾的(de)樣式和(hé)吸附的(de)效果>☆✘，讓用(yòng)戶明(míng)白(bái)建立文($✘ wén)件(jiàn)夾的(de)交互的(de)。

　　APP開(kāi)發的(de)任何動效，都(dōu)需要(yào)經過場 ε₹(chǎng)景和(hé)需求的(de)思考，在什(s≤φ♣♣hén)麽樣的(de)特殊情景下(xià)，解決了(leφ∑)什(shén)麽樣的(de)問(wèn)題，不(bù)要(yào)為(wδ¥∏èi)了(le)動而動。

　　除了(le)界面本身(shēn)的(de)動效之外(w♥✘σ ài)，還(hái)需要(yào)包含震動、聲音(yīn)、手勢等等因素一∏≤¥(yī)起去(qù)考慮，好(hǎo)的(de)動效，配合著(zhe)合适α✘的(de)音(yīn)效、合理(lǐ)的(de)手勢，才是(shì♥↕←≈)最自(zì)然的(de)交互方式。

上(shàng)一(yī)篇：小(xiǎo)程序又(yòu)放(fàng)大(dà)招，開(kāi>÷×)放(fàng)了(le)打開(kāi)H5網頁的(de) ♣ε功能(néng)
下(xià)一(yī)篇：APP開(kāi)發中産品設計(jì)的(de)一(yī)些(xiē)有(¶<♥yǒu)用(yòng)的(de)方法