排版小知识(一)

2018-08-05  本文已影响218人  梦夕梦

主要注意的点:文字,留白,图片,引导

正文排版包括三部分:

文字:字号,颜色,标点符号,排版规范

留白:字间距离,行间距离,段间距,页边距

配图:封面图,配图,GIF

文字

字号:

标题:16px~18px

正文:14px-16px

标注:12px-14px

颜色:除了图片,正文全部颜色不要超过三种,不要选择饱和度太高的颜色

主题色:一种颜色作为主题色,可以用在标题,重点内容,二维码,头像,顶部和底部的引导。

正文颜色:不建议用纯黑色(#000000),手机端会比较刺眼,灰色会温和一点,常用的有#595959 #3f3f3f

标注色,用作引用内容,注释,声明等。常用颜色有:#888888,#a5a5a5

对齐:左对齐,居中

左对齐不需要缩进,用空行作段落间的区分

两端对齐:英文排版众比较漂亮

居中:

居中型排版

一句话一行

视觉在中央

所以呢

每行不要多

不同的对齐方式不要混淆在一起,否则会打破整体上的视觉统一

标点符号

标点符号:中文标点符号应全部使用全角符号,

引号:推荐使用直角引号『』。表示讽刺,反讽暗示,强调语气,任务对话时,使用“”,相比弯角引号,直角引号在汉字排版中更为优雅和美观。

省略号:千万不要用。。。。。。和...  中文省略号『......』用shift+6打出来  ……

破折号:在中文输入法下,用shift +  -  打出来即 ——

项目符号

有序列表:

1.数字列表是最常见的有序列表。

2.数字之外还有英文,罗马序列等。

3.数字后面加的是圆点而不是顿号。

无序列表:

●小黑点是最常用的。

■小方块跟中文搭配也很优美。

○小圆圈多用于注释内容。

另外要注意,列表中每句话之后要加句号。

三角符

▼倒三角经常单独居中成行,用于分隔两部分内容,引出下文。

▲正三角经常居中放在照片下方,注释内容前面,其指示作用。

分隔符号

分隔线也是最常用的一种,各种编辑器中都有不同样式的分隔线,除了用在文中,也可以用在文末。

进度符

第一部分

☀☀☀

第二部分

☀☀☀

第三部分

☀☀☀

第四部分

☀☀☀

排版规范

强调,通过设计在视觉上凹显出来  变色,加粗,变斜,加底线。

下划线:用于超链接,不要用于其他。

斜体:用于英文,不要用于中文,中文斜体后失去了中文字形原来的结构和美感。

加粗:最理想,最通用的做法。还可以改变字号或者改变颜色。

引用

开头的摘要、别人的资料、人物的对话、重点语句,都可以使用引用功能。

▲引用功能

引用的内容要独立成段,如果来自别处,记得加上引用说明,引用格式中的句子,推荐使用标注色,即#a5a5a5 或者#888888

中中英文混排

中英文之间加空格

中文与数字之间加空格、

中文夹杂英文单词使用全角标点 :我喜欢的英文名言是『Each man is the architect of his own fate.』

留白

文字是排版设计中的【黑】,而设计【白】的部分,也非常重要。

字间距、行间距、段间距、页边距等,这些是【白】的部分。就像阴阳一样,黑白得当,才有了和谐的美感,给阅读留下了呼吸的空间。

字间距:0.5-1.5

行间距:行间距一般为字号的1.5倍左右。14px-16px  推荐1.5或者1.75

段间距:一般用回车空行代替,手动设置1.5

段间距

四挡:空三回车、空两回车、空一回车、与不换行回车

空三回车:用在小节与小节结束的时候。

空两回车:用在二级标题下的分离。

空一回车:用在段落与段落之间,内容相较接近。

换行不空,用在两段文字讲述的一个内容,只是在阅读时需要稍作停顿的情况。

段落长度

正文段落的长度,是影响留白很大的元素。

段落长,留白少。

段落短,留白多。

都是长段落,黑压压的一片,让人呼吸不过来;一连串的短段落,打断排版的连续性;中等长度段落,缺乏节奏。

长、中、短段落结合,能让读者在大段的文字中迅速找到落脚点。

上一篇 下一篇

猜你喜欢

热点阅读