會動的26個英文字母設計, 每個字母動畫都很好玩

設計只有不斷練習才能提升，有很多設計師在業余時間就會做一些訓練。今天分享的會動的26個英文字母動畫設計，就是由多個設計師在36天時間內完成的。這不僅考驗他們的造型創作能力，還能練習AE的動效設計技能，是一箭雙雕的訓練效果[……]

閱讀全文 ?

UI界面的Tab bar動態設計提示

你有沒有注意過，App底部的圖標是如何變成選中的？大多數產品是將靜態圖標替換（硬切過渡），來完成狀態切換。當我看完上百個動態后，找到了更有趣的方式…App底部導航構成通常由圖標、文字/點線裝飾、和底板卡片組成，（當然也有些產品只使用圖標或文字），但設計師在進行動態設計時則是針對這3部分…[……]

閱讀全文 ?

5種動效輸出格式優缺點對比，含一鍵輸出AE動效參數方法

作為用戶體驗領域不可缺少的一部分，動效隨處可見。日常工作中，我們可能只用1-2種動效格式，對其他格式的了解有所欠缺。

這次介紹5種動效輸出格式和教程，包括PS輸出和AE輸出，建議收藏保存下來隨時[……]

閱讀全文 ?

讓動效設計提升UI/UX用戶體驗

今天為大家分享的是「動效設計」。和聽覺語言、視覺語言一樣，動作也是語言的一種，可以在有限的空間內傳遞更多信息，輕松傳達靜態元素難以傳達的內容。

?現實生活中沒有絕對的“靜止”，通過模仿物體在現實[……]

閱讀全文 ?

動效設計必備指南，帶你玩轉AE！

動效是用戶體驗的重要組成部分，也是產品調性的重要體現。如今動效設計也有了更多的解決方案，如 Framer、Principle、Flinto、Protopie 等，這些軟件在制作交互原型時，確實有更輕量[……]

閱讀全文 ?

AE情境氛圍動效 + 前端實現落地的方法

前言：本篇文章介紹了 情境氛圍動效「氛圍渲染動效」 并且通過前端實現落地的方法。主要使用工具 After Effects。

設計的本質是為了解決問題，制定設計原則時需要建立在這個設計的中[……]

閱讀全文 ?

APP動效設計如何做得流暢又實用？

前言：在市面上，大多數好的APP都可以看到細微的交互動效，動效設計已經是UI設計師必須會的技能，那么，APP動效設計如何做得流暢又實用？本文將分享UI設計師必須知道動效規則，并用”對”和”錯”的案例讓[……]

閱讀全文 ?

文字動效：從字體設計到AE動效落地

前言：相信大家見過寫字效果的動效，就是文字按照書寫的順序一筆一劃的寫出來，這種效果其實很簡單，今天分享從文字設計到動效落地的全過程，你會發現這種動效其實沒有想象中的復雜，而且很簡單哦，讓我們一起學習吧[……]

閱讀全文 ?