版式设计从入门到精通(第2版)
上QQ阅读APP看书,第一时间看更新

2.2 利用线元素表现不同的版面内容

在几何学定义中,线是点在移动中留下的轨迹。它是由运动产生的,是对点静止状态的破坏,因此由“线”构成的视觉元素显得更丰富,形式更为多样。“线”在版面中的构成形式比较复杂,分为实线、虚线及肉眼无法看见的视觉流动线,其中最常见的形态是实线。

2.2.1 了解“线”的形态

“线”是由无数个“点”构成的,是“点”的发展和延伸,其表现形式多样。同样是版面空间的构成元素,“点”只是一个独立体,而“线”则能将这些独立体统一起来,将“点”的效果延伸。

在该宣传画册版面中,右侧页面的每张产品图片都可以看作是一个“点”,而整个页面中将多个点连接成一条折线,使版面显得活跃、有动感。

在版式设计中,文字构成的“线”可以理解为“点”(单个文字)的流动形成的,它占据画面的主要位置。好的文字编排可完成形式与意义的融合,产生艺术美感。

每个单个文字都可以看作“点”,多个文字连接成“线”,向上倾斜的“线”带来动感的效果。

文字构成“线”,沿人物轮廓排列,构成自由曲线的效果,使版面表现出艺术美感。

在版式设计中,“线”的表现形式主要有水平线、垂直线、斜线、折线、细线、粗线、几何曲线和自由曲线等形式。

2.2.2 “线”在版面中的作用

作为视觉元素,“线”在设计中的影响力大于“点”,它要求在视觉上占有更大的空间。在版式设计中,“线”可以构成各种装饰要素,起到形成轮廓、界定位置、分割版面的作用。

在该宣传画册版面中,以文字内容为主,使用不同颜色和粗细的线条对内容进行划分,从而使文字内容更加有条理,更加清晰、易读。

1 用“线”分割版面空间

版式设计中可以用“线”对版面中的内容进行有效分割。当分割时,不能忽略各种元素之间的联系,要根据具体内容来划分空间的主次关系、呼应关系和形式关系,使版面具有良好的视觉秩序感。常用的分割方式有以下几种。

(1)将多个相同或相似的形态进行空间等量分割,形成富有秩序感的效果。

在该网页版面中,主体内容划分为多个大小相等的空间,从而使各部分的内容清晰,整个版面富有秩序感。

(2)运用直线对图文空间进行分割,得到条理清晰、整体统一的版面效果。

在该画册版面中,采用图文结合自由排版的方式介绍内容,各内容之间用直线进行分割,使内容更加清晰、有条理。

(3)使用线条对版面空间进行不同比例的分割,能够得到具有对比效果和节奏感的版面。

在该画册版面中,运用不同粗细的线条对内容进行不同比例的分割,使版面的节奏感更强,整体效果比较统一。

(4)在骨骼分栏中加入直线进行分割,使栏目条理更加清晰,内容更易读。

在该画册版面中,在右侧页面中采用分栏的方式放置正文,在分栏间加入虚线进行分隔,使分栏的条理更清晰,内容更易读。

2 “线”的空间力场

力场是虚拟的,是人的视觉感受。用线条对图片和文字进行划分和整理,能使版面中产生力场。力场的大小与线的粗细和虚实有关,线条越粗、越实,力场越大;反之力场越小。

在该画册版式设计中,在右侧页面中使用了较粗的实线,力场感较强;左侧页面中使用纤细的浅色实线划分不同场景的图片,力场较弱,不会喧宾夺主。

3 “线”的空间约束能力

在设计过程中可以根据版面的需要来改变线条的形态,从而形成对版面空间的约束。细线框的版面轻快、有弹性,但约束力较弱;粗线框则具有强调的作用,能够形成重点,约束力较强,但过粗的线条会显得呆板、沉重。

在该画册版面中,使用两条较粗的实线对内容进行划分,使读者能够明确区分相应的内容。因为版面中的实线没有封闭,所以不会令人感觉沉闷、死板。

2.2.3 “线”在版面中的使用法则

“线”在版面设计中的使用法则包括“线”的情感、“线”的节奏及“线”的空间。不同的“线”有不同的情感,在版式设计中有节奏地使用不同的线,能够形成不同的效果。

在该网页版式设计中,使用纤细的白色线条对内容进行划分,使内容更具条理。因为线条较细,所以并不会破坏版面的整体视觉效果。

1 “线”表达的情感

在版式设计过程中,“线”的曲直、粗细、长短、疏密等特征不同,带给读者的视觉感受也会有所不同。

较粗的直线组合几何造型,具有很强的力量感和锐利感,显得强烈、尖锐。

较细的自由曲线围绕海报中的主题,突出主题,并且显得流畅、自由、欢快。

2 “线”表现的节奏

在版式设计过程中,将“线”按照一定的规律排列,并在大小、方向、疏密上营造变化,产生有节奏的运动,可以使版面呈现一定的韵律感。

在该网页版式设计中,版面中的内容采用竖排方式摆放,内容之间使用不同粗细和颜色的线条进行分割,使版面中的内容清晰并具有一定的韵律感。

3 “线”营造的空间

“线”的起伏造成的视觉空间上的深度和广度,即“线”的空间。在版式设计中,赋予“线”微妙的变化,可以表现出设计的含蓄与情感。

在该画册版面中,右侧页面中较粗的曲线围绕画面中心,仿佛要吸入一切,具有强烈的纵深感和爆发力,令人印象深刻。

技巧

“线”这一视觉语言基于其使“点”变成“线”的力量特征及其关系的组合。“线”可以串联各视觉要素,可以分割画面和图像、文字,可以使画面充满动感,并且以最大程度稳定画面。