视觉元素的秩序架构方式探析——由“版式设计”教学引发的思考

孙迎峰

(山东艺术学院设计学院，山东 济南 250014)

视觉元素的秩序架构方式探析
——由“版式设计”教学引发的思考

孙迎峰

(山东艺术学院设计学院，山东 济南 250014)

源于“原始感性意识”的驱使，使得视觉环境中存在着诸多视觉无序的现象。在“版式设计”教学过程中，探究现代版式编排中的“视觉流程规律”,分析和研究“秩序与自由”之间的逻辑关系，探寻处理视觉元素彼此之间的有效架构方式，在遵循视觉规律的基础上，强调“秩序下的有限变化”，以及“秩序规律下的自由表现与突破”，将视觉元素以有序的、合理的架构方式传达给受众，尝试建构当代审美语境下的现代版式设计的架构方式和表现语言。

原始感性设计；视觉流程；秩序架构；自由架构；视觉秩序规律

视觉感知是人类感知世界最主要也是最直接的方式之一，分为视感觉和视知觉两部分。视感觉是感受客体世界的本能感觉阶段,是最初的直观过程；视知觉则是视觉客体通过视网膜传达到大脑皮层后的思维处理阶段，这是一个感知、分析、整合、理性的认知过程。大千世界中，诸多视觉元素的形态各异，极其丰富，按照属性亦可分为两大类：一类为“自然属性的视觉信息”，泛指自然界的各种客观形态；另一类则为“人类创造的视觉形态及信息”，是人类改变世界、创造文明活动的表征与体现。伴随着生产资料和生活资料的不断延伸，以及现代生活方式的进步与改变，越来越多的视觉元素信息出现在人们工作、生活的各个环节中。接收信息、认知信息、处理信息及使用信息已经成为人们生存不可或缺的重要组成部分。

伴随着经济的不断发展和城市现代化的推进，我们的视觉环境也随之发生了巨大变化。信息量迅速膨胀，信息传播方式也发生了质的改变。然而，不难发现，在我们的视觉环境快速发展的同时，亦出现了诸多不尽如人意的问题，其中比较明显的视觉现象问题就是：“视觉无序”。“视觉无序”是指视觉环境中，由于应用人群和架构环节对视觉传达设计认知的欠缺，以及“本能意识”的驱使，使得视觉环境中的公益信息、商业广告、职能宣传等载体没有遵循视觉规律和审美法则，导致的无秩序、缺乏美感的载体语言充斥街头。究其原因，首先，是应用人群对视觉规律重视不足，对科学的视觉信息架构语言也不甚了解；其次，大众审美的局限性制约了设计环节的艺术表现和应用；加之缺乏专业基础素养的“本能意识”也起到了推波助澜的作用。所以，在当今信息量空前膨胀的背景下，需要我们去理性地发现问题，以科学的视觉传达规律和审美法则作为指导，用理性的、审美的视觉传达设计架构手段去解决问题。

一、基于“原始感性意识”的无序架构

人类具备视觉上的原始感受，也同样存在着视觉元素架构的“原始感性意识”能力，这直接导致了“原始本能设计”现象的产生，在人们处理视觉信息的过程中，人们会通常会根据自身的“原始意识驱动”去放置或架构视觉元素，而这种初始意识往往是随意而无序的，是没有规律可言的，如此便会导致视觉信息元素架构或排列的无序状态。这种架构行为或方式，我们称之为“原始感性架构方式”。“原始感性架构方式”作为一种非理性的原始架构方式，是造成当今社会视觉环境中信息载体混乱无序的首要原因。在人们的潜意识里，对信息呈现的主次关系、先后传达顺序是没有概念的，往往是根据自身的原始本能意识去理解的。比如，在一个空白的载体上，多数人下意识地将最重要的元素放置在画面中心偏上的位置。物理中心偏上的位置，由于视错觉而成为人的视觉中心，视觉中心向周围辐射的区域便成为视觉重点区域。因此，在人们的原始感性意识中，此区域是人们放置重要信息的首选位置。在视觉元素架构的过程中，设计师经常被要求将重要信息放置在这一中心区域，并将周围的空间全部填充。如此这般，便产生了大量千篇一律的、结构雷同的视觉画面。除了中心区域，画面左上角也是优先关注的位置之一，而右下角则是视觉关注的末端，所以原始感性意识的视觉关注往往是自左上向右下递减的，这种视觉流程在很大程度上也受到了传统书籍文字元素布局的影响，而传统阅读的记忆沉淀亦给人们带来了固化的视觉布局排列——“满版式填充”。多数人会下意识地将整个载体全部填充，尽可能不留空白，谓之曰：利用之最大化。殊不知，空白的留置是载体中不可或缺的架构组成部分，是诸元素间架构和表现的空间保障。

另外，在原始感性架构行为中，在不考虑信息载体远视距或近视距的情况下，将某些视觉元素进行最大限度地放大，甚至将主要元素和非主要的元素都无限放大，不分主次秩序。不管多大的画面都将所有文字充满画面，这样便会产生强制阅读的感觉，美感荡然无存，而且有“视觉暴力”之嫌。同时，在色彩应用方面也存在着“色彩视觉秩序流程”，在色彩应用规律、色彩明度的秩序以及色彩的调和关系等方面，如果不注意色彩明度的前后关系，则极易导致色彩搭配混乱的视觉效果。

二、以“秩序架构”的视觉流程设计

将二维载体(三维空间中也同样存在着两维应用设计形态)界面中的诸多信息元素进行编排、布局的架构方式，我们叫做“版面编排”、“视觉元素架构”或“版式架构设计”。版式中视觉元素之间架构是将视觉元素进行展现和布局排列的表达方式，版式架构的显现是将各视觉元素(图形、文字及装饰元素)之间进行秩序或自由的组合和编排，架构成秩序的、符合受众需求的视觉传达信息综合体。由此看来，版式架构水准的高低，将直接影响到创意终端的表达和效果显现，亦关系到信息传达效果的强弱和优劣。所以，在版式架构的过程中，应遵循“视觉秩序”的规律，充分按照视觉传达规律的特点去进行架构和设计才是科学、合理的视觉传达设计方式。通常情况下，受众在观看和接收载体的视觉信息时，会遵循一个视觉关注的轨迹：首先看到哪些元素，其次看到什么元素，再次看到何种元素，这一视觉移动轨迹或过程便产生了一条“视觉移动顺序的轨迹线”，它是视线沿着各元素排列位置的轨迹移动的行程，也是视觉阅读顺序的逻辑走势，这条轨迹线我们称之为“视觉传达秩序流程轨迹”或“视觉传达秩序流程”。而“视觉传达秩序流程”又分为三种存在形式，分别为“本能视觉流程”、“秩序视觉流程”和“自由视觉流程”。

“本能视觉流程”是指人们在原始状态下的本能意识下的视觉阅读习惯，它是属于初始状态的无序阅读方式。在我们的视觉环境当中，这种阅读方式是主流存在方式，也是导致我们视觉环境混乱无序的原因之一。通过观察，我们可以发现，在现实环境中的很多商业环境、店面牌匾、户外广告、公交车身广告、印刷品载体等大量的信息载体设计都存在着这样的问题。它们没有视觉上的主次之分，没有阅读顺序。亦没有视觉秩序，无论从元素的体量大小或者是色彩的强弱方面，都没有一定的逻辑关系，信息之间各自为政，争先跳跃，从而导致了杂乱无章、混乱不堪的“无序视觉状态”。给我们的社会视觉环境带来了不良的“视觉干扰”和“视觉污染”。而“秩序视觉流程”和“自由视觉流程”是指在研究“视觉传达规律”的基础上的，进行合理的、秩序的人工干预视觉流程显现。“秩序视觉流程”和“自由视觉流程”是视觉传达设计专业所研究的版式架构语言中的重要组成部分。也是版式架构过程中必须要研究的视觉规律之一。“秩序视觉流程”是在视觉传达设计过程当中，运用“视觉秩序规律”，将图形、文字、装饰线等元素进行大小主次、层次调节，合理空间分割等认为干预，将这些元素之间进行秩序的、具有合理的架构，形成具备“视觉递进”关系的“人为干预视觉流程”逻辑阅读关系，进而改变人们原始的视觉架构习惯。“自由视觉流程”是指在掌握人为干预基础下的“秩序视觉流程”的方式之后，进行的突破性架构方式。它是在视觉有序的基础上进行相对自由的架构方式所产生的一种视觉流程。这种视觉流程实际上是现代艺术设计的一种自由表现形态和语言显现。

在设计载体中的过程中，“秩序架构方式”强调的是“秩序下的有限变化”或“统一规律下的有限变化”表现，它是在研究人体视觉功效学的基础上，充分了解人们的视觉信息传达规律后，注重视觉秩序、关注受众视觉及心理感受的理性架构方式，是“秩序与变化”的辩证表现形式。通常情况下，平面载体内的所有信息元素在功能上均应该有主次秩序，其彼此之间的“被关注度”也各不相同。载体中各元素的面积大小差异、色彩的强弱都将影响到受众的视觉顺序：视觉元素面积越大，色彩明度或饱和度越高，便愈能优先被关注；反之，面积的压缩，色彩明度的降低，视觉关注的优先度亦就相应递减。因此，视觉秩序流程也可以理解为一个“递减”的过程。

秩序架构方式便是将视觉元素进行有机地梳理分层，将视觉元素按其主要、次要、再次要的顺序进行面积、比例、色彩关系等方面的秩序排列和有机架构。如此便会在视觉上架构出一个秩序的递进式视觉流程顺序，从而使载体具备了一条流畅的视觉流程线，使受众能够在最短的时间内瞬间瞩目浏览，且自始至终吸引住受众的视线，从而自然地完成传达流程。反之，如果元素大小无序、强弱无章，色彩混乱且无规律，将势必造成信息重点和非重点无法合理区分，给受众带来视觉上的阅读紊乱和认知障碍，甚至招致受众产生逆反心理，从而降低和削弱认知信息效果。

在视觉传达设计教学过程当中，遵循“视觉秩序规律”和“视觉架构方式”是非常重要的，强化“视觉秩序规律”对学生能够摒弃“原始本能意识”下的潜意识设计习惯有着至关重要的作用。深入了解和掌握“视觉元素架构方式” 决定着学生对现代设计的基本设计语言的驾驭能力的强弱和高低，充分掌握好“视觉元素架构方式” 的技能，可以大大提高学生们的现代视觉传达设计能力 。 所以，其重要性是显而易见的。

三、由“秩序架构”到“自由架构”的升华

掌握规律亦是为了突破规律。在熟练掌握秩序架构方式和手法之后，在尊重视觉规律的前提下，可以在架构方式也语言手法上突破秩序的束缚，并进行秩序语境下的“自由架构方式”。“自由架构方式”是视觉秩序架构方式之后的自由发挥阶段，两者不属于并列关系，而是初级阶段向高级阶段升华的两个层面。此阶段是视觉元素传达设计中表现力最强、艺术效果最独特的表现层面。“自由架构方式”与“原始本能架构方式”相比，两者似乎都蕴含着“自由”的特性和因素，然而，此“自由”非彼“自由”。此阶段的“自由”是建构在研究和掌握视觉秩序规律的基础上，进行从“秩序占主体”向“变化为主体”的质跃。

“自由架构”是极具现代感的视觉元素架构方式，它打破了原始感性架构中的“满”、“中庸”、“平均”、“无对比”、“无层次”的架构方式，强调视觉元素之间的“疏密对比”、“大小对比”、“韵律节奏对比”等排列架构手法，注重“切割布局”、“大比例留白”(大面积的留白给视觉元素的布局和变化带来了更多可能性)、“非对称、非均衡构图”等对比强烈的视觉布局效果，可大大减少布局架构的雷同性和相似性，同时，也为视觉元素架构的自由发挥提供了一个充足的表现空间。

“自由架构方式”旨在冲破常规视觉流程习惯的禁锢，改变原有固化的视觉阅读惯性，力求“差异性架构”表现，并运用丰富多样的架构方式来改变或主动引导人们的视觉流程递进方向：它的视觉流程可以是秩序式的，可以是跳跃式的，也可以是的“无序式”的(诸多视觉规律、审美法则已潜移默化地融入其中，即“有序中的无序”)。所谓的“无序式”，看似是元素间的随意表现，其实在自由视觉架构中，却又暗藏秩序的排列规律。基于这种多样性架构表现语言的充分表达，才能架构出千变万化、形式各异的载体视觉形态，自由架构方式也就成为一种具有极强表现力的架构语言，为视觉环境带来了多样化的艺术表现语境。适时，伴随着人们审美素养的提高，自由架构方式亦越来越被受众所青睐，它将给视觉领域带来现代、时尚的感受和强烈的视觉冲击力，也为我们的视觉环境带来了丰富多彩的视觉饕餮盛宴。

现代视觉传达设计表现语言最大的特点就是在充分遵循“视觉秩序规律”的基础上，以强调视觉合理性和秩序的前提下的充分视觉自由表现。强烈的视觉表现和视觉效果打破了原有的视觉模式，使信息应用载体呈现出强大的视觉冲击力和视觉感染力。这些极具现代感的设计语言和表达方式，极大的改善了我们的社会视觉环境，在满足人们信息传达功能的基础上，最大限度地呈现出视觉审美显现。对我们的视觉环境大有裨益。所以，强调对“视觉秩序”规律的研究与应用，是为了科学地分析视觉信息传达设计架构方式的规律性和合理性，尤其在信息量空前膨胀的当今社会，能够更好地处理好视觉载体中元素间的彼此关系，为人们营造一个和谐、顺畅、符合当代审美诉求的社会视觉环境，是视觉传达设计师的主要行为规范和基本目的。同时，改变现有的不良视觉环境，消除“视觉垃圾”和“视觉污染”，并拒绝成为“视觉垃圾”和“视觉污染”制造者的助推工具，已俨然成为设计师不可推卸的社会责任。此外，重视“视觉秩序架构规律”并不意味着是对视觉传达设计的语言禁锢，相反，在设计师充分了解和掌握了“视觉秩序架构规律”之后，可以打破它的规律，进行真正自由的架构创作。只要是具有视觉美感的、合理的、积极的、创新的架构语言都是设计者追求和表现的目标。在遵循科学、合理的视觉元素架构方式的前提下，设计并无定式。

小结

在视觉传达设计教学过程当中，“视觉元素架构方式”是非常重要也是最基本的表现方式，本文力求在研究“视觉秩序规律”和“视觉流程规律”的基础上，探寻“视觉元素架构的表现方式”的诸多表现语言和现代设计语境，并通过剖析“原始感性意识”下导致的“原始本能设计”和“视觉架构无序”现象，分析现今社会环境中的“信息环境视觉污染”及“视觉无序”形成的原因，探寻改变这种现象存在的方式和方法，力求建立一种合理处理视觉元素彼此关系的视觉语言架构方式。并强化“视觉秩序规律”的研究与应用，结合“秩序规律下的变化原则”以及“秩序规律下的自由表现与升华”原理，探索视觉元素彼此间有序的、合理的架构方式和规律，从而为视觉传达设计教学寻找可遵循的艺术设计规律和视觉表现方式。

(责任编辑：刘德卿)

10.3969/j.issn.1002-2236.2017.04.015

2017-05-02

孙迎峰，男，山东艺术学院设计学院视觉传达设计系主任、副教授、硕士研究生导师。

J504

：A

：1002-2236(2017)04-0072-04