135编辑器独家——排版改造家第2期!

135编辑器独家——排版改造家第2期!


640


哈喽胖友们大家好呀

我是三儿


盼望着 盼望着

终于迎来了排版改造家的第 2 期


在第 1 期推出以后

三儿收到了很多小伙伴的投稿


重度选择困难的三儿

最终选择了收到的第 1 篇投稿

作为排版改造家第 2 期的内容


其实这篇排版在基础上是比较ok的


不过三儿还是抓到了

这篇排版存在的一些小问题


先给胖友们看看这篇排版的内容吧

↓↓↓


grey.gif



话不多说

下面是三儿针对这篇排版提出的一些建议




grey.gif

排版的优点


 1、根据文章所用配图选择排版的主色调 


这篇文章的作者在配色的选择上所采取的方法其实是我们比较推荐的一种方法,那就是根据文章的配图去选取我们要采用的配色。


比如这篇文章后面的活动海报主题色为红色+绿色的搭配,所以作者在配色上也做了相应的处理,颜色搭配比较协调。


grey.gif


 2、图片具有吸引力 


这是一篇以美食为主题的电商活动排版,而对于美食的文章而言,图片的展示是非常重要的一点,图片不仅需要清晰,还要尽量选择有食欲的、诱人的美食图片。


grey.gif


当然了,如果能像这篇排版一样有动图就最好,因为动态的图片展现的空间更多,给我们的视觉冲击力也会更大,可以最大程度的发挥吸引用户购买欲望的作用。


 3、注意到了留白处理 


文字段落之间用空行的方式进行了留白的处理,打造了阅读的空间和文章的呼吸感。


grey.gif




grey.gif

需要改进的地方


 1、层次不清晰 


这篇文章最大的问题其实就是逻辑混乱,找不到重点,而且无论是在整个层次还是下一级内容的层次处理上都非常不清晰。


比如,通读完这篇文章,我们至少可以发现它其实是可以划分为两个大层次的,第一个就是新品的上新,第二个就是活动的介绍,但存在的问题是,我必须要读得非常仔细才可以分辨清楚每个部分对应的内容是什么。


同样的问题,在第一部分的内容中,每一个新品都只进行了简单的加粗处理,那么这到底是图片的注释呢还是新品的名字?我相信有很多小伙伴和我一样分不清这些文字到底指向的是哪一部分的内容。


grey.gif


 2、正文字号太大 


字号的问题之前我们已经提到过了,就不再啰嗦了,像这样一篇以美食为主题的排版,受众用户的年龄一定也不会偏大,所以建议使用14-15号作为正文字号即可。


 3、样式使用不当 


下图的这个分割线样式和全文的排版风格其实是不太搭的,不仅没有把分割线的作用发挥出来,还有一点点多余的感觉。


grey.gif




grey.gif

排版优化


在上面讲到的这篇排版需要调整的地方的基础上,三儿对这篇排版进行了简单的优化。


 1、划分文章层次 


根据文章的内容,三儿首先把这篇文章划分为了两个大部分,第一个部分的主题为新品上新,第二个部分的主题为活动介绍,然后选择了一个标题样式作为一级标题。


grey.gif


其次,再将这两个大框架下的内容进行细分,用二级标题的形式突出各部分的细化内容。


grey.gif

grey.gif


 2、优化字号和配色 


针对这篇排版,三儿选取了一个稍微大胆的一点的排法,在字号和配色的选择上都和我们通常情况下强调的排版技巧不同。


比如字号方面,一级标题的字号我使用了36号字,第一部分的二级标题使用了32号字,正文采用的还是常规的处理,使用的是15号字。


grey.gif

grey.gif


配色的选择也比较大胆,比如第一部分对应的三个不同的新品,三儿根据新品的图片使用了三个不一样的颜色,但全文的主色调依然是明晰的,是以暗红色为主。


grey.gif

grey.gif

grey.gif


这里给出文章中使用到的几个配色以供大家参考:


暗红色:#953734、薄荷蓝:#71b6c7、明亮黄:#ffc61c、青草绿:#9bbb59


 3、添加购买入口 


这篇文章是以美食为主的电商活动文,目的是要将产品或者活动推送出去,那么产品的购买入口就是非常重要的。尤其是我们在做电商排版的时候,购买入口在排版中的位置至关重要,如果你不设置,用户不仅不知道该去哪里购买产品,而且这篇推文的目的还会丧失。


最好的办法是在排版不同的位置中插入产品的购买入口,而不是按照我们传统的想法,只在推文结尾给出,这样可以避免用户没有耐心阅读完全文。


grey.gif

grey.gif


 4、给图片添加简单的样式 


原文对图片的展示是比较简单的,但是想让美食更加有吸引力的话可以给图片添加简单一点的图片样式,让图文内容更加丰富。


如下图,三儿并没有选择很复杂的图片样式,而是采用了我们上一期说到的图片边框阴影这个功能中的双色边框。


grey.gif


这里给出文章使用到的其它图片样式id以供大家参考:


双图样式id:96142、91258。


 5、最后再给大家分享一个小技巧 


我们在用文字背景色的时候,可以在这一句文字的前后各空一格,看起来会更加美观哦~


grey.gif



以下为优化后的完整排版

 ↓↓↓


grey.gif




grey.gif



好了

今天的排版改造到这里就结束了


如果你也存在排版上的问题

希望和大家一起交流探讨

欢迎投稿给三儿

三儿会在下一期里

对你的排版进行简单的点评和优化哦~

(*以下是投稿教程)




grey.gif

投稿教程


1、首先打开135编辑器,输入你要投稿的排版。


2、然后在编辑区右侧点击『保存同步』


grey.gif


3、点击『另存图文给其他用户』。


grey.gif


4、在输入编号的位置输入三儿的编辑器编号,然后完成投递。


grey.gif


5、三儿的编辑器用户编号:4741754。


6、注意:投稿标题请带『排版投稿』前缀,否则三儿将无法识别你的投稿。




grey.gif



来喽来喽

和三儿一起交流排版


发现排版问题

分享排版技巧

共同进步

争取做出更好看的排版吧~


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

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




文章评价
登录后可以评论
立即登录
我只想做你的太阳资深编辑
一步一步努力向上!
共354篇文章
最近文章
更多
  • 文字渐变色让你的微信排版时尚,时尚,更时尚!
  • 冬季微信排版怎么排?135编辑器教你!
  • 排版改造家丨我对佛许愿:“我想要十万+”
  • 投稿赚钱这么简单的事,99%的人都不知道!