Skip to content

文本对齐方式

左对齐:符合现代人从左至右阅读习惯,每行阅读起点在同一条直线上,方便用户快速定位,从而保证良好阅读体验。

右对齐:使用频率低,阅读起点参次不齐,不利于快速阅读。

两端对齐:造型方正整齐,适合中文正文密排。

居中对齐:轴对称,更容易获取用户注意力,常用在标题。

文字排版造形

image

线条可以修正不齐排版

image

注意问题1:模棱两可,暧昧不清,视觉关系不清楚。如下图第二段,未对齐又没有明显的缩进,是坏设计。要么完全对齐,要么给予明显缩进,交代清楚视觉关系。

image

注意问题2:视觉对齐才是真正的对齐。

字距、行距、行长

间距代表亲密关系。

小字距:局促,快速

大字距:停顿,缓慢,优雅,文艺

行长:行长越长行距越大,行长太长建议分栏。比如:48字行长,1.5倍行距;两栏21字行长,1.5倍行距。

注意问题:间距过大造形松散,可以添加其它元素,比如线填补间距。

中文密排

正文推荐使用中文密排(字间距为0,横竖对齐)。

密排注意事项:

标点符号使用:国标GB/T15834-2011 标点符号使用法。

image

标点连用,将占两格标签挤压到一个。

中英文数字混排,注意英文被当作中文,单词整体换行,导致同行字距自动变宽。单作英文时,会给单词加上连字符,避免影响字距。

文本框宽度为字号的整数倍,避免产生额外的字距。

孤字不成行,孤行不成页。通过设计或修改内容避免。

标题文字组排版

将文字组排布成几何图形(矩形、梯形、三角形、菱形、六边形、直线形等)。另外可以使用线、点等图形填充图形空缺的部分。

文字组间对比,创造视觉入口、用以强调和营造层次感。包括:

字重对比。

大小对比,以小衬大,以大衬小,形成层次感。比如大中文Logo和细小英文搭配。

方向对比,横向文字,纵向文字,其它角度。

颜色对比。

质感对比。

综合对比。

注意避免“暧昧”,交代清楚对比关系。

字号倍率

避免:字号太多;字号之间没有规律。

倍率系统:

等比数列,从等比字号中选取需要字号,不必连续,比如6、8、12、24pt。变化小,最大最小字体没有太大差距,适用书籍、杂志等。

等差数列:变化大,比如10、20、40、80、160pt。适用海报、广告等。

要有建立系统规划的意识。

字体搭配

一,了解字体类型。

形式感过强的字体不适合正文,适合标题。

普通字重更适合正文。

二,了解字体的由来。

Trajan字体原型来自于罗马皇帝图拉真纪念柱的碑文,由古罗马工匠为纪念皇帝的丰功伟绩而设计的字体,因此,给人古典、宏大、史诗的感觉。被用于《泰坦尼克号》海报、《指环王》海报,芝加哥大学LOGO,宝格丽LOGO。

华为鸿蒙字体,汉仪字库团队设计,为配合华为鸿蒙系统而开发,覆盖全球105种语言,解决易读性、独特性和通用性。优化中、英文等多语言混排。

Furura字体,阿波罗号登月纪念牌字体,字体几何感明确,有未来感。

image

三,字体搭配方向

统一性:

  • 衬线字体搭配衬线字体,非衬线搭配非衬线。
  • 字体与画面风格的统一。

差异性:

  • 差异越大,越搭配。比如现代感非衬线字体+古代优雅衬线字体,粗黑字体+细长字体。