浅谈版式设计中元素联络整体的方法
来源:用户上传
作者:
摘要:在版式设计中,元素不能孤立于整体而独立存在,需要与整体或其他元素有一定的视觉联络,本文将介绍三种联络整体的方法,并分析说明各种方法在版式设计中的应用。
关键词:版式设计;联络整体;视觉联络
版式设计是平面设计的重要组成部分,是指设计师根据设计主题和视觉需求,在预先设定的有限版面内,运用造型要素和形式原则,根据特定主题与内容的需要,将文字、图片(图形)及色彩等视觉传达信息要素,进行有组织、有目的的组合排列的设计行为与过程[1]。
在这个过程中,版面中的任何元素都不应该孤立于整体而独立存在,孤立的元素将会在版面中显得多余、不协调,元素需要与整体或其他元素有一定的视觉联络,同一类型的元素更应该联络紧密。
本文将探讨分析一些元素联络整体的方法和规则,主要介绍三种联络整体的方法:指向联络、靠近联络和对齐联络,并通过实例分析各种方法的特点和应用。
一、指向联络
如果元素处于版面比较边缘的位置,或者与其他相关元素相距较远,可以选择通过指向联络的方法来联络整体。指向联络是指通过某种形式,表现出一种姿态,这种姿态可以引导阅读者的视觉方向,明示或者暗示出元素与整体之间的指向关系,将元素与整体联络起来。
这里提到的形式是多种多样的,如果按构成视觉传达的三要素分类,可以分为图形指向、文字指向和色彩指向三种形式,各个指向形式下面还可以细分,图形指向可以通过线条、箭头、色块等形式,文字指向可以通过单一文字变形、多个文字组合等形式,色彩可以通过颜色渐变等形式。
(一)图形指向
1.线条指向
线条指向是图形指向中最基础的联络方式,通过在元素和整体之间添加一条直线或曲线,将元素和整体联络起来,线条不用太长,能体现出来指向的姿态即可。
一般如果版式设计中存在某元素与整体距离太远,则会让整体版面割裂感严重。修改方法可以在该元素附近添加一条指向线条,将其与版式中的另一相关元素联络起来,线条的粗细、颜色、位置可以从画面中已有的部分提取,在联络整体的同时呼应了已有的设计,使版面整体性更强,阅读更加舒适。
2.箭头指向
箭头指向是图形指向中较为直观的一种形式,因为箭头本身就具有十分强烈的指向意义,已经是人们约定熟成的指向标志,所以其联络作用也很明显,通过设计将箭头融入背景或者元素中,能够更好的实现联络整体的功能。
例如箭头指向可以在该元素的背景上添加箭头形状,引导阅读者的视线,将两个部分联络起来,形成整体感更强的版面设计。
3.色块指向
色块指向是指通过添加有颜色的形状,来联络元素与形状,色块的位置需要将元素跟形状都联系起来,颜色最好与底色反差小,不能抢主体的风头,能看出来起到联络作用即可。
例如色块指向可以通过添加一个与底色相近颜色的色块,包裹住该元素并且延展到相关元素的一角。色块的形状一般与版式整体风格搭配即可,最好取自于版式中已有的形状。
(二)文字指向
如果元素本身是文字元素,通过其自身的变换,也可以实现指向联络的功能,包括对单个文字的变形处理使其具有指向的功能,以及对多个文字的组合形状设计使其具有指向功能。
1.文字变形指向
文字变形指向是指直接将文字元素中的某一个文字进行变形变换,将其中的一个或多个笔画延长、虚化、加粗、变细等等,产生指向的姿态,可以理解为将形状指向的形式融入到文字变形中,相对于形状指向一般更加自然简洁,但设计难度更大。
2.文字组合指向
文字组合指向是指将一组文字元素进行排列设计,让他们整体的形状呈现出指向的姿态,比如排列为箭头形、直线形、色块形等等,也可以理解为形状指向与文字指向的融合,只不过这里的融合是用一组文字去构造形状,第一种方法是通过单个文字构造形状。
(三)色彩指向
1.渐变指向
渐变指向是指通过元素颜色的变化,产生由指向元素到被指向元素之间的颜色渐变,从而起到联络整体的作用。
一般渐变的颜色变化,来源于该元素与被指向的相关元素,这样便产生了一种指向的姿态,引导阅读者向颜色渐变相同的方向阅读。
二、靠近联络
靠近联络是指如果加入到版面中的元素与其他元素存在关联,则可以让该元素与相关元素的物理位置相靠近。这样一来,相关的项将被看作凝聚为一体的一个小组,而不再是一堆彼此无关的片段[2]。通过物理位置的靠近,孤立的元素便与整体联络起来。
靠近联络一般有三个步骤:
1.按意义相关性分组
2.让元素与相关部分在物理位置上靠近
3.如果元素是文字则调整其字体、字号、字重、颜色,如果元素是图形则调整其大小、颜色、透明度等等,使其与整体更加协调
如果一个版式中出现了过多让人视野停留的点,则会显得信息内容过多、杂乱无章。首先需要将元素按其意义分组,然后拉近同组元素的距离,让整个版面在理解上和视觉上都更有条理。最重要的是调整变化后组内元素的属性,根据组内元素的关系,如果是并列关系则将他们的属性设置相同;如果是主次关系则将他们的属性设计区别开,形成明显的对比,突出主要元素,弱化次要元素。
三、对齐联络
对齐联络也是元素联络整体的一种重要方法,如果某元素与版面上的其他元素按找某条“对齐线”对齐,就会得到一个内聚的单元。即使对齐的元素在物理位置上是彼此分离的,但在阅读者眼里,它们之间会存在一条看不见的线把它们连接在一起,元素依然和整体或者整体中的一部分属于同一个组。
对齐联络可以分为两种不同的对齐:软对齐和硬对齐。
(一)软对齐
软对齐是指居中对齐,、元素都以版面的中轴线为标准居中对齐,但是这种对齐边界时“软”的,很难看出来那条“对齐线”的强度。
通常在庄重、正式的情况下使用软对齐,将所有元素都在版式中居中对齐,也可以形成元素之间的视觉联络。
(二)硬对齐
硬对齐一般包括左对齐、右对齐、上对齐和下对齐,相比与软对齐,他们通常都有比较“硬”的边界,即有一条强度很大的“对齐线”。以这条“对齐线”为基准,元素与整体或其他元素对齐,形成聯络。
四、总结
在版式设计的过程中,加入新的元素必然要考虑它与整体、与其他元素之间的关系,需要通过设计实现元素与整体的视觉联络,本文简单讨论了三种联络整体的方法,分别是指向联络、靠近联络和对联络,各种方法都有各自的使用场景和特点,灵活运用一种或多种方法,会使版式设计更加清晰且有条理。希望本文能为大家提供一些参考和启发。
参考文献:
[1]韩旭,周俊,李媛.版式设计[M].天津:兵器工业出版社,2013:01.
[2]Robin Williams.写给大家看的设计书[M].北京:人民邮电出版社,2014:07,27-28.
作者简介:郭瑞(1995.4—),男,汉族,籍贯:湖北宜昌人,北京交通大学建筑与艺术学院,17级在读研究生,硕士学位,专业:工业设计工程,研究方向:视觉传达。
转载注明来源:https://www.xzbu.com/1/view-14745046.htm