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