為好設(shè)計(jì)而動(dòng)
[樂(lè)樂(lè)導(dǎo)讀]賞心悅目的動(dòng)效已然成為一個(gè)app的必備,作為設(shè)計(jì)師自然要跟隨趨勢(shì)學(xué)習(xí)。APP中的動(dòng)效可以劃分為兩類,一類是轉(zhuǎn)場(chǎng)動(dòng)效,應(yīng)用在頁(yè)面的切換,加載等,這類動(dòng)效可以柔和頁(yè)面的過(guò)度效果,增加切換、加載、等待過(guò)程的趣味性。另一類是反饋提醒,通過(guò)界面內(nèi)元素的動(dòng)效,增強(qiáng)用戶的交互感知或引導(dǎo)用戶完成任務(wù)。
動(dòng)效充滿了設(shè)計(jì)師體驗(yàn)的想象,作為一個(gè)設(shè)計(jì)師,不管你的逼格下限在哪里,一個(gè)有趣有愛(ài)充滿個(gè)性的進(jìn)度條都是你設(shè)計(jì)生涯中不能拒絕的愛(ài)。那么設(shè)計(jì)師什么時(shí)候需要做一個(gè)動(dòng)效設(shè)計(jì)呢?
1、等待都需要一個(gè)有意義的動(dòng)效。面對(duì)等待,我們總是缺少耐心。充滿個(gè)性,有趣的動(dòng)效可以讓用戶對(duì)你的設(shè)計(jì)對(duì)上一份喜愛(ài):至少這個(gè)設(shè)計(jì)還不錯(cuò)。
2、如果你希望用戶點(diǎn)擊這個(gè)地方,請(qǐng)給它一個(gè)動(dòng)效。
3.如果你希望你的點(diǎn)擊效果不一樣,請(qǐng)給它一個(gè)動(dòng)效
下面則是一些常見(jiàn)的動(dòng)效設(shè)計(jì)方法,當(dāng)我們?cè)诤线m的條件下,自然要考慮從這些方法入手,為我們的設(shè)計(jì)增加一絲動(dòng)感。
一、將元素替換為個(gè)性化內(nèi)容
傳統(tǒng)的等待或加載動(dòng)畫(huà)人們已經(jīng)熟悉,想讓人眼前一亮,改頭換面是必須的。如谷歌用了自己的顏色,去哪兒用了自己的logo等,這些都是可以在個(gè)性化動(dòng)效的同時(shí)凸顯產(chǎn)品品牌,不失為一個(gè)很好的選擇。
二、更換產(chǎn)品的運(yùn)動(dòng)方式
除了旋轉(zhuǎn)運(yùn)動(dòng)之外,我們還可以運(yùn)用重復(fù),構(gòu)建,變形,擬物、人的動(dòng)作(翻書(shū))等,只要是和產(chǎn)品定位相符的元素,我們都能給它創(chuàng)意一個(gè)獨(dú)特的運(yùn)動(dòng)方式。
重復(fù)運(yùn)動(dòng)
構(gòu)建
三、賦予組件明顯的交互反饋
冷冰冰的點(diǎn)擊和出現(xiàn)往往不能吸引用戶的注意力,所以,當(dāng)我們需要加強(qiáng)某些元素來(lái)引導(dǎo)用戶的時(shí)候可以給這些元素加上適當(dāng)?shù)某霈F(xiàn)效果,如漸隱漸顯,位移,放大縮小,光暈,分布等效果,會(huì)起到很好的引導(dǎo)效果。
動(dòng)效設(shè)計(jì)可以的精妙之處在于瞬間獲得的體驗(yàn),通過(guò)瞬間的可見(jiàn)變化豐富了人們?cè)谑褂胊pp時(shí)的感覺(jué),不再陌生,不再冰冷,不再無(wú)趣等等。動(dòng)效設(shè)計(jì)在賦予了元素動(dòng)的同時(shí),我認(rèn)為還要符合人們的認(rèn)知,并不是所有的動(dòng)都能讓人愉悅,既要滿足產(chǎn)品的需求,還要能匹配人們的當(dāng)時(shí)的場(chǎng)景訴求。希望大家在今后的設(shè)計(jì)中都能有高水平的動(dòng)效設(shè)計(jì)。
本文來(lái)源:百度ued
感謝 作為一位UI設(shè)計(jì)師 我要學(xué)會(huì)動(dòng)畫(huà)制作