什么是動效另伍?
?1. 動效是源于國外的MG?
????????M 指 Motion運(yùn)動?
????????G 指 Graphic靜態(tài)圖片 合在一起就是運(yùn)動的靜態(tài)圖片
? 動態(tài)的圖片鼻百, 傳遞信息 ,表達(dá)氛圍
? 2. 動效的作用是什么摆尝?
(1)產(chǎn)品展示?
? ? ? A. 展示了頁面之間是如何切換的 元素跟元素之間是如何過渡的
? ? ? B.?菜單頁的展示温艇,比如圓圓的按鈕運(yùn)用動效,給我們交代了點(diǎn)開按鈕之后它應(yīng)該是什么
? ? ? C.?List點(diǎn)擊后是如何展開的以及是如何滑動的
(2)品牌建設(shè)(因為很多時候堕汞,靜態(tài)的圖片傳遞信息畢竟是有限的勺爱,所以運(yùn)用動效展示品牌會更形象立體)
(3)交互展示(就是界面的跳動,信息的展示以及細(xì)節(jié)的展示)
3. UI為什么需要動效
(1)流暢過渡 (UI最基本功能)讯检,它交代了元素之間是如何過渡的琐鲁,點(diǎn)擊后頁面是怎么跳轉(zhuǎn)的,標(biāo)簽之間的滑動效果是個什么樣子人灼,整個操作非常流暢
(2)高效反饋 : 知道時間多久效率高
(3)增強(qiáng)操縱 : 結(jié)合手勢操作比如看小說围段,動效簡單到就是跟我們實際翻書效果是一樣的,直到上一頁下一頁怎么翻很輕松的駕馭
(4)幫助引導(dǎo) : 比如滑動解鎖投放,利用顏色的漸變跳動引導(dǎo)我們向那個方向解鎖
(5)升華體驗 : 產(chǎn)品做得很好就是缺乏亮點(diǎn)就可以用動效設(shè)計提高產(chǎn)品的魅力值
4. 動效的 “坑”
(1)復(fù)雜繁瑣:所以我們做動效的時候一定要做到簡潔適度
(2)未考慮開發(fā)成本奈泪;會出現(xiàn)項目延期而不被采納
(3)性能和響應(yīng)度差:在做動效的時候一定的考慮設(shè)備的性能跟響應(yīng)度渤弛,因為我們的動效是在設(shè)備上來跑的葫男,所以由于硬件的一個性能注定我們不能任憑自己的性子來做動效
(4)如果開發(fā)已經(jīng)優(yōu)化到最大程度了 設(shè)備上還是跑不起來
總結(jié)
1. 動效是指钧敞,會動的圖片况脆,它能夠傳遞信息表達(dá)氛圍
2. 動效設(shè)計與動畫設(shè)計饵撑,動效設(shè)計與平面設(shè)計杨箭,是有區(qū)別的
3. 動畫設(shè)計有個性鮮明的角色 有曲折離奇的劇情 有環(huán)境氛圍的烘托 有特定信息的傳遞從而反映社會現(xiàn)象哲學(xué)道理等這些元素組成了動畫片的迷人之處
4. 平面設(shè)計有信息的傳遞嗜历,比如海報品牌信息俱济,還有氛圍的烘托
5. 動效設(shè)計它是處于 "動畫設(shè)計" 跟 "平面設(shè)計" 之間一門交叉性的學(xué)科误阻,所以它是用動態(tài)的圖片來傳遞信息表達(dá)氛圍的
6. 品牌和動效完美地結(jié)合能反映產(chǎn)品的本質(zhì)
對自己說:路在自己腳下债蜜,沒有人可以決定我的方向 ~