高校公眾號(hào)排版svg案例分析
在教育行業(yè)這個(gè)版塊中，三兒最先想到的就是其中具有代表性的高校了，他們無(wú)論是排版還是選題角度，都很有創(chuàng)意，因此三兒瀏覽了眾多高校公眾號(hào)，篩選出了復(fù)旦大學(xué)、南京大學(xué)、北京交通大學(xué)的案例分享給你們。
GIF圖展示↑
這是一篇來(lái)自南京大學(xué)招生辦的創(chuàng)意推文，他們通過(guò)多組文案，從多個(gè)角度向讀者展示了南大校園以及對(duì)學(xué)弟學(xué)妹們的祝福，細(xì)膩的文字內(nèi)容經(jīng)過(guò)一些巧妙的設(shè)計(jì)，變得生動(dòng)形象起來(lái)，很能引起大家的共鳴。在SVG效果上，用到了停頓式展開(kāi)，引導(dǎo)讀者跟隨圖文展開(kāi)的節(jié)奏來(lái)閱讀，與讀者之間形成了很好的互動(dòng)效果。
這篇推文用到的SVG組件，其實(shí)就是之前GQ爆文《紅了》的同款效果，這款效果能夠很好地突出文案內(nèi)容，適合各行業(yè)使用。
SVG組件：圖文依次停頓式展開(kāi)，ID:244
教程在這里：點(diǎn)擊查看
GIF圖展示↑
這是一篇來(lái)自復(fù)旦大學(xué)融媒體中心的招新推文，在文章中除了展示常規(guī)的招新要求外，他們還加入了融媒體各個(gè)部門(mén)成員的經(jīng)驗(yàn)分享。在這一部分的呈現(xiàn)上做得很吸睛，整體圖片設(shè)計(jì)以漫畫(huà)風(fēng)格為主，把成員分享的內(nèi)容做成多組卡片，并利用SVG交互效果來(lái)展示，在保證排版美觀度的情況下，又增加了內(nèi)容的易讀性。
這篇推文用到的SVG組件為點(diǎn)擊換圖——橫向雙層前景滑動(dòng)，ID：200。
教程在這里：點(diǎn)擊查看
GIF圖展示↑
這是一篇來(lái)自北京交通大學(xué)以植樹(shù)節(jié)為主題推出的內(nèi)容，他們將電子種樹(shù)的想法運(yùn)用到了推文之中，利用多組圖片模擬種樹(shù)的過(guò)程，并搭配長(zhǎng)按換圖的SVG交互效果，讓讀者實(shí)現(xiàn)沉浸式線上種樹(shù)的體驗(yàn)，趣味十足。
本篇推文用到的SVG組件是長(zhǎng)按換圖——自定義觸發(fā)，ID:32。
教程在這里：點(diǎn)擊查看
立即登錄
