《兩會政務(wù)SVG交互圖文玩法》
臨近兩會,運(yùn)營的小伙伴們?nèi)绾螠?zhǔn)備一篇出彩、出圈的圖文呢?
靈感枯竭別著急,人民日報、共青團(tuán)中央、中國政府網(wǎng)、新華社、學(xué)習(xí)強(qiáng)國、海淀宣傳、上海發(fā)布、騰訊、微信派、五菱汽車一共13篇優(yōu)質(zhì)案例可供參考。
其中分別里用到了音頻、展開、軌跡動畫、答題等SVG特別又吸睛,一起來看看吧。
播放音頻
人民日報
SVG交互
需定制(點擊切換GIF動圖+播放音頻+展開、點擊放大彈窗展示)
兩會玩法
人民日報的這篇圖文引導(dǎo)大家「點擊展開」香港歲月圖景的同時「播放音頻」,帶來更好的沉浸式體驗效果。
兩會事件和場景也可以通過地標(biāo)的形式呈現(xiàn),「點擊放大并彈窗展示」地標(biāo)介紹,視覺沖擊力更強(qiáng)。
共青團(tuán)中央
SVG交互
需定制(連續(xù)點擊切換GIF后展開、視差上滑、點擊切換GIF并播放音頻)
兩會玩法
「連續(xù)點擊切換GIF后展開」從夸父追日開始到中國空間站上天的中國航天事業(yè),「視差上滑」依次查看從高空到地下的中國故事。
兩會相關(guān)的故事也可以用漫畫進(jìn)行呈現(xiàn),結(jié)合多種SVG交互,在視覺上能夠更具沖擊力。
共青團(tuán)中央
SVG交互
需定制(展開效果、軌跡動畫、音頻卡片)
兩會玩法
共青團(tuán)中央通過「自動展開」中國共產(chǎn)黨百年黨史介紹,引導(dǎo)大家點擊紅色印章進(jìn)行互動,在漫畫長圖中感受歷史場景。
同樣地,我們可以將氣質(zhì)的圖片換成兩會歷史的介紹,將時間節(jié)點依次串聯(lián)起來。
微信派
SVG交互
需定制(點擊播放音頻+自動向上3D輪播圖片)
兩會玩法
「點擊播放音頻」的同時觀看微信派11年以來很多公眾號的截圖3D輪播頁面,給人一種震撼的穿越時空之感,從2012到2023和大家一起回顧和展望未來。
這里的3D飛入輪播效果使用SVG交互就能實現(xiàn),有些類似“星球大戰(zhàn)”的游戲設(shè)計也適用于兩會亮點展示。
展開效果
人民日報
SVG交互
需定制(展開效果)
兩會玩法
為了慶祝中國共產(chǎn)黨成立100周年,人民日報用漫畫長圖的形式,展現(xiàn)了中國百年來的大事件,用戶可以「點擊展開」長圖,學(xué)習(xí)中國黨史。
同樣地,兩會的重要政策和背景也可以通過漫畫和「點擊展開」SVG交互結(jié)合的方式進(jìn)行呈現(xiàn)。
騰訊
SVG交互
需定制(點擊切換、點擊展開,點擊收回(內(nèi)嵌展開)、超鏈接)
兩會玩法
「點擊左滑」模擬建立腦圖,分別展開不同的標(biāo)簽查看相應(yīng)的內(nèi)容,借此宣傳騰訊2022年報告。
這樣思維導(dǎo)圖的方式很適合用來歸類展示兩會熱點和政策,方便大家按需查看。
SVG軌跡動畫
海淀宣傳
SVG交互
需定制(SVG軌跡動畫)
兩會玩法
海淀宣傳通過引導(dǎo)大家點擊開啟冬奧火種云傳遞,虎頭娃通過「軌跡動畫」的交互形式模擬走過火種傳遞路線,吸引大家打開“海淀宣傳”小程序獲取火種傳遞證。
這樣軌跡移動的人物,也可以設(shè)計成其他元素移動,比如小鳥飛過、小車開過、小船劃過等,不同的設(shè)計能讓SVG交互呈現(xiàn)的更具特色。
上海發(fā)布
SVG交互
需定制(點擊自動播放+SVG軌跡動畫)
兩會玩法
上海發(fā)布的這篇圖文在一屏內(nèi)通過手繪長圖結(jié)合軌跡動畫的SVG效果就能展示出2022年上海經(jīng)濟(jì)社會發(fā)展藍(lán)圖,同時播放音樂。
兩會的內(nèi)容也可以做類似的展示,讓內(nèi)容更加聚合,同時也能激發(fā)大家的好奇心和探索欲。
五菱汽車
SVG交互
需定制(橫屏豎版軌跡移動)
兩會玩法
「點擊」五菱汽車,伴隨汽車移動經(jīng)過手繪的生活場景,向大家介紹五菱汽車的優(yōu)點。
兩會的內(nèi)容可以將前景的汽車換成記者,生活場景換成兩會報道現(xiàn)場,給讀者一種游戲闖關(guān)的神秘感,更能吸引大家互動。
答題
學(xué)習(xí)強(qiáng)國
SVG交互
需定制(答題)
兩會玩法
學(xué)習(xí)強(qiáng)國在元宵節(jié)之際,用猜燈謎的形式,吸引大家「答題」,借此科普冬奧會相關(guān)知識。
科普類圖文常采用的「答題」SVG交互,我們在科普兩會知識時也可以用到,將燈籠、燈謎等元宵節(jié)元素替換成試卷、報紙、紅旗等兩會元素設(shè)計即可。
中國政府網(wǎng)
SVG交互
編輯器可制作
組件:點擊-切換圖片(有觸發(fā)區(qū))
編號:10043(組件)
兩會玩法
「點擊切換」模擬作答,還可以「點擊播放音頻」進(jìn)行聽力考試,吸引大家了解相關(guān)稅務(wù)知識。
同樣的答題交互,應(yīng)用在兩會知識科普中也非常合適,能夠增加大家的參與感。
其他
新華社
SVG交互
需定制(上滑、點擊彈窗)
兩會玩法
「上滑」查看亞“韻”Citywalk指南,點擊查看杭州、寧波、溫州、紹興、金華等城市的介紹。
同樣地,我們可以將其中的城市地標(biāo)換成兩會熱點關(guān)鍵詞,吸引大家在滑動過程中點擊查看,更具互動感和探索欲。
微信派
SVG交互
需定制(連續(xù)自動縮放+自動切換、視頻號直播)
兩會玩法
在2023年微信公開課直播開始前一天,微信派通過「連續(xù)自動縮放」微信之約四個大字,非常具有視覺沖擊力,然后「自動切換」到微信公開課的直播預(yù)約頁面,邀請大家前來觀看。
兩會內(nèi)容也可以采用這樣縮放顯示的效果,視覺沖擊力拉滿,吸睛的同時引起大家對兩會的關(guān)注。
轉(zhuǎn)載請在文章開頭和結(jié)尾顯眼處標(biāo)注:作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載,授權(quán)事宜請聯(lián)系作者本人,侵權(quán)必究。
本文禁止轉(zhuǎn)載,侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán),侵權(quán)必究。
評論
評論
推薦評論
暫無評論哦,快來評論一下吧!
全部評論(0條)