兩小時打造AE動畫彩蛋:實戰教程與創意策略

0 評論 3816 瀏覽 3 收藏 8 分鐘

2023年,58同城邁過了意義非凡的18歲成人門檻,步入了成熟與穩健的新階段。值此重要時刻,公司也對企業文化進行全面升級,旨在構筑更加堅實的品牌內核與更具影響力的價值體系。為了巧妙且有效地將這份嶄新的企業文化內涵傳遞給每一位員工及廣大用戶,作為設計師的我們也通過這次司慶活動產出了一系列優秀的設計。延伸閱讀:助力企業文化傳播|我們這么做!

本文將以本次司慶活動中設計的一個彩蛋動畫為切入點,教你如何在兩小時內從零開始打造出一款引人注目的AE動畫彩蛋。無論你是設計新手還是經驗豐富的老手,本文都將為你解鎖快速創作的秘密武器!

動效在產品傳遞信息過程中是一個屢試不爽的好辦法,在用戶日常的交互體驗中撒愉悅的種子與意外的驚喜,從而提升產品的趣味性,給用戶帶來更好好的情感化體驗。本次司慶活動的小彩蛋,是在用戶IM聊天里發送特定表情觸發的一個簡短動畫,所以畫面表現形式盡量簡潔而富有吸引力。準備圖形素材:本次彩蛋動畫的核心主題是司慶活動的主題文案“眾志成城”,在表現形式上,我們首先將動畫的主題文案進行圖形化,增加emoj生日蛋糕的元素,并增加整體造型的立體感,這樣的做法可以在動畫效果中讓視覺更加聚焦,同時也能更好的表達主題。

進行環境設計:環境不僅僅是為了提供故事發生的背景舞臺,更是整個動畫敘事的重要組成部分,它承載著深化主題、烘托氛圍、塑造情緒、推動情節等功能。通過? ChatGPT 腦爆得到關于司慶、生日中常見的視覺元素,最終我們選擇了現代慶典常見的氣球、彩帶、禮花等元素,讓整個動效充滿濃厚的節日氛圍。

為了保持品牌顏色的一致性,增強品牌識別度,我們將動畫中的視覺元素設計為企業品牌色,有助于加強品牌形象的認知度和記憶度。在喜慶場景中使用品牌色,可以讓用戶在觀看動畫的同時,自然而然地將這種積極情緒與品牌關聯起來,從而提升品牌好感度。

在我們制作動畫效果的時候,搜集并研究相關的優質參考素材是十分重要的步驟,我們可以參考優質的動效實例提升整體的質量水平。優秀的動效通常包含巧妙的設計思路、細膩的動作過渡以及良好的節奏把握。通過分析這些參考,從中學習到如何設計自然流暢且引人入勝的動態效果。高質量的參考可以激發設計師的靈感,讓他們從不同的角度思考問題,結合自身項目的實際需求,對參考素材進行再創造,從而形成新穎獨特的動效設計。以下是我推薦給設計師的兩個動效素材網站。

海量精選AE動畫模板任你挑選,無論你是動態圖形新手還是資深動效大神,都能在此找到激發靈感、節省時間的高質量AE模版,另外在這個網站你還可找到很多各種圖像素材和音樂素材。

這個平臺上匯集了世界各地設計師精心創作并慷慨分享的高品質動畫素材庫,而且重要的是,這些資源完全免費!從靈動的加載圖標到精致的過渡動畫,LottieFiles提供的動畫素材類型多樣且適用廣泛。

在此次的設計項目實踐中,為了讓動畫更加流暢細膩,制作更效率,也運用了一些AE插件和表達式:善用彈性動畫彈性動畫在產品設計中倍受青睞,它模仿真實物理運動,賦予界面生動活潑的動態效果,如自然回彈、流暢過渡等,增強了互動性和用戶體驗的可預見性。通過個性化定制,彈性動畫彰顯品牌特色,提升辨識度。將充滿活力的動畫無縫應用于各類產品中,有力助推優秀產品體驗的打造。借助效率插件其次,我利用了EaseCopy插件,主要用于復制和粘貼關鍵幀的緩動曲線設置,極大簡化了設計師在處理動畫效果時的工作流程。通過該插件可以輕松地將精心調整過的緩動曲線應用到其他關鍵幀上,從而顯著提升動畫制作效率與一致性。關注交付質量最后,在確保動畫質量和視覺效果的同時,考慮到文件在移動和PC同時上線,為了確保加載速度及設備性能消耗,在導出文件的時候我還使用了UXD自研的Lottie壓縮插件進行文件優化,壓縮后Json文件容量減少了40%?使得動畫加載更迅捷播放更流暢。

以上就是本篇關于彩蛋動畫設計的分享,小項目也能帶給我們大收獲,希望各位設計師朋友們能夠動手實戰,點滴積累,尋常挑戰亦是成長契機!愿我們在不斷的嘗試和積累中,共同進步。

本文由人人都是產品經理作者【58UXD】,微信公眾號:【58UXD】,原創發布于人人都是產品經理,未經許可,禁止轉載。題圖來自 Unsplash,基于 CC0 協議。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!