幾年前隨著國內移動互聯網的瘋狂式發展，催生了不勝其數的移動互聯網平臺，平臺類別涵蓋了生活的各方各面，有社交的、電商的、金融的、資訊的等等。在每個垂直領域下，都有N多個平臺之間相互競爭，這使得每個平臺都面臨著巨大的生存壓力，時刻逼迫著平臺經營者們在其平臺的功能上進行求同存異的掙扎。

 

在這種大環境下，設計師所要解決的需求越來越復雜，傳統的靜態頁面設計已無法引導越來越“不聽話”的用戶，我們需要在這種形勢中求變，才能時刻保持住設計師本該有的價值。而動效設計的運用，可以較好的解決部分問題。那么，動效設計在實際工作中，究竟有哪些作用？我在自己的實際動效設計工作中，總結出了使用動效的6個實用之處：

以下再結合案例進行較為詳細的說明

 

作用1

 

案例1：UC瀏覽器2018世界杯活動頁面

 

下圖為UC瀏覽器2018世界杯活動頁面，一般活動頁面會為了營造氛圍而把大感覺做的熱烈一點，在這種情況下就免不了會使用較多的暖色（暖色比冷色突出，一般會用暖色來突出重點），在一屏頁面暖色使用較多的情況下，如果想要突出【開寶箱區域】，且保證在「極短時間內」能夠有效吸引到用戶注意顯得并不容易。因為一個用戶留給一個頁面的時間往往只有苛刻的幾秒時間，如果不能在短短的兩三秒時間內快速抓住用戶的眼球，讓用戶關注到我們為了留住他們而設計的功能點，那很可能就會流失掉這個用戶。

使用動效，可以有效的突出【開寶箱區域】，讓用戶能夠聚焦到我們想要讓他注意到的地方，讓用戶產生注意是第一步，只有用戶先注意到了，才能產生下一步的查看操作，誘其深入。

 

作用2

 

 

案例2：一般APP彈窗關閉
 

 

關于APP的彈窗，你可能會遇到這樣一個場景：在開啟APP之后的第一時間突然有一個彈窗出現在你的眼前，這種突如其來的“煩人”提示，會打斷你的思緒或操作，這會導致你的反感，你可能會無意識的「立刻」點擊關閉按鈕，但有時在關閉的瞬間又注意到了彈窗的內容對你來說是有吸引的，如果這個時候因為誤點關閉彈窗而不知道去哪里找彈窗內容的鏈接入口，你是否會感到非常懊惱？

 

下圖為我在做平臺設計改版提案的時候提出的解決方案，當彈窗關閉時，縮放成一個小點之后有一個路徑動畫，可以告知用戶彈窗關閉之后去了哪里，暗示用戶如果想找回彈窗內的活動可以點擊哪里能找到。因此使用動效可以將兩個元素之間的關系進行直觀的關聯演示，用最簡單的視覺表現方式說明其中的關系，增加產品易用性。（動效為我本人所做，但彈窗圖片“生活繳費...”為網絡搜的替代圖，侵刪）

作用3：

 

案例3：淘寶首頁金剛區圖標

 

對于寸土寸金的手機屏幕來說，思考著如何能在局限的區域范圍內去展示更多的信息，一直是平臺運營者們想要攻克的難題，也是設計師們需要幫助解決的難題。拿淘寶APP的首頁來說，其首頁金剛區的每一個入口，里面所承載的功能，單拎出來都可以作為一個功能完整的APP來使用。由此可見其中所投入的人力物力，如果入口無法得到點擊，那將會是多么巨大的資源浪費，因此引流這件事就顯得尤為重要。但是單單一個入口圖標+入口名稱，如何才能明白地將入口的誘人亮點告知用戶來吸引點擊？

 

使用動效可以在有限的區域面積內，展示盡可能多的信息內容，節約空間。如飛豬旅行的活動“送500券”，在這么狹小的空間無法將信息展示完全，使用動效可以解決信息展示問題，動效在吸引用戶注意力的同時，也將亮點信息進行了展示。

作用4
 

 

案例4：天貓超市首頁

 

“生活家”整個模塊里的6個小模塊的信息是屬于同一層級的。因此在設計的時候，會選擇將信息進行平鋪，因為沒有哪一個小模塊是重點，所以在視覺上就沒有重點，這會導致很難引起用戶的注意，可能整個模塊都會被用戶直接忽視，或者視線只飄過其中某一個小塊，然后眼球又快速的移動離開去了其他的大模塊，不會完整的瀏覽完這個大模塊里的信息，這是我們運營者所不希望發生的。那么我們是否能通過設計的手法去引導用戶看完整個模塊的信息？

 

使用動效在吸引用戶注意的同時，設定動效的播放順序，可以引導用戶逐個瀏覽完整個模塊，增加用戶在此處的停留時長。

作用5

 

案例5：加油寶APP

 

關于情感化設計，我一直在不斷的思考一個問題，情感化設計究竟能給產品帶來什么「實際」且「有效」的價值，能否真正的對數據轉化產生影響？在平時的工作中，我也在不斷的嘗試將情感化設計融入產品設計中，探索情感化設計對產品的真實價值。

 

下圖是我在之前求職一個金融平臺時所做的面試題，對“我的”頁面進行改版設計。對于一般的金融平臺，用戶一般進入“我的”頁面都是想要查看收益，針對這一個用戶需求點，我嘗試著將動效和情感化結合起來，讓數字快速翻滾，給用戶營造一種“豐收感”，加以情感化的設計，用動態的笑臉表情給予用戶一個正向積極的反饋，引導用戶的情緒讓其能更為強烈的感受到獲得收益的喜悅，讓用戶在投資收益的過程中感受到“愉悅”以鼓勵他們能夠持續甚至加大投入來享受更多的這種愉悅感。

 

作用6

 

案例6：花椒直播間

 

對于一些有用戶VIP體系的平臺來說，一般的VIP用戶都是平臺的高價值用戶人群，可以直接對平臺的營收產生轉化。在一些直播平臺里，VIP是一個非常重要的功能體系，因為VIP較高的付費率直接影響到整個平臺的營收，說是關乎直播平臺的生死存亡是一點都不為過，那么對于這部分高價值人群，我們又該如何鼓勵他們繼續保持這份「價值」？

 

一般來說，我們會給予高級用戶「特殊性」。什么是特殊性？即高級用戶的行為和一般用戶的行為區分開來，做特殊的處理。就好比坐飛機的頭等艙和經濟艙，待遇是有差別的。下面舉的例子是花椒APP的直播間，高級用戶“小苔菜”進場時，其名字入場提示以動效的方式進入（普通用戶入場提示則是在彈幕里和普通發言一樣，很快被刷掉），這種特殊的對待方式可以讓高級用戶感受到其行為與普通用戶的差別，讓高級用戶感受到自己的獨特性，從而激勵他們持續在平臺進行消費以保持其高級的屬性。

 

結語

 

正如前面所說的，對于一些平臺來說，現在越來越繁雜的界面信息及功能架構給設計師帶來了越來越多的設計難題，通過設計師的手段如何更好的解決這些問題，將復雜的問題簡單化的呈現在用戶面前，給用戶帶來更好的體驗，為平臺轉化出更多的價值，是現在的設計師需要深入思考的問題。雖然動效設計可以一定程度上的解決某些問題，但請不要濫用，記住動效的使用原則應當是克制的，滿屏的動效亂飛，只會帶來適得其反的效果。