高校公众号排版svg案例分析

在教育行业这个版块中,三儿最先想到的就是其中具有代表性的高校了,他们无论是排版还是选题角度,都很有创意,因此三儿浏览了众多高校公众号,筛选出了复旦大学、南京大学、北京交通大学的案例分享给你们。


案例一
南京大学

01be4bd9b7aed04affc9ac84c8f33533.gif


GIF图展示↑


点击这里跳转阅读


PART.01
创意分析


这是一篇来自南京大学招生办的创意推文,他们通过多组文案,从多个角度向读者展示了南大校园以及对学弟学妹们的祝福,细腻的文字内容经过一些巧妙的设计,变得生动形象起来,很能引起大家的共鸣。在SVG效果上,用到了停顿式展开,引导读者跟随图文展开的节奏来阅读,与读者之间形成了很好的互动效果。


PART.02
SVG分析


这篇推文用到的SVG组件,其实就是之前GQ爆文《红了》的同款效果,这款效果能够很好地突出文案内容,适合各行业使用。


SVG组件:图文依次停顿式展开,ID:244


教程在这里:点击查看




椭圆 3.png




案例二
复旦大学


8053FE65-2AA1-4842-B911-86A1A7A9342A.gif


GIF图展示↑


点击这里跳转阅读


PART.01
创意分析


这是一篇来自复旦大学融媒体中心的招新推文,在文章中除了展示常规的招新要求外,他们还加入了融媒体各个部门成员的经验分享。在这一部分的呈现上做得很吸睛,整体图片设计以漫画风格为主,把成员分享的内容做成多组卡片,并利用SVG交互效果来展示,在保证排版美观度的情况下,又增加了内容的易读性。


PART.02
SVG分析


这篇推文用到的SVG组件为点击换图——横向双层前景滑动,ID:200。


教程在这里:点击查看



椭圆 3.png



案例三
北京交通大学


0ee8bcac910f4689cc59345c3f78b010.gif


GIF图展示↑


点击这里跳转阅读


PART.01
创意分析


这是一篇来自北京交通大学以植树节为主题推出的内容,他们将电子种树的想法运用到了推文之中,利用多组图片模拟种树的过程,并搭配长按换图的SVG交互效果,让读者实现沉浸式线上种树的体验,趣味十足。


PART.02
SVG分析


本篇推文用到的SVG组件是长按换图——自定义触发,ID:32。


教程在这里:点击查看





文章申明:本文章转载自互联网公开渠道,如有侵权请联系我们删除
文章评价
登录后可以评论
立即登录
分享到