“你的排版,好土啊……”

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

你问我答小课堂又开课了

最近有很多胖友来问三儿

“为什么我用了样式排版,版面看起来还是很乱,一点都不高级呢?”

你就说,你是不是也有这种困扰?

这种情况往往就是忽略了排版的协调、统一性,接下来三儿将从文字、图片、间距三个方面,来给大家介绍下如何提升排版的质感,增加版面的高级感!

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元

三天为你打通排版的任督二脉

赶快扫码参加吧!

👇👇👇

责任编辑:

Thenews.cc