
第1章
掌握最初的字体设计法则
1.1 字体设计首先需遵循简洁法则
将文字的结构稍加变化,或以一定的方式进行编排设计,就能获得简洁、清晰的文字版面。
文字在我们的生活中无处不在,并且文字作为设计作品中重要的视觉传播语言,在设计中占据着举足轻重的地位。因而在进行字体设计时,应首先考虑将文字以简洁的姿态编排于版面中,使文字具有较高的辨识度。
通过把握文字结构、逻辑关系等因素,并结合点、线和面等设计理念,使版面中的文字清晰可见,让读者能够较为畅快的进行阅读。如右图所示,从字号上看,版面中的标题与正文对比明确,容易区分,并且文字选用了较为简洁的字体结构,整个文字编排遵从了简洁法则。
法则1 改变笔画结构设置简洁字体
在进行字体设计时,通过将字体的笔画结构以简化、归纳的手法进行处理,能打造出具有简洁性的文字效果。具备简洁结构的文字元素能使版面具有明确、明朗的视觉效果,赋予文字最基本的可读性与易读性,留给读者以较为直观的视觉印象。

① 简化笔画

② 加粗黑体字
图片解析
① 通过将文字原有的笔画进行简化处理,使文字具有较高的辨识度,给人一目了然的视觉印象。
② 加粗的字体笔画,使得文字结构饱满,并选用黑色作为文字的色彩配置,使之与白色的背景产生强烈的对比,给读者以强烈的视觉冲击力。
法则2 结合点、线、面打造优美的字体
在现实生活中,点、线、面是视觉空间最基本的构成形态,也是造型艺术语言的基本构成元素。可以将具有点、线、面形态特征的元素作为设计的基本构成元素,用其来组成一种新的字体形态,赋予版面较强的视觉感染力。
1.点
通过将点元素在版面中进行设计编排,使其形成一个具有辨识度的字体形态,是一种较为常见的字体设计手法。这里的点元素可以是相同的,也可以是不同的,相同的构成元素能使字体整体性强,不同的构成元素能使字体具有丰富多变的视觉效果。

① 米粒字体

② 左右均齐
图片解析
① 该设计运用米粒作为点元素,组合编排为一个“D”形的字母,给人一种规整的美感。
② 版面中的说明文字采用了左右均齐的排列方式,加强了版面的规整感,使整个版面看起来严谨、大气。
2.线
所谓线,从几何学的角度来说,其实就是由无数的点所构成的集合。根据线的形态特征,又可以将其分为多种类别,其中直线与曲线是最为常见的线形形态。由直线所构成的文字字体通常给人以棱角分明之感和纤细的美感,具有较为清晰的识别度。

① 线形文字

② 直线装饰
图片解析
① 该版面中的文字字体基本采用直线构成,从视觉上给以人明朗、硬挺之感。
② 在文字周边巧妙地排放了两条直线元素,不仅加强了文字的线性感,也使整个版面富有较强的艺术感。
版面中文字的笔画结构由曲线形态的线条构成,使读者的视线随着曲线的流动方向进行移动,这样形态的文字字体,不仅能够延长读者视线在版面中的停留时间,还能给读者以轻松、优雅的视觉感受,赋予版面一定的艺术美感。

① 曲线文字

② 彩色文字
图片解析
① 版面中主体文字由富有活力的曲线构成,打造出笔画简洁并充满活力的画面效果,增强了作品的视觉表现力。
② 文字选用了五彩斑斓的色彩进行配置,配以幽暗的夜空作为背景,赋予版面浪漫的情感,增加了版面的视觉吸引力。
3.面
“点成线、线成面”是最基本的几何学知识,将点放大或将线重复密集地进行排放,都能产生面的视觉效果。在进行字体设计时,将面形视觉元素作为字体的基本构成元素,所组合而成的字体能给人以结实、明确的视觉印象。

① 抽象文字

② 不同的文字色彩
图片解析
① 由面形态的图形元素所构成的文字字体,给人以抽象、简洁的美感。
② 运用不同的色彩,大致划分出了文字的笔画结构,提高了文字的辨识度。
法则3 把握字体间的逻辑关系
版面中文字间的逻辑关系会直接影响读者的阅读效率,具备明确、简洁逻辑关系的文字版面能有效地引导读者进行有序阅读。文字间的逻辑关系可分为两个方面,一是视觉流程上的编排,二是文字间的主次关系。
通过视觉流程的编排,使文字具有视觉上的逻辑移动顺序,是平面设计中较为常见的文字逻辑编排方式,其意义在于引导读者进行流畅的文字阅读。

① 竖向流程

② 文字居中对齐
图片解析
① 通过图形元素与文字元素的摆放,使版面呈现出一种较为简洁的竖向视觉流程导向,让读者快速、顺畅地接收版面中的文字信息。
② 文字采用居中对齐的排列方式置于版面中,能够使读者的视线得以集中。
当版面中的文字内容较多时,可以通过调节文字之间的主次关系,使其达到简洁、明了的视觉效果,从而让读者按一定的先后秩序阅读版面中的文字内容,提高文字的传播效率。

① 主次明确

② 线形文字
图片解析
① 版面中的标题、引文,以及正文中的几个文字版块,从文字的字体、字号及色彩的设置上得以划分,形成主次明确的文字版面。
② 标题文字选用了简洁的线性结构,具有较高的识别度。