今天可以聊聊關(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í)間一長(zhǎng)會(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 的文章鏈接,每次頁(yè)面加載時(shí)當(dāng)前頁(yè)面中的每個(gè)元素都有一個(gè) fade in 的效果。一兩次還好,每次操作都帶來這些效果反而會(huì)讓人有不好的感受。
https://isux.tencent.com/articles/
3.缺乏對(duì)動(dòng)效體系化的思考
動(dòng)效設(shè)計(jì)如何能恰到好處的幫助呈現(xiàn)信息、不讓用戶感受到違和感,很重要的在于設(shè)計(jì)的一致性。這其中動(dòng)效的形式、時(shí)長(zhǎng)、情感傳遞都需要考慮到,從而讓用戶能夠形成一種“慣性思維”,對(duì)動(dòng)效產(chǎn)生功效的關(guān)聯(lián)。
一個(gè) Toast 信息,一會(huì)從頁(yè)面底部浮出,一會(huì)從旁邊滑入只會(huì)讓用戶感受到混亂,帶來對(duì)信息解讀的消耗。那么動(dòng)效就會(huì)從輔助信息呈現(xiàn)變成了干擾信息理解了。