《高校教育SVG交互图文案例合集》

原创 收藏 评论
举报 2024-09-24




 

SVG交互图文,可不是品牌公众号的专属。
SVG交互图文的好玩、时尚与创意,无法受到思维活跃、富有创造力的高校学生们的忽视。他们创作的SVG图文,很多都不输给大品牌。
今天是整理了8篇高校的SVG图文案例,分别来自复旦大学、中山大学、武汉大学 、中国农业大学、厦门大学、西交利物浦大学、北大光华EMBA、清华大学经济管理学院,一起走进学生们的创意世界吧!

01

复旦大学

《亲爱的复旦,119岁生日快乐!》

▲GIF演示

点此查看原文

在复旦大学建校119周年之际,通过「SVG轨迹」伴随「图片渐现」邀大家一起来看看一封长信,借此宣传复旦大学校史。

该交互需定制


02

中山大学

《2022学习报告单,你pick哪一款?》

▲GIF演示

点此查看原文

中山大学通过「点击展开」学习背影,通过引导大家点击选择学习背景、学习场景、最常用表情等、最终打印出一张寄往2023的邮票,祝大家兔飞猛进。

交互对应编辑器组件/组合

组合:点击展开(有触发区)

编号:10051(组合)

组件:点击-选择切换图片

编号:11142(组件)

组件:点击-打印图片(有触发区)

编号:10212(组件)

03

武汉大学

《2023届毕业生,每人一份请速收!》

▲GIF演示

点此查看原文

「操纵光圈」找到武汉大学,连续点击查看完整的毕业证书,借此吸引大家领取珞珈专属纪念报告并庆祝130年校庆。

交互对应编辑器组件/组合

组合:追光灯+点击伸缩式展开

编号:11601(组合)

组件:连续点击-飘落切换多张图片(左)

编号:10841(组件)

04

中国农业大学

《₍ᐢ⸝⸝› ‹⸝⸝ᐢ₎春节是????????????……(内含隐藏款红包封面!)》

▲GIF演示

点此查看原文

「自动层层展开」关于春节的介绍和祝福,借此迎接2023年兔年春节,吸引大家领取隐藏款红包封面。

交互对应编辑器组件/组合

组件:自动层层展开 | 《红了》

编号:11273(组件)

05

厦门大学

《关于大学生活的30条真诚建议》

▲GIF演示

点此查看原文

「自动层层展开多次并伸缩式展开」厦门大学有关大学生活的30条真诚建议,从而宣传厦门大学,吸引大家报名。

该交互需定制


06

西交利物浦大学

《高考最后50天!高考生的精神状态一览→》

▲GIF演示

点此查看原文

「连续点击差速上移」模拟高考倒计时的过程,引起大家的共鸣,希望通过一些方式来帮助考生缓解压力和焦虑,最后「点击弹出」西交利物浦大学录取通知书。

该交互需定制


07

北大光华EMBA

《龙腾四海起,光华迎春来!》

▲GIF演示

点此查看原文

「长按图片穿透式差速移动」模拟乘龙而上,最后「播放新年祝福的视频」,借此恭贺新岁,祝大家新春快乐!

该交互需定制


08

清华大学经济管理学院

《『消息提示』您有一条生日祝福未发出》

▲GIF演示

点此查看原文

清华大学经济管理学院通过「序列帧动效」模拟40周年庆的彩带落下,吸引大家「视差左滑」查看一些经管师生的回忆与祝福,借此宣传清华大学经济管理学院。

交互对应编辑器组件/组合

组件:序列帧动效(单次,限300张)

编号:11632(组件)

组件:视差滑动-左滑(自动对齐、九组)

编号:10819(组件)





如果以上案例还没有看够,可以到「品牌时光机」交互图文案例库(网址:brandtime.cn)在「行业分类」中选择「高校教育」查看更多相关案例。


目前案例库总案例数已达60W+,其中7W+案例支持一键还原,制作同款效果非常方便。


本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)