今天可以聊聊關(guān)于動(dòng)效設(shè)計(jì)的思考缔御,搞清楚我們做 Motion Design 的意義和目的。
關(guān)于 Motion Design妇蛀,目前有哪些問題耕突?
說到做產(chǎn)品設(shè)計(jì),設(shè)計(jì)師受到業(yè)務(wù)评架、資源的約束眷茁,可發(fā)揮的空間一直在被壓縮。而動(dòng)效的設(shè)計(jì)則更像是大家能夠自嗨的一款保留地纵诞,更多的創(chuàng)意上祈、想法都可以在這里發(fā)揮。
酷炫的動(dòng)畫大家都很喜歡浙芙、做出來也會(huì)很有成就感登刺,但新鮮感過后反而會(huì)讓大家感受到一些不適。究竟是哪里出了問題呢嗡呼?我想大概應(yīng)該如下幾類:
1.過度的炫技
在很多人眼中酷炫與動(dòng)效設(shè)計(jì)是密不可分的纸俭,似乎只有將動(dòng)效做得足夠的炫才能體現(xiàn)這個(gè)設(shè)計(jì)的價(jià)值。
但事實(shí)上過于復(fù)雜的動(dòng)效反而會(huì)適得其反南窗,時(shí)間一長會(huì)讓人覺得過于“膩”揍很。這就讓動(dòng)效過于喧賓奪主,從輔助呈現(xiàn)信息變?yōu)榱藦?qiáng)調(diào)自身的存在万伤。
2.不恰當(dāng)?shù)氖褂脛?dòng)效
如上所述窒悔,動(dòng)效的目的是輔助呈現(xiàn)信息。適當(dāng)?shù)氖褂檬怯幸饬x的敌买,但如果為了動(dòng)效而去使用則反而是一種干擾简珠。
前段時(shí)間有同學(xué)發(fā)出過一個(gè)騰訊 ISUX 的文章鏈接,每次頁面加載時(shí)當(dāng)前頁面中的每個(gè)元素都有一個(gè) fade in 的效果虹钮。一兩次還好北救,每次操作都帶來這些效果反而會(huì)讓人有不好的感受。
https://isux.tencent.com/articles/
3.缺乏對動(dòng)效體系化的思考
動(dòng)效設(shè)計(jì)如何能恰到好處的幫助呈現(xiàn)信息芜抒、不讓用戶感受到違和感珍策,很重要的在于設(shè)計(jì)的一致性。這其中動(dòng)效的形式宅倒、時(shí)長攘宙、情感傳遞都需要考慮到,從而讓用戶能夠形成一種“慣性思維”,對動(dòng)效產(chǎn)生功效的關(guān)聯(lián)蹭劈。
一個(gè) Toast 信息疗绣,一會(huì)從頁面底部浮出,一會(huì)從旁邊滑入只會(huì)讓用戶感受到混亂铺韧,帶來對信息解讀的消耗多矮。那么動(dòng)效就會(huì)從輔助信息呈現(xiàn)變成了干擾信息理解了。