這里主要介紹六種簡單通用的方式——轉(zhuǎn)場、邀請、過渡、反饋、縮放、吸附。

原則一：轉(zhuǎn)場

　　由于手機(jī)屏幕空間有限，更多的內(nèi)容會被隱藏在屏幕后邊，或者屏幕的左邊、右邊、下邊，轉(zhuǎn)場動效能幫助應(yīng)用營造一種空間方位感。轉(zhuǎn)場動效是目前應(yīng)用最多的動效種類，畢竟iPhone、Andoird、Wp7都有提供一些官方的動效的API，一些簡單的動效可以直接調(diào)用官方API來完成。Android官方動效8個(gè)，iPhone官方動效19個(gè)，WP7官方動效6個(gè)，具體幾個(gè)平臺的動效有哪些差異，后續(xù)有機(jī)會分享。

原則二：邀請

　　直接提供邀請，告知用戶可以做的事，效果最直觀，引導(dǎo)性最好。但是要注意操作邀請一定是需要突出的主要功能或任務(wù)，不能什么功能都邀請用戶試用一下，要知道，大部分用戶只用到你應(yīng)用里的20%就算不錯了。邀請不能過于強(qiáng)制，如非必要，中斷用戶正在執(zhí)行的操作是很不禮貌的行為。

原則三：過渡

　　當(dāng)應(yīng)用正在加載數(shù)據(jù)的時(shí)候，一定要給予過渡，讓用戶知道應(yīng)用正在努力工作，系統(tǒng)級的過渡分為兩種——進(jìn)度條和菊花轉(zhuǎn)，進(jìn)度條是用在可預(yù)知完成進(jìn)度和剩余時(shí)間的情況下;菊花轉(zhuǎn)是用在無法預(yù)知剩余時(shí)間的情況下。iPhone上照片轉(zhuǎn)發(fā)郵件、郵件從收件箱移動到垃圾郵件都有很好的過渡動效，讓用戶知道當(dāng)前從一個(gè)應(yīng)用跳轉(zhuǎn)到另外一個(gè)應(yīng)用，知道從一個(gè)文件夾跳轉(zhuǎn)到另外一個(gè)文件夾，避免了迷路的麻煩。

　　不是所有情況下，都要清晰的告知用戶當(dāng)然任務(wù)的加載進(jìn)度的，比如iPhone自帶的短信應(yīng)用，發(fā)送短信的時(shí)候有一個(gè)進(jìn)度條，本意是好的，讓用戶知道短信發(fā)送的進(jìn)度。但是由于進(jìn)度條會給人造成一種明顯的等待感，而且用戶擔(dān)心離開當(dāng)前界面，短信就會發(fā)送失敗(用戶怎么知道同步和異步?)，所以只能傻等在那里。其實(shí)完全可以讓短信后臺發(fā)送，只要保證發(fā)送失敗有辦法告知用戶就可以。同理，那些圖片分享應(yīng)用也是如此，后臺上傳就可以了。

　原則四：反饋

　　當(dāng)任務(wù)成功或失敗之后，需要有辦法告知用戶。比如Reeder客戶端，就會在你點(diǎn)了Unread后，立刻彈層告訴你已標(biāo)為Unread，在你點(diǎn)了Statted后，立刻彈層告訴你，已經(jīng)Starred。反饋需要在合適的時(shí)間引起用戶的注意，簡潔明了的傳達(dá)操作的結(jié)果，

　　如果是成功類的提醒，往往只是告知狀態(tài)就可以了，用戶無需執(zhí)行操作，反饋就可以自己消失。而如果是失敗類的反饋，則需要引起關(guān)注，可以相對強(qiáng)勢一些，反饋出現(xiàn)的位置可以考慮相關(guān)性，比如帳號錯誤可以出現(xiàn)在帳號旁邊，密碼錯誤可以出現(xiàn)在密碼旁邊，采用相對警示的顏色和設(shè)計(jì)風(fēng)格。

原則五：縮放

　　在一寸土一寸金的手機(jī)界面上耕耘，恨不得蓋個(gè)復(fù)式小洋樓，一行當(dāng)兩行用。其實(shí)不是不可以，只需要一個(gè)設(shè)計(jì)思想——盒子主義。每一個(gè)功能模塊都是一個(gè)盒子，在你不需要用到的時(shí)候，它只是一個(gè)盒子，上面貼著標(biāo)簽，你知道里面裝的是襪子，當(dāng)你需要的時(shí)候，你就可以打開盒子，露出里面很多很多雙襪子。

　　比如Bluga這個(gè)輸入框，當(dāng)你不需要輸入的時(shí)候，它看起來就是一個(gè)輸入的入口，但是當(dāng)你點(diǎn)擊的時(shí)候，輸入的輔助信息都出來了，更大的文字撰寫框、位置、圖片、發(fā)送按鈕，你可以打開盒子，編輯一條豐富的消息。

原則六：吸附

　　吸附是網(wǎng)格系統(tǒng)中一個(gè)很具有美學(xué)色彩的設(shè)計(jì)，當(dāng)你拖拽著一個(gè)應(yīng)用切換位置的時(shí)候，這個(gè)應(yīng)用會被自動吸附到對齊網(wǎng)格的位置，保證界面整潔利索(不像Nokia的某些手機(jī)，Widget可以滿屏幕拖拽，跟我凌亂的桌面一樣);當(dāng)你拖拽一個(gè)應(yīng)用到另外一個(gè)應(yīng)用上的時(shí)候，就可以變成一個(gè)文件夾，這里也是通過文件夾的樣式和吸附的效果，讓用戶明白建立文件夾的交互的。

　　任何的動效，都需要經(jīng)過場景和需求的思考， 在什么樣的特殊情景下，解決了什么樣的問題，不要為了動而動，WP7的動效，恐怕看久了都會膩吧。

　　除了界面本身的動效之外，還需要包含震動、聲音、手勢等等因素一起去考慮，好的動效，配合著合適的音效、合理的手勢，才是最自然的交互方式。

　　從今天開始，努力提升你的應(yīng)用的品質(zhì)，讓它動起來吧!

分享標(biāo)題：移動應(yīng)用豐富動效的六點(diǎn)原則
轉(zhuǎn)載源于：http://jinyejixie.com/news19/165269.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營銷、自適應(yīng)網(wǎng)站、企業(yè)建站、手機(jī)網(wǎng)站建設(shè)、微信小程序、域名注冊

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)