高校公眾號SVG創(chuàng)意排版案例解析 | 高校互動設(shè)計實戰(zhàn)教程

深度解析北京大學(xué)、四川大學(xué)等高校公眾號創(chuàng)意排版案例,揭秘SVG點擊選擇、多層滑動、漸進換內(nèi)容等交互設(shè)計技巧。內(nèi)含高校推文排版模板、公眾號視覺設(shè)計教程及實戰(zhàn)應(yīng)用分析,適用于教育行業(yè)新媒體運營者學(xué)習(xí)參考。

高校創(chuàng)意排版


SVG案例分享

/ HELLO SCHOOL /

都說教育行業(yè)排版天花板看高校

這句話還真的有一定道理

三兒瀏覽了一圈高校公眾號內(nèi)容之后

發(fā)現(xiàn)各大高校的創(chuàng)意排版層出不窮

各種蹭熱點、精美設(shè)計、炫酷效果......

看得我是眼花繚亂

所以三兒也好好整理了一番

為大家?guī)砹硕嗫罡咝?chuàng)意排版





1.北京大學(xué)



ac358435590353e5ed2ecb417a395237.gif


(來自北京大學(xué)公眾號)


點擊跳轉(zhuǎn)文章閱讀



01
創(chuàng)意分析

這是一篇來自北大校園宣傳類推文,兼具極強的互動性和非凡的創(chuàng)意。文章以“打造你的專屬北大特飲”為主題,摒棄了傳統(tǒng)的圖文介紹模式,轉(zhuǎn)而采用趣味測試題的形式展現(xiàn)校園風(fēng)采。在測試題中,北大特色的美食與校園美景被巧妙融入到各個選項之中,調(diào)動讀者積極參與互動。尤為吸引人的是,讀者能在文末依據(jù)自己上面的選擇,生成獨一無二的個性化結(jié)果。這種別具一格的互動設(shè)計,極大地激發(fā)了讀者的分享欲,促使他們自發(fā)傳播,從而有效提升了文章的曝光度。


02
SVG分析

本文所用到的SVG效果為多項點擊選擇+生成結(jié)果展示,ID:624。


教程在這里:點擊查看







2.四川大學(xué)





CEA91A42-3873-4427-AAD4-EED039A45730.gif


(來自四川大學(xué)公眾號)


點擊跳轉(zhuǎn)文章閱讀


01
創(chuàng)意分析

這是一篇來自川大的推文,該文采用了新穎的方式向讀者介紹川大學(xué)子的風(fēng)采。利用拼貼畫風(fēng)格的長圖設(shè)計和三層上滑的交互效果,讓讀者在閱讀推文的過程中,可以跟隨熊貓“大川”的滑動沉浸式解鎖川大學(xué)子的多樣性。


這種讓人眼前一亮的創(chuàng)意策劃,讓讀者在享受視覺盛宴的同時,不經(jīng)意間加深了讀者對川大的印象。


02
SVG分析

本文所用到的SVG效果為中間層不動頂層底層豎向三層滑動,ID:31。


教程在這里:點擊查看







3.華中科技大學(xué)



A2BA502C-B92D-41A5-AA47-37C841BF0D62_compressed.gif


(來自iKnow華科大學(xué)公眾號)


點擊跳轉(zhuǎn)文章閱讀


01
創(chuàng)意分析

這是一篇源自華中科技大學(xué)的創(chuàng)意推文,聚焦于探討并緩解高校學(xué)生的壓力問題。推文巧妙地融合了條漫設(shè)計與SVG交互效果來展示內(nèi)容,開篇即詳盡列舉了高校學(xué)子所面臨的各種具體壓力,并以黑白線條的描繪,以此代表高校學(xué)子焦慮的狀態(tài)。而當(dāng)讀者點擊文末的回溯按鈕時,推文自下而上漸漸被色彩填充,內(nèi)容也隨之轉(zhuǎn)變?yōu)閷W(xué)子們的深切鼓勵與溫馨慰藉。文案細膩溫暖,觸動讀者的心弦,引發(fā)強烈的共鳴,并為他們注入前行的力量。


通過這種前后反差,能強烈激發(fā)讀者的代入感,此效果適合用來展現(xiàn)對比鮮明的內(nèi)容。比如從酷熱到?jīng)鏊?、從消極情緒到積極狀態(tài)轉(zhuǎn)變等主題。



02
SVG分析

本文所用到的SVG效果為點擊全文漸進換內(nèi)容(自定義觸發(fā)),ID:360。


教程在這里:點擊查看






4.福建師范大學(xué)





24DE1347-1670-44A5-91E1-5F301BA62E75_compressed.gif


(來自福師大小葵公眾號)


點擊跳轉(zhuǎn)文章閱讀


01
創(chuàng)意分析

這篇推文源自福建師范大學(xué),其主題聚焦于探尋2005年出生的高校學(xué)子們的珍貴回憶。文章巧妙地運用了多次點擊換圖的交互效果,生動展現(xiàn)了這些學(xué)子從撰寫日記、追捧動畫、熱衷于QQ聊天,到使用手機這一系列生活變遷的過程。這一波滿滿的回憶殺,能引發(fā)強烈的共鳴,極大地拉近了與讀者之間的距離。



02
SVG分析

本文所用到的SVG效果為多次點擊換圖(GIF圖),ID:9。


教程在這里:點擊查看





如果你還想看

更多高校創(chuàng)意SVG案例

可以掃碼添加我們的顧問

回復(fù)關(guān)鍵詞“高校

即可獲得哦


企業(yè)微信截圖_17163722237079_副本.png


END


*以上所涉及的素材僅供學(xué)習(xí)交流使用,侵聯(lián)刪



文章申明:本文章轉(zhuǎn)載自互聯(lián)網(wǎng)公開渠道,如有侵權(quán)請聯(lián)系我們刪除
文章評價
登錄后可以評論
立即登錄
比格設(shè)計
熱門工具
135編輯器
領(lǐng)先的在線圖文編輯平臺原創(chuàng)樣式素材,一鍵套用
筆格設(shè)計
受歡迎的在線作圖網(wǎng)站,新媒體配圖、手機海報應(yīng)有盡有
筆格PPT
輸入主題,AI一鍵生成PPT;上傳本地文件秒變PPT
管小助
企業(yè)營銷、私域流量運營——站式營銷管理平臺
推薦文章
用戶運營平臺產(chǎn)品設(shè)計指南
淺談用戶運營中的用戶分層
內(nèi)容運營:戴上寫作的六頂思考帽
5000字方法論:4個細節(jié),決定私域能不能賺錢
一個案例說明白用戶分析怎么用
22條視頻,漲粉12.6萬,一個女孩子在抖音靠洗車也能月入過萬!
高價值社群的5大核心關(guān)鍵
抖音賬號內(nèi)容自檢清單!
決定離職后,3天拿到offer的總結(jié)與反思!
【135早資訊】:教育部將徹查教材插圖問題;抖音6月1日起將對本地生活商家收取服務(wù)費
熱門素材樣式
運營導(dǎo)航
運營工具
分享到