高校公众号创意排版:复旦/浙大等4大高校SVG动态交互设计案例集

精选复旦、浙大、交通大学等高校SVG创意排版案例,含像素风滑动/星光动线等交互效果,助力教育行业提升品牌传播力,附SVG效果ID与实现技巧

高校
案例分享
这些创意你值得拥有!
SVG


高校创意SVG


各大高校的公众号文章早已“神仙打架”!卷文案、卷创意、卷设计......把推文玩出了新高度,今天三儿筛选了多所高校的创意SVG案例,一起来获取更多灵感思路吧!




1.上海交通大学
ba73f57a1c287073829dec68c7ad28e8.gif



(来自交大艺术中心公众号)


点击跳转原文阅读

01
创意分析

这是一篇来自上海交大艺术中心招新主题的文章,其内容呈现形式新颖有趣,它采用横屏展示的视角,并融入当下爆火的像素风设计,为读者带来强烈的视觉冲击。更具巧思的是,围绕“一只鹅的旅行”,打造具有故事性的内容设定,让读者跟随其IP形象,滑动屏幕查看部门的宗旨、活动等信息,让学生们沉浸式了解部门的介绍。相较于传统的部门招新文章,这篇内容更能给学生们留下深刻印象,从而有效吸引学生参与到队伍中去。



02
SVG分析

本文可以用中间层不动顶层底层竖向三层滑动(居中)的SVG效果实现,ID:718。








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



(来自浙江大学公众号)


点击跳转原文阅读

01
创意分析

这是一篇来自浙大的校庆主题推文,文章围绕浙大的发展历程、各领域的成就、校园文化特色等多个方面展开,在内容呈现上,以星光的轨迹作为视觉动线贯穿全文,同时结合条漫设计,让读者可跟随星光的移动,逐步点亮屏幕,在交互体验中全面回顾和了解浙大128年来的发展和成果。这一创意不仅打破了传统校庆推文的展示形式,更在视觉呈现与阅读体验上实现了创新突破。



02
SVG分析

本文效果需定制。








3.中国传媒大学
A8EF6271-AE69-4C24-A42B-763D046ED6F6.gif



(来自中国传媒大学学生会公众号)


点击跳转原文阅读

01
创意分析

这篇来自中传的交通指南主题的文章,创作角度新颖,将行李箱拟人化,以它的视角展开叙述,为新生们介绍了不同的交通乘坐方式。在内容呈现形式上,通过采用撕纸风的长图设计,结合点击展开的交互效果,增加了内容的易读性,这种介绍模式有利于加深新生对学校的好感度。




02
SVG分析

本文可以用到点击换图展开的SVG效果实现,ID:58。






4.复旦大学


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



(来自复旦大学公众号)


点击跳转原文阅读

01
创意分析

这篇来自复旦大学的世界地球日主题的文章,开篇先抛出一系列与校园环保相关的问题,引发读者的好奇与思考。通过交互设计,让读者点击文末按钮时,推文内容自下而上逐步变化,回应开篇所提的疑问,借此展示了校园内具体的环保举措。这种由问到答、前后呼应的设定,增强了阅读的代入感,也让环保主题更加贴近读者的实际体验。




02
SVG分析

本文可以用点击全文渐进换内容(自定义触发)的SVG效果实现,ID:360。




如果你还想看更多的

高校SVG案例以及模板

可添加我们的企业顾问

回复关键词“高校

即可获得


97896f21094236eb60796d9625a7bcfe.png


     

END



*以上所涉及的素材仅供学习交流使用,侵联删



文章申明:本文章转载自互联网公开渠道,如有侵权请联系我们删除
分享到