動態(tài)效果制作①—關(guān)于動態(tài)效果的設(shè)計與構(gòu)想

我所制作的項目是關(guān)于武漢建設(shè)與發(fā)展的信息圖表。這個圖表以武漢每天不一樣為主題,主要表現(xiàn)武漢的發(fā)展歷史,使用圖畫與文字相結(jié)合的方式,讓畫面更生動,敘事性更強。

整個圖表采用了時間軸圖表的形式,分為三個板塊:交通建設(shè)、商圈建設(shè)、文化建設(shè)。我將過程中的重要節(jié)點繪制成2.5d插畫,以實現(xiàn)更加圖形化,風(fēng)格化的外觀并創(chuàng)建復(fù)雜的視覺效果,并在左右兩欄相關(guān)信息&相關(guān)數(shù)據(jù)以及文字時間軸。

信息圖表布局(暫定)

在翻閱過類似的案例后,我決定將動態(tài)部分定為動態(tài)圖形為主+掃碼小程序為輔

動態(tài)圖形部分構(gòu)想:

①在第一張交通主題的信息圖表中,給予圖表中的交通工具不同的動態(tài)效果,例如:輪船在畫面中緩緩行駛,之后冒出煙霧;動車行駛到站點后緩緩?fù)O?;汽車從雄偉的立交橋駛向馬路...從而演繹出熱鬧的交通場景。

? ?在第二張商圈建設(shè)的圖表中,可以給在商業(yè)街行走的路人添加骨骼動畫,使其在畫面中實現(xiàn)散步等動作,例如:在商場外打卡的路人;小店旁正在排隊的路人;領(lǐng)著購物袋的一家三口…還可以給商場添加燈光變化的特效,使其更有生活的感覺。

參考案例
參考案例
參考案例

②選取畫面中部分場景,讓畫面中的原件依次從天空落下/從地面冒出,從底座→房屋→橋梁→汽車,可以體現(xiàn)出建設(shè)的歷程感。


參考案例
參考案例

掃碼小程序構(gòu)想:

因為介紹的資料有很多,但是無法全部呈現(xiàn)在圖表上,所以我想用單獨的頁面去介紹一些重要的場景,通過在圖表上可以掃碼進入該詳細頁面。

參考案例

總結(jié):

在下周的課堂上,我將嘗試制作一些場景的動效,調(diào)整其風(fēng)格和效果,并開始進行對小程序的邏輯圖的研究,努力加快進度。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容