火星網校
微動效都有哪些切入點？
隨著移動端產品的不斷成熟，精細化設計一定是後麵的大趨勢，而精細化設計其中的一個切入點就是微動效。今天就來聊聊微動效都有哪些切入點？當然那些常歸的，每個產品都會有的動效就不說了，比如加載動效之類的。
1.跳動的頭像
現在很多社區形產品都需要熱鬧的感覺，讓用戶嗨起來，而營造熱鬧的氛圍，其中一個很常用的首發就是動態，社區裏每一條信息都會伴隨一個頭像，所以頭像是很好的發揮觸點。
首先有一個做法是讓頭像本身支持gif動態圖，比如像最右這種：
其次還有一個玩法就是讓頭像框動起來，比如像qq音樂的：
看卡來還是很有趣，很吸引眼球的。
2.活躍的表情
除了上麵說的頭像之外，現在很多社區型產品表情也開始動了起來，比如最右的：
點擊之後，表情彈出放大，並且是動態的，讓人更有點擊的欲望。
3.手勢的動效
根據手勢的變化，產生一定的動態反饋是現在的一種流行趨勢，這種形式本身就很好玩，讓用戶產生興趣，比如soul中的這個球體：
再比如即刻個人中心的頭像，可以隨著手勢拉動回彈，雖然沒啥大用，但當用戶發現這個小彩蛋時，心裏還是會有些許愉悅的：
4.動態banner
內容型產品大多都會有banner圖，現在很多靜態banner圖已經無法滿足用戶的新鮮感，所以很多產品已經開始使用動態的形式，比如qq的：
如果覺得上麵的成本比較高，也可以試試下麵的，韓國產品webtoon的這種動態形式，banner圖分層移動出現：
也是很吸引眼球的。
5.更真實的反饋
設計源於生活，所以如果動效能夠更加真實，會讓用戶有一種莫名的親切感、驚喜感。
比如像behance移動端上，當我們看某位設計師具體有什麼標簽的時候，人家這個標簽的微動效做的相當真實：
非常非常棒的一個動態細節。
6.其他動態細節
除了上麵這些，還有其他很多微動效細節。
比如背景圖的一些微小動效，叭噠的個人主頁頭圖：
成本很小的微動效。
再比如一些文案的移動，就像積木裏的個人中心：
很簡單的動效，卻能夠很好的吸引用戶的注意力。
再比如一些頁麵出場動效，像躺平裏的發布按鈕點擊後，頁麵出現的動效細節，以圓形擴散的形式：
不像常規頁麵的那種出場方式。
總結
以上就是目前總結的一些關於微動效的使用場景，這一定是後麵的一個大趨勢，希望可以給大家一點思路上的啟發，如果你也正在思考微動效的場景，不妨從上麵這幾點來嚐試下。
原文地址：菜心設計鋪（公眾號）
作者：菜心設計鋪
-
2101期學員李思庭作品
-
2104期學員林雪茹作品
-
2107期學員趙淩作品
-
2107期學員趙燃作品
-
2106期學員徐正浩作品
-
2106期學員弓莉作品
-
2105期學員白羽新作品
-
2107期學員王佳蕊作品
熱門課程
專業講師指導 快速擺脫技能困惑
相關文章
多種教程 總有一個適合自己專業問題谘詢
你擔心的問題，火星幫你解答-
本文介紹火星3D模型師的培訓內容，包括火星地形建模、紋理映射、3D打印等技術，以及火星時代教育的傳授方法。
-
找尋最好的角色遊戲原畫培訓機構，火星時代教育是不二之選，專業培訓團隊，資深行業導師，打造你的遊戲原畫夢想。”/> <meta name=
-
脫穎而出的模型設計培訓機構評估，詳細分析火星時代教育在優質教學、多元化課程設計以及專業師資方麵的超越
-
零基礎华体会hth体育app在线登录 模型培訓 - 如何啟動您的华体会hth体育app在线登录 之旅
零基礎也能學習华体会hth体育app在线登录 。本文將介紹火星時代教育提供的零基礎华体会hth体育app在线登录 模型培訓課程以及如何通過它開始你的华体会hth体育app在线登录 之旅。
-
火星時代教育的零基礎3D-Max培訓課程為您全方位解析3D-Max設計軟件的使用技巧和操作方法，幫助您無壓力掌握3D-Max並充分提升設計實力
-
本文詳細解析什麼樣的影視模型培訓中心是優質的，同時強調火星時代教育對於雕塑未來影視模型界英才的重要作用。
