原标题:“你的排版,好土啊……”

你问我答小课堂又开课了
最近有很多胖友来问三儿
“为什么我用了样式排版,版面看起来还是很乱,一点都不高级呢?”
你就说,你是不是也有这种困扰?
这种情况往往就是忽略了排版的协调、统一性,接下来三儿将从文字、图片、间距三个方面,来给大家介绍下如何提升排版的质感,增加版面的高级感!
0 1
注意文字协调性
文字的协调性主要指正文字号、颜色、字体三者的合理使用。
字 号
建议设置为14px或15px,过大字号没有美感,过小字号易疲劳。不同字号,也有不同的用处。
14px:适合文艺类、情感类等号
15px:中规中矩,不会出错的字号
16px:字体偏大,视觉上不够精致
而且一般情况下,标题都要比正文大两个字号。既能区分版面,也能够划分主次。三儿建议↓
标题:16px、18px、20px;
正文:14px、16px
注释:12px、14px
一般来说,标题、正文、注释应有层级大小区分。
颜 色
一篇文章的颜色最好不要超过三种,过于花哨没有重点!颜色太多页面会混乱,影响阅读体验。
最好采用相近或者搭配协调的颜色,避免辣眼睛。所以三儿这里建议↓
正文内容的黑色字体颜色使用:
#5a5a5a、#3f3f3f、#7f7f7f、#2f2f2f
备注性的文字字体颜色使用:
#a5a5a5
更多颜色搭配指南,上次三儿讲得很详细,胖友们可以点这篇文章查看👉《2021了,我想给你点颜色瞧瞧!》
字 体
字体一般默认为微软雅黑或者苹方简细体,全文使用一种字体即可。一篇文章千万不要混用多种字体,影响文章美观。
02
注意图片协调统一
图片在排版中,占有很大的比重,视觉冲击力比文字强 85 %。也有这样一说,一幅图版胜于千字。但这并非语言或文字表现力减弱了,而是说图片在视觉传达上能辅助文字,帮助理解,更可以使版面立体、真实。
那么排版的时候如何让图片更加协调呢?那就是尺寸一致!我们可以通过图片编辑器,统一裁剪图片尺寸比例。
1、首先选中图片,在弹出的菜单栏中点击『编辑美化』按钮。

2、选择裁切工具,按照比例来裁切图片,点击『完成编辑』即可。

这样就可以将不同尺寸的图片,裁剪成同一比例尺寸的图片,整体上就会更加协调了!
建议使用横图(16:9 和 4:3),不建议使用竖图,或全文配图统一尺寸比例,尽量避免横竖图混用。
更多的高级操作,像调色、去水印、背景虚化这些,胖友们也可以通过ps来操作!(要讲ps的话,知识点就太多了!)
如果找不到好用的配图的话,三儿今天给大家推荐几个免费的可商用的图片网站。
▶https://visualhunt.com
▶https://www.pexels.com
▶http://pixabay.com
0 3
设置合适的间距
设置间距,其实和中国艺术作品创作中留白是一个道理。我们需要设置恰到好处的间距,为读者留有想象的空间,很自然地引导读者把目光引向主体,更能凸显版面的高级感!
字间距
在实际排版当中,如果字与字之间的间距设置得稍微宽松一点,那么阅读体验也会增加不少。
建议设置为1.5px或2px ↓
1.5px:这是1.5px,间距正常。
2px:这是2px,字与字之间有呼吸感。
2.5:这是2.5px,字间距稍大。
总的来说,建议大号文字要减少字距,小号文字需要增加字距。
行间距
句子与句子之间的距离,就是行间距。三儿一般建议设置为1.5px、1.75px或2px。
行间距』按钮,选择数值设置,即可调整行间距。

页边距
页边距我们可以(ctrl+a)全选文章,点击135编辑器菜单栏上方『 两侧边距』,选择数值来调节。

页边距设置的宽一些,让页面两边的留白多一些,阅读体验就会增强不少。
建议两端缩进尺寸为10,三儿这篇文章两侧边距就是10哦。情感、诗歌、散文类的公众号,两侧边距可以再大一点,但最好不要超过20。
以上就是今天的全部内容了
今天三儿讲的全是排版干货
觉得很干的记得点个在看呀~
胖友们是不是还没听够
想再学习点新知识
没问题,135学院排版小课
现在只要9.9元
三天为你打通排版的任督二脉
赶快扫码参加吧!
责任编辑: