設(shè)計師需要學會設(shè)計有意義的動效(2)

“精心編排的動效設(shè)計能更為有效地吸引用戶的注意力，并讓用戶專注于操作不同的步驟，經(jīng)歷不同的流程；有意味的動效設(shè)計能在界面變化、元素重新排列過程中，讓整體體驗更好。”

動效可以也應該超越單純的打磨優(yōu)化。動效以一種全新的方式來呈現(xiàn)界面的個性，教育用戶如何同特定的元素進行交互，構(gòu)建用戶于界面之間的獨特關(guān)系。

當整個界面隨著用戶的需求進行變化的時候，用戶會下意識查看所有的轉(zhuǎn)變，這個過程中，界面的重排和各個部分的轉(zhuǎn)場動效可以清晰地告訴用戶它們是什么，怎么來的，去了哪里。

正如Google在Material Design中所設(shè)定的“獨特的紙”的隱喻一樣，當用戶于界面進行操作的時候，UI隨著漣漪般的動效而進行轉(zhuǎn)變，空間的變化和界面元素的變化由動效連接在一起，用戶可以輕松理解界面是怎么回事。

成長中的設(shè)計工具

在設(shè)計小組討論中，Roman Nurik 問我們怎樣才能最好地向別人展示設(shè)計成果。Roman的這個問題促使我們深入探討了功能型原型。

在過去的5年里，當我們提及原型的時候，通常想到的是通過箭頭和說明連接在一起的若干界面。但是時至今日，一切都截然不同，之前的原型設(shè)計顯得過于粗糙，而現(xiàn)在的原型要求能夠置于移動端設(shè)備進行演示，擁有真實的界面過度效果，可交互的元素，滾動的區(qū)域，動畫，以及必要的狀態(tài)變化。

在過去，設(shè)計師并沒有真正意義上充分利用After Effects來作為重新設(shè)計的工具。除了拿來制作頁面滑動效果之外，多數(shù)設(shè)計師對于其他的功能幾乎如同克林貢語一樣疏于了解。之所以會這樣，是因為其他的部分被認為并不重要，而不被重視的結(jié)果通常就會被忽視，在日程緊張的時候，這些部分甚至會被直接移除。

除此之外，AE還會被用作優(yōu)化小過度效果，或者對象變換效果，但是也僅此而已——它僅僅只是被用作一個修修補補的工具而已。撇開這些細節(jié)，設(shè)計團隊和開發(fā)團隊的溝通是非常簡單的：點開這里打開另一個頁面，這個界面切換到另一個界面……界面的轉(zhuǎn)變效果都差不多。

但是，時代不一樣了。網(wǎng)頁過渡效果依然存在，但是所設(shè)計到頁面元素越來越多，各種元素轉(zhuǎn)變的先后快慢都需要被編排。在接下來的幾年里，動效設(shè)計將成為桌面端/移動端/穿戴設(shè)備/智能家居/智能汽車 中必須的組成部分。這也意味著，在設(shè)計流程中，動效設(shè)計也會被納入其中，成為必要過程。