之前经常有商户朋友时不时地把写好的图文发给我们,让我们提提优化的建议,或是内容风格上的,或是定位上的,或是排版上的。
既然大家都愿意在内容上花费工夫了,并且主动问我们,兜兜不才,我们就腆着脸认为,这是某种认可,起码是觉得我们是值得信任的。今天咱就先从基础的排版细节来和大家聊一聊这事儿,共分为六个版块,希望大家在工作或者学习中有更加专业的排版素养。
排版基础教程目录:
1、字体大小选择
2、字体颜色选择
3、段落设置
4、标点符号使用建议
5、文章配图建议
6、编辑工具的使用
一.字体大小选择
在字体大小的选择上,太大显得呆板不精致,太小容易看不清,同时如果文章里含有多种大小的字体,则会显得文章过于杂乱,喧宾夺主。比如举个例子:
(上图文章中出现多种大小字体的排版,看上去不舒服)
(文章中只有两种大小的字体,主体内容统一字体大小,注释内容为更小的字体)
所以关于字体的使用上,有以下三点原则:
· 文章中不要出现超过2种大小的字体
· 如果是偏文艺小清新类内容的定位,建议用14号字体,注释字体用12号
· 偏干货类新闻类定位,建议用16号字体,注释字体用14号
二.字体颜色选择
没有什么特别的原因,字体在颜色的选择上,也可以放弃纯黑色,采用黑灰的中间色调,看起来更舒服,这里推荐文章中的字体颜色仅出现3种:
·第一种字体颜色:主体内容的字体,采用色值为#595959的颜色(本句话的颜色)
·第二种字体颜色:注释内容的字体,采用色值为#888888的颜色(本句话的颜色)
·第三种字体颜色:重点内容的字体,采用色值为#c0504d的颜色(本句话的颜色)
(可以直接在文章编辑中的字体颜色中输入色值)
(按照上述字体颜色选择的案例)
上图中即为按照上述字体颜色选择上的例子,但是其中有一点,就是重点呈现的
大家可以设定符合各自品牌定位的颜色,并在所有文章中多数统一,这也是给用户建立品牌印象的手段之一。但如果你要实在想展现色色的真我,请记住以下三点:
·别用饱和度那么高的颜色
·不用刺激眼睛的颜色
·这样容易显得很low很廉价
(比较扎眼的配色,会耗费识别的精力,啊……我的眼睛……我的眼睛)
(推荐用同色系的颜色,且为平淡的中间色调)
三.段落设置
如果是大段文字,段落间应空一行,因为手机屏幕太小,文章默认的行距更小,字离太近看着容易累。行与行之间,就像恋人一样需要空间,不然会喘不过气来。
我们使用的是1.75的行距,配合14号、黑灰颜色的字体,如果字体相对大一点的话,那么行距可以适当缩小。
段首不必缩进,即不用空两格,这也是因为手机屏幕小,一行能放的字有限,空两格的话很不经济,而且显得相当不整齐,会呈现出一种「狗啃出来」的效果。
四.标点符号使用建议
引号建议使用直角引号。
示例:你竟然喜欢「苹果表」?
引号中再用引号使用双直角引号。
示例:我问道,「你竟然喜欢『苹果表』?」
省略号占两个汉字空间,包含六个点。
正确示例:中国设计还有太长路要走……
错误示例:中国设计还有太长路要走…
顿号、逗号、句号、结束引号、结束括号等,不能出现在一行的开头
错误示例:
排版时注意某些,符号不能在行首,别弄错了。
正确示例:
排版时注意某些,符号不能在行首,别弄错了。
开始引号、开始括号、开始双书名号等,不能出现在一行的结尾。
错误示例:
她对我们说:「
这书太赞了。」
正确示例:
她对我们说:
「这书太赞了。」
中英文之间需要加空格。
示例:iOS 是个不错的操作系统。
五.文章配图建议
文章中的配图,如果是从网上找的配图,往往尺寸不一,如果直接放到文章中,会出现很杂乱的感觉,所以,无论是GIF动图还是普通图片,图片尺寸尽量统一。
尺寸设置很简单,这里就拿GIF动图举例,先将图片放到PS中(运营伙伴还是要安装一下的),点击「图像大小」,将图片的像素宽度调整为640即可,这样可以保证文章呈现的配图整齐划一。
(将图片的宽度调整为640)
额外的操心一句,如果不是类似微博长图的硬内容,和额外的需求,普通配图的高度不要过高,至少不能超过一个屏幕,否则会看起来很傻。
六.编辑工具的使用
相信大家在排版时都会使用编辑工具,比如i 排版编辑器或者秀米等,无论使用哪一种,在选择标题模板或者卡片时,除了是天生很好的色彩感或者经过专业训练,那就不要随心随意地使用,尽量选择干净简洁的,保持整体的舒适,不要贪图一时的酷炫使得排版变得异常扎眼。