兩小時打造AE動畫彩蛋:實戰(zhàn)教程與創(chuàng)意策略

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

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

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

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

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

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

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

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

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

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

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

本文由人人都是產(chǎn)品經(jīng)理作者【58UXD】,微信公眾號:【58UXD】,原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。題圖來自 Unsplash,基于 CC0 協(xié)議。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!