文章的配色总感觉怪怪的?可能因为……就是没有配色方案吧

发表于 讨论求助 2021-06-30 13:41:00

欢迎订阅周二秀米排版急诊室

双十一就快到了

在如此火爆的购物节到来之际

借助微信推广自家产品

以提高产品的销量


我们遇到了一篇产品推介的文章

排版上乍一看

似乎是没有什么问题的

但往下翻就觉得好长长长

到底是因为什么呢


下面就让我们来看下这篇投稿原文



上下滑动

查看小伙伴原稿

诊断书

NO.0000012

(患者保管)

病情诊断

  • 文章开头内容,性质类似,过于长;

  • 每段文字都添加卡片,过于累赘;

  • 文章未注意间距,内容层次不分明;

  • 文章配色方案与产品内容不搭

处理意见

  • 删掉文章开头部分内容;

  • 将文字卡片中拖出来,重新建立文章规范;

  • 调整文章间距,提高阅读体验;

  • 去掉原有文章配色方案,重新设计文章配色


文章格式参数

标题字号

21

正文字号

15

文字间距

1.8倍

标题样式1

 

输入标题

标题样式2

输入标题

配色方案

标题

rgb(248, 225, 9)

rgb(166, 213, 57)

正文

rgb(62, 62, 62)

其他配色参考

rgb(230, 140, 10)

rgb(87, 49, 10)

rgb(48, 94, 5)




有些秀米的新手用户有这样一个习惯,给每段文字都添加上卡片,以便给文章分出层次;这篇文章中,不难看出每一段文字都套用了一个样式,虽然能理解编者这样的用意,但这样以来,并没有提升阅读的体验感;另外,文章的配色方案,是秀米原有模板的配色,并没有单独设计,因为这篇讲的是蜂蜜,所以配色方案会从田园风上安排。


部分版式修整过程


重新梳理文章结构

在文章开头,编者用了很大的篇幅介绍了蜂蜜的构成;但内容上都是一个意思,且配图有所重复;而且文章中,编者给每段文字都添加了一个卡片,因为卡片的限制,导致文章看起来非常得长;为了能提高阅读体验,我们将这块内容调整了下:

原本的内容

修改后的内容

然后,在文末有一块,真假蜂蜜辨别的视频,但在之前内容中编者有专门一块内容是讲这个的了;所以我们将视频内容拉到了前面,作为这块内容的补充说明:


给内容选择对应的模板样式

将文章梳理完成后,我们需要给内容添加上适合的模板样式:

在原有文章中,例如“真假蜂蜜辨别”等板块中,编者使用了一个二列布局作为第二层级标题,但因为布局宽度不够,导致内容左右宽度不一;而且这块内容应属于需要引起注意的,所以我们给这块内容重新设计了标题,选择一个三角标题模板,容易引起注意;而文字则拖到布局外,放到标题下边,为能显示出层次,这块的文字设置了20px的页边距:

原本的内容

修改后的内容

而后面的例如作用功效,与禁忌副作用这两个内容,同样采用这两个标题。


重新思考文章配色方案


原有文章中,配色方案编者是用了秀米模板的原有颜色,没有设计配色;而对于这篇文章来说,蜂蜜产品用红色,好像挺奇怪的;为能与产品本身符合,我们从封面图上取色:






然后将这几种颜色,挑选着使用,放到适合的地方中:



最后我们来对比下修改前后的文章:


上下滑动

查看小伙伴原稿


上下滑动

查看修改稿



 编后语 

双十一就要到了,这时候推出一篇产品推广类的文章,可以提高产品销量,是最适合的了;这篇文章在排版上,还是存在一点问题的:

  • 文章上添加太多卡片,层次不清晰;

  • 文章上没有设置间距,导致文章上过于拥挤,影响阅读体验;

  • 文章配色方案不适用与文章主题

所以在编写产品推广类的文章,我们不妨:

  • 在排版之前,要通读全文,内容含义类似的话,要进行删减,保证文章篇幅合适;

  • 通读全文后,不要急着给文章添加卡片,文字排版一定要简洁大方;

  • 配色方案要根据文章来,如果不知道如何设计配色方案,可以根据文章中配图,来取适合的颜色,再经过调整,应用到文章中




以上就是本期内容

下周二排版急诊室

继续和你一起根治排版“丑”病


发表
26906人 签到看排名