视觉流程在现代版式设计中的应用研究

摘  要：“视觉流程”是受众在观看设计编排信息时的视觉先后顺序，即视线沿着各元素排列位置移动的轨迹，受众先看到什么元素，再看到什么元素，最后看到什么元素，这一过程是一个视觉先后顺序的路线。受众称视觉先后顺序为“视觉流程”。现代版式设计力求打破传统的设计方式，追求创新视觉流程，力求找到使受众耳目一新的视觉流程秩序。

关键词：视觉流程;现代版式;设计

基金项目：本文系2018年江苏省高校哲学社会科学研究“构建基于全纳教育理念的江苏高校无障碍教育体系研究”（2018SJA0647）;南京特殊教育师范学院2019年教学改革研究课题“大数据时代下高校无障碍教学环境的信息化学习模式探索与实践”（2019XJJG31）的阶段性研究成果。

一、视觉流程的普遍规律

任何视觉艺术表现形式都存在视觉流程。所谓“视觉流程”是指人们在观看设计编排信息时视觉阅读的先后顺序，即视线沿着各元素排列位置移动的轨迹，受众先看到什么元素，再看到什么元素，最后看到什么元素，这一过程是按照视觉先后顺序排列的路线。受众称这个视觉先后顺序为“视觉流程”。视觉流程又能细分为“自然视觉流程”与“视觉秩序流程”两种形式。

（一）自然视觉流程

自然视觉流程是指自然界中的视觉元素给受众的视觉指导顺序，如受众在自然當中所看到的近景、中景、远景等诸多形态元素的视觉顺序，它们都是客观存在的元素。因此，视觉流程也是自然与客观的。受众发现在空白版面中，在没有人为元素编排的状态下，人的自然视觉意识是一种潜意识的视觉流程顺序。版式设计的视觉中心分为两种：画面物理中心和人的视觉中心。经研究发现，人的视点是高于物理视觉中心的，所以，人的视觉中心是人们的自然视觉中心点，而向周围辐射的区域便成为自然视觉的重点区域。因此，在受众的自然视觉潜意识里，该区域是放置重要图形信息或重要文字信息的首选位置。

（二）视觉秩序流程

现代版式设计力求打破传统的设计方式，追求创新视觉流程。设计师力求找到使人们耳目一新的视觉流程秩序，尽量克服人的视觉本能与潜意识影响，并运用合理的设计手法打破常规的位置排列关系，突破受众的视觉框架和视觉习惯，全新的视觉流程秩序，让版式设计带给受众更新颖、更独特的视觉审美效果。当然，视觉秩序流程必须是设计师充分了解自然视觉流程，用理性的设计意图来改变受众原有的视觉习惯，用科学合理的视觉流程方式引导受众的视觉顺序，从而更好地向受众传达独特、和谐、创新、秩序等形式美感的视觉信息。设计师在一定程度上是可以改变受众自然视觉流程习惯的，在设计中可根据设计需要主动引导受众的视觉流程，从而设计出别具一格的形态效果，给受众带来新颖别致的视觉享受。

二、设计流程在版式设计中的主要应用形式

在现代版式设计中，通过视觉流程顺序来编排图形、文字、色彩等各类设计元素，以视觉流程为纽带突出彼此之间的关系。因此，处理好各元素之间的视觉顺序至关重要。在现代版式设计视觉流程的应用中有很多表现方式，其中主要有以下八种形式：

（一）水平视觉流程

水平视觉流程是指将版面中的设计元素按照水平方向进行排列，这种从左向右的排列组合方式能清晰明确地传达信息。简洁的水平版面给受众舒适的感觉，版面中大面积的留白使版面显得简洁而精练，主题突出，引人注目。水平的视觉流程符合受众从左至右的阅读习惯，图形大小的对比变化更能准确明了地阐明设计信息。设计要素以水平的视觉流程由深入浅进行排列，增加了版面的空间层次感，使版面内容丰富、有秩序感，感官上具有强烈的视觉冲击力，给受众深刻的视觉感受。版面编排中的文字、图形、版面结构的水平置入给受众以安定、祥和、宁静的视觉感受，可以使整个版面产生稳定、静态的视觉效果，特别是版面中起到信息传达的文字结构要以水平方式居中排列，指引受众的视觉流程向图形过渡，信息传达到位（如图1）。

（二）垂直视觉流程

垂直视觉流程是指将版面中的设计元素按照垂直的方向进行排列，这种自上而下的排列方式如同竖线给受众坚定、理性、直观的视觉感受。随着视线的上下移动，表现出一种力量的美感。垂直排列的文字与图形可以形成版面的垂直视觉流程，再配以文字颜色的深浅变化，形成一种视觉上的层次感与空间感，并给受众理性、稳重、直率的视觉感受。如图2，各个不同大小文字组合的垂直排列形式，形成了版面垂直的视觉流程，给人严谨、理性、秩序的视觉感受;再通过文字的颜色与大小的变化，形成一种视觉上的层次与空间感。自上而下的文字排列形成垂直的视觉流程，使受众的视觉重心集中于中部的“V”型文字与图形上，增强了版面的表现力和艺术感，巧妙的创意简洁直观地传达出设计信息。

（三）斜向视觉流程

斜向视觉流程是指将版式设计中的视觉元素按斜向进行排列，这种排列方式给人以冲刺、飞跃、前进、向上的视觉感受，表现出力量与重心的前移。斜向视觉流程具有强烈的冲击力，能以其动态视觉感受吸引受众的目光。斜向排列的文字、图形与色彩形成向前冲的视觉画面，给受众带来速度与力量感，更营造出设计的空间感，倾斜的版面视觉流程将版面中的图片与文字按照45度角排列，既可以使版面条理清晰、均衡协调，又增加了版面的动感和韵律，带给受众无限的想象空间。如图3，编排文字倾斜排列在斜向的直线上，交互穿插、醒目突出，看似复杂多变的字体在排列上却很讲究，大小和位置变化丰富且协调，主次明确，产生充满动感与活力的视觉效果。

（四）曲线视觉流程

曲线视觉流程是指将版面中的视觉元素按曲线进行排列，这种排列方式给人一种柔美、优雅的视觉感受。曲线视觉流程虽不如水平、垂直视觉流程那样直接简明，但更具韵味、节奏和动态美，能够营造出轻松舒展的氛围。如图4，以S形曲线弯曲的文字，表现出节奏性的曲线形态所带来的版式编排韵律，简洁明了，通过文字的线性弯曲吸引受众的视线，点明设计主题。

（五）核心视觉流程

核心视觉流程是指在版面空间中选择一处位置进行重点信息的传达，也就是以一个图形、文字或色彩形象占据版面的核心位置，产生强烈的视觉效果。根据版面的不同，视觉核心的位置不尽相同。需要根据版面所要表达的含义来决定视觉核心的位置，能够鲜明地突出主题。由设计主体组成的图形、文字与色彩作为版面的视觉核心，在突出设计主题的同时，揭示设计信息，加深受众对版式的认识。如图5，位于版面中心位置的白色圆形图形，以平面构成的形式描绘出咖啡杯的形象，简洁生动、醒目突出，起到活跃版面的作用，更加突出设计的主体图形。

（六）反复视觉流程

反复视觉流程是指把相同或近似的设计元素进行有规律的排列，并使其在版面空间内反复出现，以节奏、韵律与秩序的形态呈现给受众。视觉上的重复感，采用重复性的图案与文字，增强了设计元素的识别性与编排的丰富性，更能够实现对设计主题的强调，形成强烈的视觉效应。文字作为版式中大小相同的设计元素反复排列，穿插不同字号的图片，形成统一中有变化的版面设计，丰富版面设计的视觉美感，醒目而美观，吸引受众的注意。如图6，反复排列的图形与视觉上的连续性和节奏性，能加深观者的印象，黄色的正方形色块与设计主题文字在版面空间内反复出现。虽然这些设计元素有着形象大小的渐变或颜色明暗的对比，但这些都是在同种设计元素形象上的变化，通过视觉形象的反复出现来强调设计主题。

（七）导向视觉流程

导向视觉流程是指利用图形、文字或色彩等设计元素，引导受众按照预设好的方向进行阅读。由主及次，把版面的构成元素串联起来形成一个整体，使重点突出、条理清晰，将信息最大化地传达给受众。版面中的导向形式多样，如直接导向、简洁导向、虚形导向以及文字导向等。版面中彩色的图底不但使版面生动活泼，而且引导受众的视线抓住版面的精彩部分，抢眼突出。在版面设计中起导向功能的设计元素，不仅提高了版面的层次感，也使版面主次明确，便于受众对于版面信息的浏览。具有指示性的箭头和文字装饰图形自由拼贴，使版面充满活力，与其他设计元素形成鲜明的对比，易于激发受众的阅读兴趣。

（八）散点视觉流程

散点视觉流程是指图与图、图与文字之间自由分散的排列方式。整体版面充满自由轻快之感，呈现出感情性、无序性、个性化的非常规状态。设计元素散点组合时，要注意图片大小、主次搭配，强调版面的轻松灵动，给受众带来活跃、自在、生动有趣的视觉体验。内容丰富的版面运用散点视觉流程时，要避免所有内容都集中展示在版面前部。设计元素的前后排列处理能很好地营造版面的空间感。散点视觉流程虽然无序，但也需要精心设计、主次搭配，才能拥有形神不散的效果。散点视觉流程让读者可以自由寻找版面的精彩之处，但需要层次分明，而不是东拼西凑、杂乱无章。无序化的图形元素率性排列，充分展现了自由与活力，准确地传达出设计主题，极具感染力。散点视觉流程使版面更加有趣丰富，配合多种元素的运用，可以增强版面的活泼感与丰富感，能给受众带来自在有趣的视觉体验。文字信息和图片信息有条理地编排在版面的四周（如图7），条理清晰、信息传达明确，重要的主体图片占据了版面的中心位置，醒目突出，凸显其主导地位。图片的选择也独具匠心，运用明暗色形成对比图形，创造出独特的视觉效果，吸引受众目光的同时也增强了版面的空间感。

三、结语

随着时代的发展、技术的进步，版式设计的外延也在慢慢扩大，正确地了解和运用视觉流程原理已经成为现代版式设计的根本要求。现代版式设计需要根据设计主题和视觉需求，在有限的版面空间内对设计要素进行排列与构架。版式设计是任何类型设计的基础。现代版式设计决定着各类设计的基本形态与编排架构。视觉流程作为受众在观看设计信息时的视觉先后顺序，对设计元素的放置排列与设计信息的导向传达有着举足轻重的作用。通过对视觉流程在现代版面中的应用分析，总结出视觉流程的八大应用要点，力求打破传统的版面设计方式，创新视觉流程，找到使受众耳目一新的现代版式设计视觉流程秩序。

参考文献：

[1]杨文丹.视觉创意与表现[M].北京：化学工业出版社，2017.

[2]佐佐木刚士.版式设計全攻略[M].暴凤明，译.北京：中国青年出版社，2010.

[3]原研哉.设计中的设计[M].纪江红，译.桂林：广西师范大学出版社，2010.

[4]王斐.版式设计与创意[M].北京：清华大学出版社，2017.

[5]斯潘塞.现代版式设计先驱[M].王毅，译.上海：上海人民美术出版社，2006.

[6]苗红磊，周作好.现代版式设计[M].成都：西南交通大学出版社，2014.

作者简介：苏力健，南京特殊教育师范学院。