带玩具逛街时突然按下按钮的故事,丰满的妺妺3伦理播放,新婚人妻不戴套国产精品,大肉大捧一进一出好爽视频百度

《兩會政務(wù)SVG交互圖文玩法》

原創(chuàng) 收藏 評論
舉報 2024-03-04

?


臨近兩會,運(yùn)營的小伙伴們?nèi)绾螠?zhǔn)備一篇出彩、出圈的圖文呢?



靈感枯竭別著急,人民日報、共青團(tuán)中央、中國政府網(wǎng)、新華社、學(xué)習(xí)強(qiáng)國、海淀宣傳、上海發(fā)布、騰訊、微信派、五菱汽車一共13篇優(yōu)質(zhì)案例可供參考。


其中分別里用到了音頻、展開、軌跡動畫、答題等SVG特別又吸睛,一起來看看吧。

 1.gif



播放音頻

人民日報


點此查看原文


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)注。

本文系作者授權(quán)數(shù)英發(fā)表,內(nèi)容為作者獨立觀點,不代表數(shù)英立場。
轉(zhuǎn)載請在文章開頭和結(jié)尾顯眼處標(biāo)注:作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
本文系作者授權(quán)數(shù)英發(fā)表,內(nèi)容為作者獨立觀點,不代表數(shù)英立場。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載,授權(quán)事宜請聯(lián)系作者本人,侵權(quán)必究。
本內(nèi)容為作者獨立觀點,不代表數(shù)英立場。
本文禁止轉(zhuǎn)載,侵權(quán)必究。
本文系數(shù)英原創(chuàng),未經(jīng)允許不得轉(zhuǎn)載。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán),侵權(quán)必究。

    評論

    文明發(fā)言,無意義評論將很快被刪除,異常行為可能被禁言
    DIGITALING
    登錄后參與評論

    評論

    文明發(fā)言,無意義評論將很快被刪除,異常行為可能被禁言
    800

    推薦評論

    暫無評論哦,快來評論一下吧!

    全部評論(0條)

    主站蜘蛛池模板: 来凤县| 齐齐哈尔市| 河曲县| 任丘市| 贡觉县| 博爱县| 富顺县| 紫云| 云龙县| 东方市| 南投市| 南安市| 台东市| 灵武市| 林口县| 和硕县| 临沭县| 汤原县| 大竹县| 柳江县| 常山县| 金昌市| 正定县| 温宿县| 林口县| 邯郸市| 新邵县| 太白县| 张家口市| 阳曲县| 南开区| 枣庄市| 保德县| 灵寿县| 贵阳市| 榆中县| 冕宁县| 新建县| 于田县| 英德市| 沁阳市|