电商类排版解析

双十一的余热还未完全消退
双十二电商节又在蓄势待发了
今天135编辑器就给大家讲讲电商类排版​

双十一的余热还未完全消退

双十二电商节又在蓄势待发了

今天135编辑器就给大家讲讲电商类排版


上下滑动查看完整图文

图片加载比较任性,请耐心等待


640?wx_fmt=png

grey.gif

grey.gif

grey.gif

grey.gif


我们的样式中心前段时间上新了一些电商模板,今天的这篇排版案例里面就有用到几个电商模板哦!

首先,案例文案的前言部分写的比较活泼,且较短,所以我们可以采用居中的方式,再适当的加入符合情境的表情包。既能够渲染气氛,还能够让点进来的人放松心情,增加继续阅读的冲动。

第二,选择适合大标题的标题样式。文案当中将商品种类分成两个大类,然后再对各种商品进行叙述。所以我们可以选择一个长条形的框线标题样式:

grey.gif

第三,根据正文内容,理清文章结构,选择合适的商品介绍样式。因为在商品介绍这部分,每个商品介绍都带有一张图片,所以小五选择了一个单图文样式:

grey.gif

小五将该样式的图片替换后,再将图片添加一个图片边框就达到案例里面的效果啦!

在这里,小五想强调一点:并不是说我的这个案例只能够用在我定义的这几类排版中,其实,你把文字换一换,也可以排其他类型的文案。所以,排版的时候不要偷懒,一定要多想。排版并不是脑袋放空,见模板就套,就跟个机器人似得。排版既是个体力活,也是个脑力活。

通过对文章的结构梳理,我们发现,第一部分和第二部分的架构完全一致。那么,我们可以继续选用第一部分的商品介绍样式。

但是,那样会显得一层不变,没有新意。因此,我们可以换一个样式。毕竟我们的样式中心还是很庞大的,嘻嘻嘻!比如,下面这个样式:

grey.gif

是的,小五依旧删除这个样式部分的内容,然后替换颜色,达到心里预想的效果。

但是,自己修改样式还是有一定风险的,所以,如果你的承受能力不强,还是好好寻找自己中意的样式吧!毕竟,很多时候,操作方面存在一定的差异,那样式最终呈现的结果也千差万别。

对于商品推荐语,小五也选择了两种不同的样式:

grey.gif


grey.gif

最后,每种商品介绍之间都用特殊符号做了两种分割线,简单好看又增加了一些空间感,给人更好的阅读体验,再将两段间距设置为10,让整篇文章看起来更立体,不拥挤。

好啦,以上就是本期的排版赏析,希望大家会喜欢啦!

案例格式参数

标题字号:15、16

正文字号:14、15

行间距:2、1.75

两段间距:10

注释字号:12、10

配色方案:

#FFEBE7 #FFC0BE  #FF82A9  #7F95D1

#F1AC9D  #F06966  #DEE2D1  #6ABE83

点击邀请链接:http://www.135editor.com/users/register/ddb12a17ce400c35fe041d275a578351 就可以加入135编辑器了哦,偷偷告诉大家(点击该链接,还可以获得7天VIP会员哦,一般人我不告诉,哈哈哈哈)

当然,你也可以自己加入。网址在这里:https://www.135editor.com/效果是一样的。通过我的邀请加入135编辑器,相当于是对我的一种帮助和鼓励。我自己会因为你们的支持而获得会员权限,可以享受会员的所有权益,像是新样式可以免费使用,图片保存数量从100提升到1000,个人模板从3个提升到无限制,云端草稿和恢复历史版本可以无限次使用,文本校对从3次升到100次等等,所以还劳烦大家帮个忙。





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