高校公眾號創(chuàng)意排版:復旦/浙大等4大高校SVG動態(tài)交互設計案例集

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

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


高校創(chuàng)意SVG


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




1.上海交通大學
ba73f57a1c287073829dec68c7ad28e8.gif



(來自交大藝術中心公眾號)


點擊跳轉原文閱讀

01
創(chuàng)意分析

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



02
SVG分析

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








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



(來自浙江大學公眾號)


點擊跳轉原文閱讀

01
創(chuàng)意分析

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



02
SVG分析

本文效果需定制。








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



(來自中國傳媒大學學生會公眾號)


點擊跳轉原文閱讀

01
創(chuàng)意分析

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




02
SVG分析

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






4.復旦大學


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



(來自復旦大學公眾號)


點擊跳轉原文閱讀

01
創(chuàng)意分析

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




02
SVG分析

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




如果你還想看更多的

高校SVG案例以及模板

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

回復關鍵詞“高校

即可獲得


97896f21094236eb60796d9625a7bcfe.png


     

END



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



文章申明:本文章轉載自互聯(lián)網公開渠道,如有侵權請聯(lián)系我們刪除
分享到