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