美文网首页
排版小知识(一)

排版小知识(一)

作者: 梦夕梦 | 来源:发表于2018-08-05 19:02 被阅读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

段间距

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

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

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

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

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

段落长度

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

段落长,留白少。

段落短,留白多。

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

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

相关文章

  • 排版小知识(一)

    主要注意的点:文字,留白,图片,引导 正文排版包括三部分: 文字:字号,颜色,标点符号,排版规范留白:字间距离,行...

  • 公众号排版小知识

    ​公众号排版整理它来啦! 话不多说,直接上干货。 1.风格 风格是你公众号内容的衣服。就像每个人有每个人的穿搭风格...

  • 排版知识

    10.16https://brushes8.com/category/photoshop-brushes/page...

  • 公众号排版的小知识

    今天6月26日,天气晴,心情还可以。我们昨天学习了公众号如何更好的排版,从而吸引更多人观看。 我们都知道一篇文章为...

  • web前端设计排版小知识

    web设计排版多种多样,如何更好的排版、设计出更符合美学的设计了?设计该如何更好的做好网页设计的布局排版了,今天给...

  • 2019年公众号排版必备的互动样式全汇总,超燃!

    2019年公众号排版必备的互动样式全汇总,超燃! 身为一名新媒体小编,除了要学习一些基础的排版知识之外,还需要掌握...

  • PPT排版指南

    PPT排版指南 只有平面排版,并不存在PPT排版。所以,这些排版知识完全可以用在任何排版地方,不管你是H5制作还是...

  • 同人书院美术部手抄报短期课程

    第一节课,了解手抄报三大结构(文字,配图、排版)六个知识点(大标题,小标题,内容,主题大图,装饰小图,排版框架图)...

  • 96编辑器

    [if !supportLists]1.[endif]技能:最重要的当然是排版技能,前期对排版的知识一无所知。其实...

  • review javascript 01:javascript基

    (1)知识点 (1.1)浏览器包含2个引擎:【内容排版引擎】和【javascript解释引擎】 (1.2)内容排版...

网友评论

      本文标题:排版小知识(一)

      本文链接:https://www.haomeiwen.com/subject/lttivftx.html