2020-10-12 09:05:04
0
编辑:享学小编
2020-10-12 09:05:04
0
编辑:享学小编
今天来继续说说在文本排版中的一些个人心得,上一篇文本排版浅谈一中介绍了文本排版中的一些属性设置和排版规则,现在就根据这些属性和规则,来对文本的排版做一下更深入的说明。
1.1 排版单元说明
在常用的排版中,会遇到许多基于标题和正文的组合,那就需要一个通用的格式来表达这种组合关系。
下图中标题、正文内容的区别可以通过文字大小、颜色等方式进行内容区分,保持标题和正文的间距,从视觉距离上区分标题和正文。
1.2 排版单元多形态
1.1 中的基础排版单元不能够满足我们在日常中的使用,这里补充了常用的三种排版单元的延伸方式
A:第一种是排版单元基础上,添加了图片的使用。图片根据实际使用场景,进行图片大小、形状的选择,总体上实现左右的结构;
B:第二种是A类的变形,这里限制了图片的大小,将图片和标题构成一个小整体,和正文形成上下结构,这里只是提及,后面文字不做示例说明;
C:第三种主要处理我们在列举、并列场景的使用,左侧使用数字序号或者其他序号标识来实现列举过程中的顺序标记。
在下文列举中的常用示例中,会看到基于这些排版使用的场景
顾名思义,横方向排版主体指文本的排列方向为横向,这里介绍几种我们在日常文本排版中使用的场景,在这些示例中会看到大量基于排版单元的使用。
在部分示例之中,会有相关的参考线说明。之所以在示例中标注,只是为了能够更好的看出元素在整体页面中的平面位置信息,建立起元素在排版过程中如何放置的概念,更是为了以后的文章挖坑。
2.1 内容模块过渡页
在开始一个新的内容模块的时候,需要这个模块过度页面进行前后内容模块的过渡。通过这个页面标题下方的简要概述,了解这个内容模块的论述说明方向。
A:以A类排版单元为基础的模块过渡页
左侧使用图标,右侧为标题和精简的正文表述
B:以C类排版单元为基础的模块过渡页
不同于2.1-A中左侧使用的是图片(图标),这里使用序号进行内容模块的顺序标记,这样能够向观众展示叙述的模块进度。
2.2 图文说明
图片和文字构成的页面,我们通过图片和文本的结构排列,突出页面中的重要信息。
A:左图右文
A类排版单元使用,作为图文页面中常用的一类,图片和文本内容形成左右结构:左侧图片进行视觉展示,右侧文字进行详细说明。左图右文,强化图片展示
B:左文右图
A类排版单元使用,图文页面中常用的一类,文本内容和图片形成左右结构:左侧进行文字说明,右侧进行图片展示,这样的左文右图的目的主要是强化文字说明。
2.3 并列项-基于排版单元说明
这里的并列项是基于排版单元,即独立的并列内容包括标题和正文概述。使用这种并列项的好处,通过精简的正文概述让人对于即将展开的内容有个初步的理解。
2.4 叙述性文本排版
在我们在一个页面中需要使用大量的文字去论述一个事实、观点时,需要对这个多文字的段落进行合理划分。
在处理这类大段叙述性文字怎么进行划分,这里参考上一篇文字幻灯片中文本排版之浅谈一,按照文字中提及到几个规则,让叙述性文本表达更加合理。下面是几种针对不同场景的排版说明:
2.4.1 居中+左对齐排版一
标题、二级标题/修饰说明呈居中对齐方式、正文部分左对齐方式。在这里解释一下什么叫二级标题/修饰说明:需要对标题进行细化说明或者完全独立于标题作为修饰性文字(图像),这时候可以添加这一个模块。
下面这个示例中的二级标题/修饰说明,为图像+文字的形式。合理控制其大小,如果使用文本内容通常情况下其文字字号比正文内容要小;如果使用图像的话,其高度和标题设置的高度接近即可。
2.4.2 居中+左对齐排版二
标题呈居中对齐方式、正文部分左对齐方式,这里的排版相比较2.5.1中,少了二级标题/修饰说明,其整体排版规则要求和2.5.1中相同。
2.4.3 居中+左对齐排版三
标题呈居中对齐方式、正文部分左对齐方式,这里的二级标题/修饰说明,位于标题的右侧区域。和2.4.1不同的是,这里的标题和正文整体呈现下-上结构
2.4.4 左对齐排版
标题、二级标题/修饰说明、正文部分左对齐方式。选择这种左对齐的排版时,会让整个版面向左失衡,如下图的实例:
为了解决这种页面版块失衡,在文本右侧增加图片形成左右平衡的图文结构。这里的图片可以选用图片的一部分作为平衡版面。
2.5 多行分隔文本排版
在上一篇关于文本排版的文章中提及,对于多行分隔段落的文字(即每一行单独成语义,如诗词),我们在整个页面排版时使用居中对齐的排版方式。
下面介绍两种这类场景的排版:
A 上中下结构:上 标题、中 二级标题/修饰说明、下 正文
B 上中下结构:中 标题、下 二级标题/修饰说明、上 正文
C 上下结构:上 正文、下 标题 + 二级标题/修饰说明
2.6 并列性文本排版
2.3介绍了基于排版单元的并列项排版,在这里再说说一般并列性文本的排版,并列性文本和2.5多行分隔文本相似,都是文本分隔、各成语义。那么根据这种文本分隔的属性,列举了下面几种使用场景。
A 标题居中对齐,并列项左对齐依次列举
这种方式我们在并列项排版使用最多,使用数字序号标记并列项
B 标题居中对齐,并列项上下居中依次列举
C 标题、并列项左对齐,右侧图片
使用图片的目的是保证文本和图片的版面平衡
不同于横向排版,纵向排版使用场景较少。之所以介绍纵向排版,因为有横必有竖嘛。
纵向排版用于标题。标题、正文如果使用横向排版,因其页面高度有限,如果正文行数较多,会使得其高度范围内比较拥挤,如下图:
而同时,纵向排版因页面宽度较大,不会产生拥挤感,将标题纵向排列不失为一个好的选择,如下图:
3.1 几种场景说明
3.2 并列关系场景说明
3.3 标题+正文纵向排版
3.4 图文纵向场景
看来这一篇放不下了
那么未完待续,下一篇文字继续
文章来源:https://zhuanlan.zhihu.com/p/28482925
3
学到了,666!3
一脸懵逼3
看傻了,神仙操作