宝藏模版
往期推荐(点击阅读):
趣味效果|高大上|可爱风|年终总结I|年终总结II|循环特效|情人节I|情人节II|妇女节|儿童节I|儿童节II|儿童节III|618I|618II|父亲节|丝滑动画|端午节I|端午节II|滑动妙用|图片轮播I|图片轮播II|又红又专|中秋节I|中秋节II|双十一I|双十一II|世界杯|感恩节|圣诞节I|圣诞节II|新年|兔年春节|元宵节|愚人节|杂志范儿|520/521I|520/521II|五一旅游I|五一旅游II|母亲节I|母亲节I|多巴胺|微博|夏日氛围|大唐国风|反诈宣传|七夕节|CityWalk|开学季II|开学季II|校园主题|揭露丑恶真相|运动会I|运动会II|十一|万圣节I|万圣节II|冬季氛围|新闻宣传|春节红包|龙年春节|开工新品|地球日|问答题
各位黑科技编辑器的会员,编辑器内 1600+ 的 SVG 正版组件你们都用过吗?辞旧迎新之际,往昔已展千重锦,明朝更进百尺竿。让我们携一份优秀的 SVG 年终总结,肩鸿任钜踏歌行,功不唐捐玉汝成!
报纸版面布局
《2022热事盘点 | MSC年度新闻大放送,翻阅有礼!》以报纸为载体,将一年的过往故事集结“出版”。视觉上特色鲜明,长图还支持保存与分享,一举多得:
「多热区弹出式海报」是黑科技 SVG 编辑器的一款经典组件,你可以参考来自 iSVG 团队录制的两期相似案例教程进行使用。
数据呈现动态优化
数据图表与动态设计进行叠加,让用户滑动时产生别样的动感体验。在珠海科技学院《阅读量400万+ !吉珠年度TOP10爆款推文你都看过吗》的这期年终总结中,「顶层滑动」功不可没:
请注意,「顶层滑动」组件在使用过程中应嵌套入进一步的滑动类型来决定方向、吸附性等特征。更多滑动的创意应用可参考阅读《「等分容器滑动」妙用:变色滑动/错层滑动/双向滑动/滑动进场/伸长组滑动/全文滑动……》。
文件夹无限展开-收回
去年,黑科技编辑器官方的《 2023 小 编 年 终 总 结.pdf》为不少用户赞叹,并引起了一股圈内的效仿热潮:
其核心是「伸长套伸长」与多个「无限往返伸缩器」的组合,具体实现方式参考 Ceep 老师录制的相关专题课程。
立体视差年终总结
此外,黑科技编辑器官方还发布过《(迟到的)2021人均SVG时代报告》,它采用了我们编辑器全网首发的裸眼 3D 套件,你可以通过「纵向视差滑动」进行复现:
点击《黑科技编辑器|纵向视差滑动教程》了解它的具体组件操作规则,也可以结合 Ceep 老师录制的相关专题课程学习更多表现手法。
错层吸附滑动
字节跳动官方的《字节跳动2023年度盘点已生成》是「错层吸附滑动」排版在年终总结主题上的精彩范本:
同样你可以通过以下 Ceep 老师录制的视频课程进行学习,重点理解其镂空夹层的设计思维,和吸附特性的巧妙应用。
错层滑动
让悬停角色在更连贯地篇幅上随着滑动而「前进」,是「错层滑动」的一种经典用法,无论人民日报的《2023,我们这样走过》还是滴滴代驾的《2023还会有奇迹吗?》都选择了这种模式进行黑科技排版:
关于「错层」滑动我们也同样录制过很多期教学视频,不妨点击下方视频号了解更多。
画面无尽穿梭
点击画面不断放大,纵身跃入局部空间前往下一个事件场景——这样奇妙的穿梭效果等同于我们编辑器中「任意点放大-消失」组件与「任意动画接伸长」的结合,十分适合全年大事记回顾:
关于这种 SVG 创意布局的核心方法,我们在《一图看懂虚拟元宵灯会SVG排版|玩转任意动画接伸长》教程中已经做了具体解析,通用性极佳,相信也可以在未来更多选题中为你所用!
更多海量模板,平均不足 1 元!
黑科技编辑器秉持着让行业“人均 SVG”的生态理念,由多位黑科技排版设计的头部资深开发者共同打造,斩获包括法国设计奖、美国缪斯创意设计奖等诸多国际赛事大奖,帮助更多品牌以可视化形式完成互动式图文创作。如有任何特效灵感和建议,也欢迎通过客服向我们提出,黑科技编辑器将竭诚思考代码转化的可行性。
会的比别人多一点