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




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


這是一篇來自上海交大藝術(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ì)伍中去。
本文可以用中間層不動(dòng)頂層底層豎向三層滑動(dòng)(居中)的SVG效果實(shí)現(xiàn),ID:718。




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


這是一篇來自浙大的校慶主題推文,文章圍繞浙大的發(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)新突破。
本文效果需定制。




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


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




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


這篇來自復(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)。
本文可以用點(diǎn)擊全文漸進(jìn)換內(nèi)容(自定義觸發(fā))的SVG效果實(shí)現(xiàn),ID:360。
如果你還想看更多的
高校SVG案例以及模板
可添加我們的企業(yè)顧問
回復(fù)關(guān)鍵詞“高校”
即可獲得

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















