版式设计视觉流程

版式设计视觉流程

版式设计的形式美法则

版式设计是指设计师依照主体及功能诉求，在有限的版面内 依附于某种媒介上进行传播，

运用造型要素和形式美法则， 组合图形、文字、与色彩等视觉元素，使其有计划、有秩序

的编排在版面内，这种设计行为及过程，称之为版面设计。

其作用是利用特有的设计方法使需要“排列组合”的设计元素 通过排队的方式发挥其中

成员的最大作用，图与文字的有序结合 ，能够给大众逻辑版面清晰，开门见山的突出主

题。版式设计 就像穿衣，不同的款式能够带给大众不同的视觉感受，它是视觉 传达的

桥梁，是平面设计中最重要的支柱之一，是平面设计的灵魂。 其应用的范围非常广阔，涵

盖书籍、报刊杂志、海报、包装设计 等设计领域，其最基本的感知要素为文字，图形与色

彩，运用这 三种感知要素构成了视觉语言。在信息传达的过程中，不仅需要 发挥版面设计

的认知功能，同时也需要发挥其审美功能。

伴随着人们物质生活水平越来越高，社会经济快速发展，版式设计 不仅仅局限于单纯的信

息传达，‘美’的意识也逐渐占据重要的地 位，遵循形式美法则，可以辅助设计出具有

美感的设计作品，设计与 绘画、音乐一样需要节奏与韵律，让人体会到美感。版式设计

中字体 的大小、笔画的粗细以及疏密变化、色彩的明暗对比、图形所占面积的大小 等

都可以产生节奏。节奏感可以带来美的感受，通过一定的律动方式可产生大小、 高低、长

短、明确的变化，在统一当中寻求有秩序性的变化。韵律是 较为常见的一种形式美感，它

就好比旋律在音乐中的 作用，不仅需要节奏感 ，还需要有情趣格调，他可以渲染版面的

气氛，提升版面魅力，更好的 引导人们产生共鸣，把握版面中的节奏与韵律能达到更好的

视觉传达效 果，展现出优美 、放松的艺术氛围。版面设计中韵律的构成更为高级， 相对

于节奏更能够让人感受到和谐与优美，版面设计如同人一样，需要合适 漂亮的比例，良好

的版面设计效果需要良好的比例安排。比例一般呈现出 一定的数列如黄金比例、等差数

列、等比数列等，比例的合适与否，直接 关乎到版面的最终效果，因此在版面设计过程

中，比例的选择一定要经过 仔细的研究与推敲。黄金比例分割能够让人们感受到美感的

原因是因为它 可以让版面实现最大程度的和谐。

视觉流程的概念

视觉是人的生理功能，人类通过视觉来感知物体的大小、明暗、颜色等 信息。视觉流程

是指人的肉眼看版面中视觉元素的运动过程，这不仅是 人眼球的生理运动过程，也是一

种通过视觉经验而产生的心理体验。据 研究表明: 由于人体生理构造的限制性，人的眼

睛在同一时间不可能接受全部的信息， 因此必须依照一定的顺序来感知外部世界，并且

他们的运动是有规律可循的。

在版式设计中要将各种视觉元素进行合理的安排，而合理的编排也包括时间流程这条隐

形的线 这条“暗线”要符合人们视觉流程的特性和习惯。根据设计师对视觉流程的有

序安排， 引导观者的视线对信息迅速的接收并传递给大脑，经过大脑分析再反馈出来。

从观者看到版面的反应，以及对版面做出的反馈，可以看出视觉流程运用的合理是否,合

理的 流程，不但能迅速的把信息传达给观者，同事还能给观者带来舒适的视觉生理及心

理感受。

视觉流程的规律特性不是决定版面好坏的唯一标准，如果观者只单纯追求版面的视觉流

程规律，而忽略了版面的美感 与设计感，只需要像套一个数学公式一样，把视觉流程的

规律套进去就可以了， 显然这会影响到版面最终呈现的整体效果。

视觉流程中的视觉中心

世界著名的设计大师米歇尔.布维曾说过：‘版面具有功能性，是造型艺术与文学的结合

体。 想要版面在很短的时间内吸引大众，就必须定位准确，信息传递通畅无阻。’视觉

运动轨迹 直接影响到版面中的信息是否可以有效、快速、准确的传递，视觉中心是视觉

流程中的最 重要组成部分，是视觉的聚焦点，是观者看到作品的线性聚集处，它和几何

中的中心一词意义不同。 一个圆形，观者用眼睛直观看到的中心位置就是这个圆

的“视觉中心”，我们会发现眼睛所看到 的中心点比用两条对角线互相相交的点位置靠

上一点，这也是为什么人们在进行构图的时候，常常会习惯将版面的主题内容放 在版面

中心偏上一点的位置，以符合人的视觉生理与心理的习惯。

版面设计中设计师把需要强调的、最想表达的内容放到版面视觉中心的位置， 这是常见

的设计表现手法。

视觉元素不同的排列组合会传达出不同的视觉信息，视觉元素互相叠加、占据版面较大的

面积 、密集的编排、图文的放大强调等方法都可以让其成为版面的视觉中心。 如果图形和

文字位于版面的 “几何中心”(两条对角线相交的位置），观者会感到版面下沉；当图形和

文字位于靠左或靠右的位置的时候， 观者的视觉感受也会发生相应的变化；当偏上或偏下

的时候，会产生上升或下降的视觉变化。

假如版面中没有视觉中心，所有视觉元素之间是相对平等、均衡的状态，没有突出的部分。

据科学家研究分析：假设元素位置的分布很均匀，视线的运动轨迹就会是具有随机性和主

动性， 因为视觉刺激的程度类似，与之相反，视觉的流动是有方向性与秩序的。同时格式

塔心理学的 视觉法则证明，人们看到一个版面时，在相同条件下，按照以下次序观察：

上-下； 左-右；实 -虚；色彩-无色 ；前-后；大-小；人物-风景；动物-静物；金属-光泽

；图-背景；熟悉-不熟悉， 元素放在不同的位置，对观者的吸引程度也是不同的，因此在

设计版面视觉流程的时候可以考虑视觉中心 的最佳位置，将版面最重要的视觉元素放置在

大众视觉流程最先关注的地方，让那里成为观者的视觉中心。

视觉运动轨迹类型

在版式设计中，不同的排版、构图，不同的视觉元素组合相互作用，都会让观者的视觉

生理 产生反应，从而引导视觉进行运动，这个过程就可以称之为视觉流程。 运动所产生

的运动轨迹，就 叫做视觉运动轨迹。不同的版面中视觉运动轨迹也是不同的，每个版面

的表达方式、所期待的效果、 所传达的信息不同，就会产生不同的视觉流程，从而产生

不同的视觉运动轨迹。根据视觉流动的方向性不同， 可以分为线型视觉运动轨迹类型与

重心导向。式视觉运动轨迹类型。

线型视觉运动轨迹类型

（1） 直线型视觉运动轨迹 直线型视觉运动轨迹是用直线作为视觉运动轨迹的引导线，引

导观者根据直线的流程轨迹来 进行视觉运动，其中水平线是冷基调，感觉冷峻、无限，但

可以给观者带来平衡、稳 重、平稳的心理感受。

垂直线则象征一种力量、温暖，给观者带来干脆利落的感觉，让观者感觉坚定并且直观，观

者不用 过多思考，就能迅速接收信息。

倾斜线则显示出中性的特征，是垂直线与水平线方向的调和。

视觉运动轨迹往往还受到版面跳跃程度的影响。 据科学家研究分析：信息的强弱对观者关

注事物 的程度有直接的影响，信息强则关注度高，与之相反，信息弱则关注度低。在版面

中，观者的视觉流程会先落在 版面中最跳跃、最吸引人眼球的地方，其次到较弱更弱的地

方。另外，视觉流程往往还跟观者心理有很大的 关联，比如同样均衡（大小、色彩、位置

等均衡）的前提下，肉眼看到水平线的速度要比看到垂直线 的速度快一些，因而同样条件

下，会首先关注水平线，其次运动到垂直线。

（2）曲线型视觉运动轨迹

曲线型视觉运动轨迹是用曲线作为视觉运动轨迹的引导线。由于曲线具有天然的平滑性、节

奏感、 饱满、扩张和一定方向感，因此这种版面会让人感觉很柔美、很丰富，并且有深度和动感。

曲线型视觉流程包括多种视觉流程形式，其中较为有特色并且经常 使用的包括弧线形C型视觉

流程、回旋型S型视觉流程等。

弧线形C型视觉流程会给观者带来天然的扩张感以及清晰的方向感。 回旋型S型视觉流程不仅

光滑有节奏感，并且可以使版面增加深度以及运动感。

(3) 几何型视觉运动轨迹

常见的版面构图中，我们会经常看到用直线组合构成的编排方式，如使用三角形构图、V 型

构图、十字形构图、T型构图等构图方式，这些构图形式对视觉运动会产生相应的引导线， 让

观者的视觉流程依据规划的构图形式产生相应的运动轨迹，从而产生三角形视觉流程、V型 视

觉流程、十字型视觉流程、T字型视觉流程等。

三角形具有天然的稳定性，三角形视觉流程会让观者的视觉产生稳定、均衡同时又具有活泼的

感觉。 V型视觉流程是最富有变化的一种视觉流程，其主要变化是在方向上的编排，可以正

放、倒放、横放 或者斜放，这种视觉流程可以产生生动活泼、运动感强的感觉，但在使用时

要注意版面的稳定性，保持 版面的稳定性，保持版面的均衡与和谐。

重心导向型视觉运动轨迹

（1）重心导向型视觉运动轨迹 视觉重心与视觉中心不同，视觉中心是视觉的聚焦点，也

是观者看到作品的视线聚集处， 重心是观者看到版面时视觉心理的重心，强调的是人的心

理感受。为了保持版面的视觉均衡， 视觉重心通常需要一些视觉平衡元素（一些图形或文字）

的点缀，分散一些视觉的注意力，以达到人的 视觉平衡，而对称的版面则具有天然的均衡感

。重心视觉运动轨迹有两个表现方式：

0/1 版面中某个部分出现强烈的视觉元素，这部分成为版面的重心，观者在进行视觉运动时，

会将版面的重心作为视觉流程的开端，然后顺沿重心视觉元素的方向与力度的倾斜来进行视

觉运动。

0/2 向心、离心的视觉运动，也是重点视觉流程的表现。向心视觉运动是各视觉元素向版面

重心聚拢的流程，离心视觉运动就好像把石头丢到水中，出现了一圈圈向外散运动的曲线，

使 视觉出现了强烈的聚焦点。重心视觉运动使版面主旨更强烈，主题更鲜明突出。

（2）导向型视觉运动轨迹 在版面中，通过设计具有导向性的视觉元素，引导观者的视觉按提

前规划的顺序与 方向进行视觉运动，从主到次，将版面中各视觉元素依据一定的顺序连接起来，

形成一个 具有突出重点与清晰条理的视觉整理。导向型视觉流程的应用较为常见，版面中的导

线 表现形式多种多样，有虚有实，如借助手势、面向、肢体动作、文字、眼神等作为导向元素。

版式设计中视觉流程的运用

版式设计中视觉流程运用的原则

优秀的版式设计作品，可以迅速吸引观者的注意，并通过合理的视觉流程 引导观者按照设计师

设计的路线，传达出相应的信息，因此视觉流程的设计在版面设计 中的运用就显得十分重要，通

过理性使用视觉流程规律特性以及感性的主观安排，设计 出引导观者视觉流程的线索。为了使

设计的版面理性科学同事兼具艺术审美性，让版面效果达到事半功倍的 成效，在视觉流程运用的

过程中，应该遵循以下原则；

第一，合理性原则。 好的版面设计，其视觉流程应该符合观者的视觉心理与阅读习惯等要素并

符合视觉流程特性以及观者的思考模式与思路，这样的版面 设计会出现一条合理、舒适的引导线，

引导观者自然、准确、有秩序的接收信息，并让观者产生 阅读的愉悦感。设计者需要充分考虑视

觉流程的合理性，才能设计出符合观者视觉逻辑的视觉流程 ，与之相反，不合理的视觉流程会让

观者产生混乱的感觉，导致信息传达大打折扣甚至会让观者接收到 错误的信息。

第二，易懂性原则。 具有清晰明确的版面编排，让观者可以直观、简洁、迅速的明白版面传递的

信息，这样的版面所 形成的视觉流程往往更具有易懂性。版式设计的最终目的是为了信息的传达，

视觉流程 作为版式设计中的一个重要环节，信息传达也是其首要任务。版面的易懂性与信息的传

达有直接的关联，易 懂得视觉流程让观者更容易理解信息的内涵，与之相反的视觉流程容易让观

者不理解，从而影响信息的传达 。为了使版式设计中的视觉流程能够准确合理的引导观者沿着视

觉流程的引导接收信息，视觉流程的设计应该 具有易懂性，让观者可以迅速了解设计师的设计思

路以及所要传达的信息，因此设计师在进行版式 编排的过程中，要保证视觉流程的易懂性 从而

保证版面信息的易懂性。

第三，计划性原则。 平面设计师在进行版式创作前，必须对视觉流程有一个总体的规划，例如

使用什么视觉元素、怎样构图、 怎样引导观者视觉流程的方向等方面，都要有一个详细的计

划、周密的编排，不能只靠主观感受， 感性设计，详细清晰的视觉流程计划，会让设计师思路

更加清晰，版面设计的效果具有条理性、 科学性。当然，版面设计中也不是完全依照视觉流程

的规划严格执行，可以根据实际的版面效果， 进行适度的调整，如果相邻的两个视觉元素间距

大，中间留白的部分较多，则会给观者带来轻松、缓慢的感觉， 但如果过于大，则会缺少版面

的连贯性，使视觉流程过于松散；如果相邻的两个视觉元素间距小，中间留白 的部分较少，则

会给观者带来紧凑、强烈的运动感觉，但如果过于小，则会让观者感觉识别性不强、 阅读困难，

易使观者产生烦躁的心理活，因此一定要注意留白的大小、字号的大小与间距、各视觉 元素的

大小与间距等方面。

第四，趣味性原则。 观者每天都要看到大量的信息，这些信息以版面的形式出现在手机、书籍、

包装等载体上。 视觉流程具有趣味性与否对于观者的关注度、理解度与记忆度起着至关重要的作

用。具有趣味性的视觉流程 能够瞬间吸引观者的注意，让观者在阅读的同时产生愉悦感与享受感

，进而增强观者对版面的关注视觉， 更好的接收到设计师的信息传达，因此这就需要设计师在版

面设计时思考视觉流程规划的趣味性， 让观者在接收信息的同时感觉非常有意思，加深观者的印

象，引起思考，就像在给观者群讲述一个故事， 每一个视觉元素都扮演一个角色，他们结合在

一起形成了一个有趣的故事，这样的趣味性让观者身临其境，版面的 设计也鲜活了起来，富有

生命力。

第五，实用性原则。 视觉流程的最终目的是将信息准确、完整的传达出去，引导观者接收信息，

因此视觉流程的 运用要具有实用性。设计师在追求视觉流程的与众不同企图吸引观者注意的同时

一定要 把握视觉流程是否实用和信息的传达是否到位，不能喧宾夺主，过分追求视觉流程的个性，

而忽视视觉流程的实用性与信息传达的准确性，其视觉流程不能说是成功的。