>
學(xué)校機(jī)構(gòu) >
交互時(shí)代UI實(shí)訓(xùn)基地 >
學(xué)習(xí)資訊>
UI設(shè)計(jì)中動(dòng)效的6個(gè)基本原則
UI設(shè)計(jì)中動(dòng)效的6個(gè)基本原則
47 2017-06-01
在交互時(shí)代過往的文章中,有一篇《UI設(shè)計(jì)為什么需要?jiǎng)有У摹肺恼孪虼蠹谊U述了動(dòng)效在UI設(shè)計(jì)中的重要性,而今天,交互時(shí)代則給大家?guī)砹酥谱鱑I設(shè)計(jì)動(dòng)效的6個(gè)基本原則,遵循這6個(gè)基本原則,能讓我們做出更幫的UI設(shè)計(jì)動(dòng)效。
接下來先看一下交互時(shí)代帶來的一組值得學(xué)習(xí)的按鈕、開關(guān)的動(dòng)效,看看它們是否會(huì)給你一些什么啟發(fā)?
原則一、化動(dòng)效與APP的個(gè)性化一致
這也是UI設(shè)計(jì)動(dòng)效中最基本的原則:不應(yīng)該純催為了動(dòng)效的個(gè)性化而拋棄了APP本身的特點(diǎn)。
原則二、動(dòng)效應(yīng)具備指引性
一款產(chǎn)品的UI設(shè)計(jì)動(dòng)效應(yīng)該好像導(dǎo)游一樣,為用戶指明方向,減少額外的文字說明。
原則三、背景動(dòng)效的使用
產(chǎn)品的UI設(shè)計(jì)動(dòng)效應(yīng)該賦予內(nèi)容意義,通過其所包含的意義表現(xiàn)內(nèi)容的狀態(tài)與環(huán)境。
原則四、與用戶產(chǎn)生共鳴
APPUI動(dòng)效的目的是與用戶互動(dòng),并產(chǎn)生共鳴,而非令他們困惑甚至感到意外。UI動(dòng)效和用戶操作之間的關(guān)系應(yīng)該是互補(bǔ)的,兩者共同促成交互完成。
原則五、動(dòng)效應(yīng)積極的反饋
優(yōu)秀的UI設(shè)計(jì)動(dòng)效能夠充分的給與用戶反饋,讓用戶時(shí)刻知道產(chǎn)品在接受指令。
原則六、不可盲目的添加動(dòng)效
在UI設(shè)計(jì)中濫用動(dòng)效會(huì)讓用戶分心,我們只應(yīng)該在需要的時(shí)候添加動(dòng)效。動(dòng)效應(yīng)該用來保持用戶的關(guān)注、引導(dǎo)用戶的操作。
以上,就是交互時(shí)代為大家?guī)淼腢I設(shè)計(jì)中動(dòng)效的6個(gè)基本原則,當(dāng)然,動(dòng)效肯定不僅僅是幾個(gè)知道幾個(gè)原則就能做好的,想要了解更多內(nèi)容的話,就多多關(guān)注交互時(shí)代的官網(wǎng)吧,掃描下方二維碼也能第一時(shí)間接收到我們的信息哦。
請聯(lián)系網(wǎng)站客服,了解詳細(xì)的優(yōu)惠課程信息~
優(yōu)質(zhì)、權(quán)威、便捷、省心
掃一掃
獲取更多福利
獵學(xué)網(wǎng)企業(yè)微信
獵學(xué)網(wǎng)訂閱號
獵學(xué)網(wǎng)服務(wù)號