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