排版改造家 | 日系清新排版风格,光这个色调我就爱了!

排版改造家 | 日系清新排版风格,光这个色调我就爱了!

640?



哈喽胖友们大家好啊

我是三儿


好久没有出过排版改造家

大家一定甚是怀念

一起吐槽 学习排版的感jio吧


那话不多说

赶紧来看看今天要改造的排版


(上下滑动查看更多)

↓↓↓

grey.gif


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

↓↓↓



grey.gif

排版的优点




 1、善于观察,对信息的敏感度较强 


在文章的引言部分,作者提到了自己写这篇文章的原因是因为偶然刷到了一组婚纱照,所以放弃了原本的广告推文。这样的观察力对新媒体人而言是很重要的,我们要有善于捕捉信息的能力以及敏感度,也要偶尔给用户一点新鲜感,不然用户只接收单一的信息的话,也会感到疲劳。


 2、有自己的排版风格 


虽然这篇文章在排版的处理上比较少,但是从一些细节里面可以看出,作者对这篇排版的构想是做一个清新风格的排版,但是还有很多地方需要去调整。



grey.gif

还需要改进的地方




 1、图片信息的展示不够 


既然写这篇文章的初衷是因为看到了一组特殊的婚纱照,那么文章的重点部分其实就应该放在这部分内容的故事介绍和图片展示上,图片自然就是排版的一大亮点。


但是作者选择的处理方式却是用多图组合的方式去归纳图片,多图排版有一个缺陷就是,每一张图片可展示的空间比较小,用户可以看到的图片信息也就减少了,图片的作用没有发挥出来。


grey.gif


如果在自己的排版设想里,多图排版仍然是最好的选择的话,也尽量选择图片数量较少的多图排版组合,比如4-5张,这个时候可能就会有胖友问,那我图片确实有这么多该怎么办?你可以对图片进行一定的删减,重复的多余的图片完全可以删除,不必全部展示出来。


像这种图片张数很多很多的多图排版更适用于什么情况呢?比如美食排版中对图片的收纳,这样排版出来的图片会在视觉上给人非常强烈的冲击感。


 2、图片没有做到协调搭配 


这篇文章所有的图片都集中在了文字的第一部分,第二部分的文字一张配图也没有,这样的处理方式也是不建议的,正常情况下,手机一屏的空间里面要有一张图片,以达到解释说明、缓解阅读疲劳、分割内容等作用。


 3、结尾的排版方式还需要优化 


排版最后一个部分的文字,一半采用了居右的对齐方式,一半采用了居中的对齐方式,虽然有很多排版也会这样处理,但一般都是针对中段的文字,而且形式是一段文字居左、一段文字居右,以达到平衡的效果,像作者这样仅仅是在结尾的时候做了这样一个处理,就会造成不协调,失衡的感觉。


grey.gif



grey.gif

排版优化




为了更加贴合这篇排版的风格,这次的优化思路分析将重点从清新风格的打造说起,主要说一下在进行清新风格排版的时候几个要特别注意的点。


首先给大家看一下优化之后的排版

(上下滑动查看更多)

↓↓↓


grey.gif


 1、善用背景打造氛围 


在清新风格的排版中,由于格子背景自带小清新属性,所以应该算是清新风格排版里面运用最多的一个背景,也算是一个利器,对整个的排版氛围都有很大的加分作用。


那么在清新风格的排版中,我们可以尝试把背景运用起来,不限于格子,像其它的纯色背景或是自己在网上找的图片背景,都是可以的,你也许会发现,排版氛围立马会变得不同。


 2、留白+空行,让文章呼吸感十足 


清新风格的排版有一个非常重要的特点就是留白。经常看这类文章的胖友应该可以发现,这类型排版的两侧边距留白是非常多的,而且在文章篇幅比较短的情况下,比如一些诗歌类的文章,经常就是上一行文字和下一行文字直接空行,增大文章的呼吸感。


grey.gif


在优化后的排版中,三儿就是采用了大段留白的方式,来凸显清新风格排版的这一重要特征。


 3、注重文字/配图的统一性 


文字要做到整齐统一,需要在字号、字色、对齐方式上下功夫,比如这篇文章的调性属于情感软文风格的,偏向浅层次的阅读,那么在字色上三儿就用了比一般的资讯、技巧类文章更浅的字色#7f7f7f,这样处理的易读性高,视觉体验也会更好。


配图上的统一,指的是图片的色调、形状、风格上的统一,做到这几个方面的统一,才能打造一个整齐干净的版面。


 4、样式/配色参考 


grey.gif

你是四月的云烟

黄昏吹着风的软

星子在无意中闪

细雨点洒在花前


☝图文样式id:94836





你一直在练习微笑,倒不是说变成了自己讨厌的人,而是在世故中变得沉稳,总不能累了就放弃痛了就喊疼。相信别人不如依赖自己,他人报以伤害,时光会给你温暖。by张皓宸



☝正文样式id:96408



grey.gif

☝分割线样式id:90557




grey.gif

☝分割线样式id:98107




MON

01

☝小标题样式id:93086



grey.gif
grey.gif
A ROSY LIFE

☝图片样式id:96142



grey.gif


grey.gif


微信号:135editor
新浪微博:@135编辑器
-扫码关注我们-

☝二维码样式id:98100



主要配色:


grey.gif



grey.gif



以上就是本期的全部内容啦

你也想和三儿一起交流排版吗?

那就赶快来进行投稿吧!


>>>戳我查看如何投稿


三儿在这里等你哦~



福利时刻-免费领取7天135编辑器VIP会员】


点击https://www.135editor.com/users/invite/ddb12a17ce400c35fe041d275a578351,注册135编辑器,即可获得7天VIP会员



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