動效在 UI 設計場景中的運用強化了感官層面的體驗，也使得交互設計更加易于理解，通過動效輔助功能操作的理解度。
近期在體驗產品的過程中，觀察到了一些微動效的優秀案例，分享出來和大家一起探討。
頭像屬于個人中心的標配，通常不會帶有互動體驗，只會在裝飾性設計上面營造氛圍。
最近在體驗即刻 APP 的時候，個人中心頭像可以長按拖拽，拖拽過程伴隨著震動感，釋放后彈出表情符號。帶有互動體驗感的頭像增加了個人中心的互動感，趣味性的設計帶給用戶更高的親和力。
品牌利用人物形象代言產品或者服務比較常見，在一些局部功能或者服務模塊也會結合人物形象，帶給用戶更強的親和力。通常的做法是靜態展示，動態形象相對較少。
開言英語 APP 學習模塊中，頂部“立即測評”區域的人物形象采用動態形式，雖然只是簡單的手勢指引，也比靜態圖片帶來的關注度要高。利用動態形象提高模塊的關注度，也使得設計更加生動有趣。
空狀態從文案提示到情感化設計的演變，從細微之處帶給用戶更好的感官體驗。為了提高產品的體驗，各種狀態提示設計也在不斷優化創新，利用動態的形式提高趣味性也是一個可取的方向。
COVES APP 在空狀態界面利用帶有動態的形象進行設計表達，使得原本枯燥無趣的界面變得生動有趣。提高了用戶的關注度，也提升了設計的感官度。
極光風效果設計是近些年在 UI 設計中較為流行的趨勢，不僅可以豐富視覺表現，也能使得產品設計更加年輕化。被廣泛運用于背景裝飾、卡片式裝飾、彈窗設計、圖標設計、按鈕設計等場景中。
優酷 APP 在會員欄目中，將打卡按鈕以動態極光風效果進行設計，提高了按鈕的關注度。設計風格顯得更加年輕化，動感的表達形式打破了按鈕設計的常規表達，帶給用戶更高的感官體驗。
針對新功能或者重點功能在設計的時候，都會進行引導式設計，以此提高用戶的關注度。除了通過設計的視覺化增強和浮層提示以外，動態的引導設計也是不錯的選擇。
優酷 APP 在用戶主頁為了提高用戶發布視頻的參與度，每次新進頁面就會以動態形式彈出引導設計。提示用戶“抓住你的創作靈感”，青春活潑的視覺風格和動效的雙重強化，提高關注度的同時也增強了用戶的感官體驗。
品牌 LOGO 展示常見的形式都比較中規中矩，橫向或者縱向均以排版整齊為主。最近發現一個比較新穎好玩的品牌墻展示，結合互動性營造趣味感的體驗。
開眼 APP 在品牌墻展示 LOGO 時，使用圓形帶有動態的形式，類似于一堆氣泡相互碰撞，還能拖拽進行互動。停留時 LOGO 會自動飄起來，漂浮到界面頂部，真實感和互動性較強。該設計形式不僅打破了常規，也帶給用戶十分有趣的互動體驗。
彈幕出現在視頻播放中相信大家已經很熟悉，可以增強觀看視頻的互動性，也能激發大家的話題參與度。彈幕的運用不局限于視頻，還能用于增強內容的關注度。
LOFTER APP 首頁在話題欄目中，單個內容區域增加了彈幕設計，提高了內容的關注度和氛圍感。
彈幕設計也可以出現在社區中，營造社區的氛圍感。自如 APP 在發現生活欄目頂部視覺區域也運用了彈幕設計，以此來提高自如社區的氛圍感，吸引更多用戶參與分享和評論。
為了提高用戶的關注度和強化信息的對比度，在設計的時候都會在背景層和信息設計層強化，針對卡片式設計在背景層強化是一個不錯的方向。
MOO 音樂在主題電臺欄目，針對橫向滑動切換的卡片背景做了色彩變化。利用極光風效果處理的同時，滑動的時候背景也會進行變化，色彩變化過渡自然，表現形式新穎獨特。
針對功能或者業務進行引導設計，有助于讓用戶更快的理解，便于操作。提高引導設計的關注度和理解度，降低學習成本是設計的目標。
MOO 音樂在引導設計的時候采用動畫形式表達，傳達意思更加直觀清晰。動畫的形式更能吸引用戶觀看，達到更好的信息傳達目的，也能提高產品的感官體驗。
音樂帶來的不只是聽覺體驗，也有視覺享受的一面，讓用戶沉浸在音樂的氛圍中。
MOO 音樂在播放界面設計中，底部配合音量的大小彈出音頻波動條，帶給用戶視聽雙享受。音頻波動條采用不同的元素進行設計，體現不同音樂的差異，帶給用戶獨特的感官體驗。差異化的設計表達也能打造獨特的記憶點，讓用戶在眾多的音樂產品中形成獨特的記憶。
本期感官體驗日記主要總結了動效范圍的內容，根據特定的主題范圍去體驗分析，也能提高自己發現設計細節的能力。從細微之處體現設計差異，帶給用戶更強的品牌記憶和感官體驗。
本期分享到此結束，僅為個人角度的體驗總結，希望可以帶給大家更多靈感啟發。
歡迎關注作者的微信公眾號：「黑馬家族」
復制本文鏈接 文章為作者獨立觀點不代表優設網立場，未經允許不得轉載。
熱評 聆風Raymond
