秋日秋分SVG图文排版制作技巧(秋季模板赏析)

​冷冷冷冷冷冷!国庆前还嚷嚷着怎么一直不入秋,国庆后就忙着从衣柜里找秋裤了。

image.png

随着寒潮天气的到来

大部分地区终于降温成功

开启秋日模式

(有的地方甚至一秒入冬)


排版当然也要跟上

那么……

秋日排版拆解来啦~


这次的几篇排版

既有甜甜的初秋

也有厚重的深秋

都敲有秋日氛围的

赶紧来看!






01




排版赏析

点击上方图片或此处文字跳转原文阅读


这篇排版来自于CoCo都可《轻轻轻轻......金桂轻茶轻轻上市》,为了保证排版的完整性,让大家充分理解其排版效果,所以需要胖友们点击上方图片或图片下方文字跳转至原文阅读~


排版解析

这篇排版的开头非常抓人。主要体现在两个地方:第一个是动态效果,象征秋日的重要元素——桂花,花瓣一点点飘落,画面不仅十分唯美,还可以通过鲜明的季节特征,让人一下子就知道是秋天到来了;第二个是画面效果,不管是桂花还是白云的设计,真实感都比较强,就像我们在户外切身感受到的场景一样,很立体,非常有画面感。


整篇排版的文字不多,基本是靠视频和文字撑起全篇,但是你可以感受到它整个画面是和谐的、流畅的、可观性强的。比如配色,主色调为黄色,点缀色为绿色和橙色,黄色不是明亮的、张扬的那种黄,而是淡淡的、柔和的黄,用它来作为主色调,符合秋日的氛围,需要重点突出的地方再用其它的绿色或者橙色表现出来,层次感就有了,重点也一眼就可以看到;再比如画面元素,用桂花元素贯穿全文,秋日的美彰显得可以说是淋漓尽致,是浪漫的、温柔的,充满想象的初秋。


这里要划一个重点,再说一下配色上的一个细节。不知道大家有没有发现,它的视频画面颜色和整体配色是相和谐的,属于同一个色系,那这样的处理,可以让排版有一种浑然天成的感觉。



如果你只照顾到了排版中其它元素的配色,而忽略了视频展现画面的配色,就可能出现视频画面在整个排版里的呈现变得突兀的情况,不美观,所以这篇文章在视频画面配色的细节处理上就变得非常可贵,说是视频画面配色配合排版也好,还是排版配合视频画面配色也好,总之,最终呈现出来的效果是相得益彰的。


所以各位盆友们get到了吗?当你的排版里要插入视频,展示画面的颜色也是你要考虑到的,要从排版整体出发,考虑到每一个细节!






02




排版赏析

点击上方图片或此处文字跳转原文阅读


这篇排版来自于Coach蔻驰《秋日出“型”手册》,为了保证排版的完整性,让大家充分理解其排版效果,所以需要胖友们点击上方图片或图片下方文字跳转至原文阅读~


排版解析

如果说上一篇排版营造的是初秋的氛围,那这一篇给人的就是深秋的感觉。初秋还是深秋,其实从配色上就一目了然,上一篇用到的配色是淡淡的,较清新的黄色,而这一篇用到的则是比较深沉的棕色调,情绪更加的厚重,质感也相对提升,有一种成熟的气质。


排版上,你要说它有什么特别的编排技巧,其实也没有,就是一个简单的长图排版,但加分项在什么呢?在于svg效果。作者用到了点击展开的效果,让一个简单的编排有了起伏、有了互动,简单也就变得没有那么简单了。而展开内容里的一些动态效果,其实都是动图,大家提前准备好动态图片,然后上传即可。


效果使用

这篇排版主要用到了 2 个svg效果。一个是点击展开,其实这个效果是svg里的“老选手”了,在我们前面的推文里也讲过很多次,所以这里就略过不讲。主要给大家讲一下文末的跳转阅读效果👇



上周135平台的推文里也用到了类似的效果,很多盆友都在问是怎么实现的,所以这里拿出来敲个重点。



这个效果要利用svg编辑器制作。首先通过135编辑器左侧菜单栏入口进入svg编辑器;



或者在网页地址栏输入svg编辑器网址进入↓

https://www.135editor.com/svgeditor/



进入网页后,选择互动效果-素材-超链接,找到『一行三图引导关注/引导跳转』效果(ID:135)或『一行两图引导关注/引导跳转』效果(ID:134)即可使用(根据你要添加的跳转数量来定,如果是四个跳转,那可以用两个一行两图的)。



鼠标悬浮于素材名之上,即可查看使用教程👇



这里也以『一行三图引导关注/引导跳转』效果为例做了视频版教程,点击下方视频可以查看↓


↑点击查看视频教程






03




排版赏析

点击上方图片或此处文字跳转原文阅读


这篇排版来自于为你写诗《第十一阶来迎接到访的秋天吧》,为了保证排版的完整性,让大家充分理解其排版效果,所以需要胖友们点击上方图片或图片下方文字跳转至原文阅读~


排版解析

这篇排版是典型的日系小清新风格。选择了淡黄色作为大背景,每一个正文样式也是带有背景的,两种背景形式叠加,就营造出了双层背景。元素上,用到的是象征秋天的“果实”,比如柿子和红枣,代表收获满满的秋天。


排版留白较多,一方面是因为文章内容为诗歌,文字部分本就不多,所以会有大量留白,另一方面是利用留白打造小清新的感觉。盆友们在做类似清新风格文章的时候,可以像这篇一样,把留白的重要作用发挥出来。



Ok~

学会了以上秋日排版要点

速速去给自己的排版加点秋日氛围吧!


- 恰饭时间 -


福利又又又来了!

6节0基础小白排版必修课免费学!

从零基础入门到高阶玩法

让你的排版不用发愁

10月20日起每周三下午16:40

从0-1保姆级新媒体干货讲解

限时0元

就在135编辑器视频号


赶快扫码领取课程

开启你的新媒体学习之路吧~




-END-

本文排版由135编辑器提供技术支持;

涉及图片及其它品牌效果展示

仅做交流学习使用,侵联删


需要获取更多帮助

可登录135编辑器官网

点击右下角【帮助】联系客服


135会员服务


135编辑器(网站:www.135editor.com)是一款在线图文排版美化工具。平台已有超过15万+样式素材、3000+款模板素材、200+款svg互动效果素材,更有秒刷、一键排版、多公众号管理、云端草稿等46项在线功能。


为了更好地服务企业用户,135编辑器目前面向企业会员同时开放135编辑器会员、比格图片设计企业会员、svg编辑器会员三大权益。更专业的功能和服务,让企业会员享受最佳的会员体验。


文章评价
登录后可以评论
立即登录
分享到