2017-7-11 用心設(shè)計(jì)
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
為什么用戶如此熱衷動(dòng)效？
答案很簡(jiǎn)單，因?yàn)閯?dòng)效是對(duì)實(shí)時(shí)交互的本質(zhì)的補(bǔ)充。也就是說(shuō)，動(dòng)效可以營(yíng)造一種跟物理世界的物體交互事的情感體驗(yàn)。無(wú)疑，交互能夠帶給用戶滿足感。本文介紹5個(gè)作者認(rèn)為在設(shè)計(jì)動(dòng)效事非常有用的交互設(shè)計(jì)核心原則。
UI動(dòng)效是一個(gè)讓移動(dòng)應(yīng)用簡(jiǎn)單、清晰、智能以及以用戶為中心最有效的方法，通常，UI動(dòng)效總能帶給用戶積極的體驗(yàn)。
UI動(dòng)效的類型
盡可能使用微交互
微交互是一個(gè)完成某項(xiàng)任務(wù)中稍縱即逝的時(shí)刻。它的主要作用就是幫助用戶清晰的了解到交互已經(jīng)完成啦。比如，生動(dòng)的按鈕、開關(guān)、切換或者其他。微交互在交互動(dòng)效中十分重要，實(shí)際上，微交互可能是設(shè)計(jì)的未來(lái)。
2.展示進(jìn)度
這個(gè)交互主要展示app的刷新或者加載狀態(tài)。下拉刷新在如今的app設(shè)計(jì)中很流行。它不僅具有信息性，同時(shí)也很時(shí)尚、美觀，更重要的是它會(huì)讓用戶等待加載內(nèi)容的這段時(shí)間變得愉悅。
3.展示關(guān)鍵導(dǎo)航
清晰的導(dǎo)航一直是數(shù)碼產(chǎn)品交互設(shè)計(jì)師的關(guān)心點(diǎn)。用戶通常希望一眼看到最關(guān)鍵的東西。通過(guò)動(dòng)效暗示導(dǎo)航的選中狀態(tài)，會(huì)立刻將用戶引導(dǎo)到指定內(nèi)容。
4.給數(shù)據(jù)可視化加點(diǎn)魔術(shù)效果
很明顯，一說(shuō)到數(shù)據(jù)，人們通常感到無(wú)聊。對(duì)于用戶來(lái)說(shuō)數(shù)據(jù)是數(shù)字和圖表。當(dāng)然這沒(méi)錯(cuò)也符合邏輯，知道數(shù)據(jù)被這些元素和邏輯驅(qū)動(dòng)。像這樣美學(xué)和易用性結(jié)合的UI動(dòng)效會(huì)使用戶產(chǎn)生共情感。數(shù)據(jù)可以通過(guò)形狀、顏色、漸變、呼吸感的布局以及動(dòng)態(tài)運(yùn)動(dòng)表示。
一些優(yōu)質(zhì)移動(dòng)app動(dòng)效設(shè)計(jì)的建議：
1.動(dòng)效不應(yīng)分散用戶在屏幕上重要功能上的注意力。
2.設(shè)計(jì)動(dòng)效時(shí)應(yīng)該考慮到應(yīng)用在不同設(shè)備和屏幕倍率的問(wèn)題。
3.動(dòng)效設(shè)計(jì)應(yīng)該遵循GUI，對(duì)品牌的延展。
4.loading動(dòng)畫不能占用過(guò)多的資源。
5.不要過(guò)度加載屏幕。
總之，適當(dāng)?shù)腢I動(dòng)效設(shè)計(jì)可以提高可用性。界面的UI動(dòng)效會(huì)帶來(lái)以下好處：
1.提高可用性
2.友好地、方便地和容易地交互
3.提供給用戶清晰的反饋，滿足期望
4.創(chuàng)造愉悅時(shí)尚的視覺設(shè)計(jì)
藍(lán)藍(lán)設(shè)計(jì)( www.gerard.com.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.gerard.com.cn