如何提升公众号文章质感?公众号排版技巧分享
学习如何通过文字协调性、图片统一和间距设置来优化你的排版,让内容显得更高端大气。掌握正文字号、字体颜色选择、图片尺寸一致性和间距调整的艺术,快速提升你的文章质感,摆脱「土味」,吸引更多读者。立即获取实用的排版技巧和工具推荐,让你的新媒体内容更具吸引力。
朋友们大家好,我是三儿。
有不少朋友常在后台问我,为啥自己排版总感觉不够高端、大气、上档次总是有一股说不出的「土味」
排版总是有散不掉的「土味」,其实是因为你忽略掉了排版的协调、统一性。
“三儿,你这说得让我有些云里雾里,这是新媒体行业黑话吗?能够再简单直观一点吗?”
没问题,接下来三儿将从文字、图片、间距三个方面,为大家介绍如何摆脱「土味」提升高级感,增加排版质感。
关于文字协调性
文字协调性主要是从正文字号、字体颜色、字体三种合理使用完成的。
字号
通常三儿建议大家将正文字号设置为14px或15px,正文字号过大,会显得版面臃肿且用户读取信息数据有限,一般只有重点内容才会选择特大字体进行标注。
14px:适合文艺类、情感类账号
15px:万金油字号
16px:字体偏大(领导可能喜欢的字号)
而标题字号,通常要比正文字号大两个字号,这样才能达到区分版面,以及划分主次的效果,所以三儿建议大家这样设置自己的字号↓
标题:16px、18px、20px
正文:14px、16px
注释:14px、14px
*注意:一般来说,标题、正文、注释应当由层级大小区分,不过最终解释权在领导&甲方手中。
颜色
通常来说一篇文章字体颜色,最好不要超过三种,背景颜色也不适合选用饱和度过高的色彩,倘若你这样设置,文章会显得花哨且没有重点,影响用户的阅读体验。
而且颜色的选择最好采用相近或搭配协调的颜色,避免闪瞎用户的眼。
正文内容的黑色字体可选用的字体颜色
#5a5a5a、#3f3f3f、#7f7f7f、#2f2f2f
注释文字字体颜色选用
#a5a5a5
若是你不知道什么样的颜色好看、或是怎么获取某个颜色的相近色,三儿给大家推荐两个好用的网站。
中国色:
https://www.zhongguose.com/
color scheme
https://www.wauu.net/tools/ps/
字体
由于字体最后实际体验是根据用户设置相关(在图文排版中)所以设置什么字体其实影响并不大,但若你把内容转化为图片,那么建议整篇内容不要设置多个字体,影响文章美观。
关于图片协调统一
在基础图文排版中,好的图片排版能在视觉上辅佐文字,帮助用户理解文章内容,使整个内容变得更立体、真实、可靠。
在基础图文排版中,不少用户的图片排版尺寸大相径庭,没能实现图片尺寸的统一,在135编辑器可以通过图片「裁剪」,实现图片尺寸的一致性。
建议大家使用横图(16:9或4:3)的比例,或者全文配图尺寸统一比例,尽量避免横竖图混用。
更多图片高级操作,如调色、背景虚化等内容大家可以使用比格设计、ps或是直接恳求设计小姐姐制作符合你要求的图片素材。
设置适当的间距
间距的设置,其实和大多艺术作品创作中留白是一个道理。我们需要设置恰到好处的间距,为读者留有想象的空间,很自然地引导读者把目光引向主体,能够凸显版面的高级感!
字间距
字间距设置妥当,能让文章阅读富有节奏、呼吸感↓
1.5px:这是1.5px,正常间距
2px:这是2px,字与字有呼吸的感觉
2.5px:这是2.5px,字间距稍大
通俗来说,一般大字号需要减少字间距,小字号需要增加字间距。
行间距
句子与句子之间的距离,就是行间距。
三儿一般建议设置为1.5px、1.75px或2px
选择段落文字,点击菜单栏上方『行间距』按钮,选择数值设置,即可调整行间距。
页间距
页边距主要是调整文章两侧文字到页面的距离,在135编辑器顶部选择「两侧边距」,选择数值进行调整。
页边距设置的宽一些,让页面两边的留白多一些,阅读体验就会增强不少。
建议两端缩进尺寸为10,本篇文章两侧边距就是10哦。情感、诗歌、散文类的公众号,两侧边距还可以再大一点,但最好不要超过20。
以上就是今天推文的全部内容
大家还有什么想学想看的
记得在评论区留言
![](http://static.135editor.com/img/grey.gif)
立即登录
![](https://bdn.135editor.com/files/202108/images/83ed8ebdef793d0854bae4d3d39c4576.png)
![](https://bcn.135editor.com/files/20240808/images/bige_sheji_logo.png)
![](https://bcn.135editor.com/files/20240808/images/bige_ppt_logo.png)
![](https://bdn.135editor.com/files/202108/images/512f0cad-2a6d-4e17-9bae-d7897b4317ad.png)