>
學(xué)校機(jī)構(gòu) >
交互時(shí)代UI實(shí)訓(xùn)基地 >
學(xué)習(xí)資訊>
UI設(shè)計(jì)中關(guān)于動(dòng)效的五個(gè)基本原則
UI設(shè)計(jì)中關(guān)于動(dòng)效的五個(gè)基本原則
98 2017-06-01
在APP的UI設(shè)計(jì)中加入動(dòng)效元素,已經(jīng)是現(xiàn)在的一個(gè)發(fā)展大勢(shì)。許多UI設(shè)計(jì)師也會(huì)收集好看的UI設(shè)計(jì)動(dòng)效作品。雖然如此,但我們?cè)谶M(jìn)行UI設(shè)計(jì)的時(shí)候,也不應(yīng)該隨意的使用動(dòng)效,而要學(xué)會(huì)克制。
而今天,交互時(shí)代會(huì)與大家分享一篇文章,是講述UI設(shè)計(jì)師應(yīng)該知道的一些動(dòng)效規(guī)則,也即是UI設(shè)計(jì)中關(guān)于動(dòng)效的五個(gè)基本原則。下面,我們先看看這些關(guān)于按鈕、開(kāi)關(guān)、滑塊等空間的動(dòng)效,能否為我們的設(shè)計(jì)思維帶來(lái)一些新觸感。
1、動(dòng)效可以有,不要影響到產(chǎn)品的個(gè)性化
也是今天我們重點(diǎn)所講的APPUI動(dòng)效設(shè)計(jì)中最基本的原則:具備個(gè)性化的動(dòng)效設(shè)計(jì)。也是一款A(yù)PP特殊身份標(biāo)識(shí)的象征。
2、指引功能不能少
比如APPUI動(dòng)效就應(yīng)該如同導(dǎo)游一樣,為用戶指引方向,防止用戶感到無(wú)聊,減少額外的圖形化說(shuō)明。
3、讓背景也動(dòng)起來(lái)
APP動(dòng)效應(yīng)當(dāng)為內(nèi)容賦予背景,通過(guò)背景來(lái)表現(xiàn)內(nèi)容的物理狀態(tài)和所處環(huán)境。
4、和用戶產(chǎn)生更精準(zhǔn)的互動(dòng)
APPUI動(dòng)效的目的是與用戶互動(dòng),并產(chǎn)生共鳴,而非令他們困惑甚至感到意外。UI動(dòng)效和用戶操作之間的關(guān)系應(yīng)該是互補(bǔ)的,兩者共同促成交互完成。
5、讓你的動(dòng)效具有情感
好的UI動(dòng)效是能夠喚起積極的情緒反應(yīng)的,平滑流暢的滾動(dòng)能帶來(lái)舒適感,而有效的動(dòng)作執(zhí)行往往能帶來(lái)令人興奮的愉悅和快感。
以上的內(nèi)容就是交互時(shí)代今天為大家?guī)?lái)的關(guān)于UI設(shè)計(jì)中動(dòng)效的五個(gè)基本原則,當(dāng)然,還是開(kāi)頭那句話,雖然動(dòng)效好,但是要克制!想要了解更多關(guān)于UI設(shè)計(jì)的內(nèi)容,就多多關(guān)注交互時(shí)代官網(wǎng)吧,也可以掃描下方二維碼,關(guān)注交互時(shí)代的微信公眾平臺(tái),能夠第一時(shí)間接收到我們的消息哦!
請(qǐng)聯(lián)系網(wǎng)站客服,了解詳細(xì)的優(yōu)惠課程信息~
優(yōu)質(zhì)、權(quán)威、便捷、省心
掃一掃
獲取更多福利
獵學(xué)網(wǎng)企業(yè)微信
獵學(xué)網(wǎng)訂閱號(hào)
獵學(xué)網(wǎng)服務(wù)號(hào)