高校公眾號(hào)創(chuàng)意排版:復(fù)旦/浙大等4大高校SVG動(dòng)態(tài)交互設(shè)計(jì)案例集

精選復(fù)旦、浙大、交通大學(xué)等高校SVG創(chuàng)意排版案例,含像素風(fēng)滑動(dòng)/星光動(dòng)線等交互效果,助力教育行業(yè)提升品牌傳播力,附SVG效果ID與實(shí)現(xiàn)技巧

高校
案例分享
這些創(chuàng)意你值得擁有!
SVG


高校創(chuàng)意SVG


各大高校的公眾號(hào)文章早已“神仙打架”!卷文案、卷創(chuàng)意、卷設(shè)計(jì)......把推文玩出了新高度,今天三兒篩選了多所高校的創(chuàng)意SVG案例,一起來獲取更多靈感思路吧!




1.上海交通大學(xué)
ba73f57a1c287073829dec68c7ad28e8.gif



(來自交大藝術(shù)中心公眾號(hào))


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

01
創(chuàng)意分析

這是一篇來自上海交大藝術(shù)中心招新主題的文章,其內(nèi)容呈現(xiàn)形式新穎有趣,它采用橫屏展示的視角,并融入當(dāng)下爆火的像素風(fēng)設(shè)計(jì),為讀者帶來強(qiáng)烈的視覺沖擊。更具巧思的是,圍繞“一只鵝的旅行”,打造具有故事性的內(nèi)容設(shè)定,讓讀者跟隨其IP形象,滑動(dòng)屏幕查看部門的宗旨、活動(dòng)等信息,讓學(xué)生們沉浸式了解部門的介紹。相較于傳統(tǒng)的部門招新文章,這篇內(nèi)容更能給學(xué)生們留下深刻印象,從而有效吸引學(xué)生參與到隊(duì)伍中去。



02
SVG分析

本文可以用中間層不動(dòng)頂層底層豎向三層滑動(dòng)(居中)的SVG效果實(shí)現(xiàn),ID:718。








2.浙江大學(xué)
B5B3EFEA-EAD5-496B-8A6B-0D3B4CB2A9BC_compressed.gif



(來自浙江大學(xué)公眾號(hào))


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

01
創(chuàng)意分析

這是一篇來自浙大的校慶主題推文,文章圍繞浙大的發(fā)展歷程、各領(lǐng)域的成就、校園文化特色等多個(gè)方面展開,在內(nèi)容呈現(xiàn)上,以星光的軌跡作為視覺動(dòng)線貫穿全文,同時(shí)結(jié)合條漫設(shè)計(jì),讓讀者可跟隨星光的移動(dòng),逐步點(diǎn)亮屏幕,在交互體驗(yàn)中全面回顧和了解浙大128年來的發(fā)展和成果。這一創(chuàng)意不僅打破了傳統(tǒng)校慶推文的展示形式,更在視覺呈現(xiàn)與閱讀體驗(yàn)上實(shí)現(xiàn)了創(chuàng)新突破。



02
SVG分析

本文效果需定制。








3.中國傳媒大學(xué)
A8EF6271-AE69-4C24-A42B-763D046ED6F6.gif



(來自中國傳媒大學(xué)學(xué)生會(huì)公眾號(hào))


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

01
創(chuàng)意分析

這篇來自中傳的交通指南主題的文章,創(chuàng)作角度新穎,將行李箱擬人化,以它的視角展開敘述,為新生們介紹了不同的交通乘坐方式。在內(nèi)容呈現(xiàn)形式上,通過采用撕紙風(fēng)的長圖設(shè)計(jì),結(jié)合點(diǎn)擊展開的交互效果,增加了內(nèi)容的易讀性,這種介紹模式有利于加深新生對(duì)學(xué)校的好感度。




02
SVG分析

本文可以用到點(diǎn)擊換圖展開的SVG效果實(shí)現(xiàn),ID:58。






4.復(fù)旦大學(xué)


67248056-0A7A-4A8F-AE5A-437462B8E86F_compressed.gif



(來自復(fù)旦大學(xué)公眾號(hào))


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

01
創(chuàng)意分析

這篇來自復(fù)旦大學(xué)的世界地球日主題的文章,開篇先拋出一系列與校園環(huán)保相關(guān)的問題,引發(fā)讀者的好奇與思考。通過交互設(shè)計(jì),讓讀者點(diǎn)擊文末按鈕時(shí),推文內(nèi)容自下而上逐步變化,回應(yīng)開篇所提的疑問,借此展示了校園內(nèi)具體的環(huán)保舉措。這種由問到答、前后呼應(yīng)的設(shè)定,增強(qiáng)了閱讀的代入感,也讓環(huán)保主題更加貼近讀者的實(shí)際體驗(yàn)。




02
SVG分析

本文可以用點(diǎn)擊全文漸進(jìn)換內(nèi)容(自定義觸發(fā))的SVG效果實(shí)現(xiàn),ID:360。




如果你還想看更多的

高校SVG案例以及模板

可添加我們的企業(yè)顧問

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

即可獲得


97896f21094236eb60796d9625a7bcfe.png


     

END



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



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