版式设计第五章版式设计的视觉流程

1、版面设计的视觉流程 . 视觉流程的概念 . 如何建立视觉流程 . 视觉流程中的注意事项事物因光的作用，使眼睛发现信息而产生感受。由于视觉范围的局限和差异，人们的视觉有了一定的走向与习惯，这种习惯的程序就是视觉流程。一、视觉流程的概念 1、什么是视觉流程？ 人们在阅读版面时， 很自然地一步步看下去而形 成的无形的顺序“线”，就是版式设计的视觉流程一条垂直线在页面上，会引导视线作上下的视觉流动；水平线会引导视线向左右的视觉流动；斜线比垂直线、水平线有更强的视觉诉求力；矩形的视线流动是向四方发射的；圆形的视线流动是辐射状的；三角形则随着顶角之方向使视线产生流动；各种图形从大到小渐层排列时，视线会强烈

2、地按照排列方向流动。视觉流程，是视线在观赏物上的移动过程，是二维或三维空间中的运动。这种视觉的流动线极为重要，同时又是很容易被设计者忽视的因素。版面设计的视觉流程是一种“空间的运动”，是视线随各元素在空间沿一定轨迹运动的过程。这种视觉在空间的流动线为“虚线”，正因为它虚，所以设计时容易被忽略。 经验丰富的设计者都对此非常重视，他们善于运用这条贯穿页面的主线，设计易于浏览的页面。 从某个角度讲，视觉流程的设计结果就是版式。 人们是怎样看图片的？ 研究者们发现，我们眼睛浏览图片时不是处在一种连续不断的扫视之中，而是有一系列短暂的停顿和跳跃。这种间断不完全是任意的。 记住这一点，我们应注意下列一些情

3、况。 观看这张图的时候，你先看到了什么，后看到了什么？ A、眼睛有一种停留在一幅画面左上角的倾向。B、眼睛总是顺时针看一张图片。 C、眼睛总是首先看图片上的人，然后是注意诸如云彩、汽车等移动的物体，最后才注意到固定的物体。 既然我们都有一种从左到右、从上到下观察物体的习惯，毫无疑问，追寻这些视觉规律构建你的画面是最好的方式。 可以说视觉流程运用的好坏，是设计师设计技巧是否成熟的表现。 视觉流程可以从理性与感性，方向关系的流程与散构关系的流程来分析。 方向关系的流程强调逻辑，注重版面清晰地脉络，似乎有一条主线、一股气韵贯穿版面，使整个版面的运动趋势有“主体旋律”，细节与主体犹如树干和树枝一样和谐

4、。方向关系流程较散构关系流程更具有理性色彩。二. 如何建立视觉流程 视觉流程是版式设计的重要内容，可以说，视觉流程运用的好坏，是设计者技巧成熟与否的表现。 视觉流程的建立包括几个重要的因素，下面就对它们作具体的归纳与分析: 2 视觉流程类型和构建方法 在进行版式设计的时候，首先应该明确版式传达信息的目的、内容和要求，先对文字信息进行提取和归纳，使文章信息有明确的层次和群化结构，然后对图形进行适当地分类和处理，最后根据一定的顺序对元素做出合理的编排。利用以下方法来构建自己的视觉流程（视觉流程的类型）： 线型视觉流程 曲线视觉流程 中心视觉流程 反复视觉流程 导向视觉流程 散点视觉流程 线型视觉流

5、程，分为直线视觉流程和曲线视觉流程两类。 1、直线视觉流程 使页面的流动线更为简明，直接地诉求主题内容，有简洁而强烈的视觉效果。直线视觉流程表现为三种形式： 竖向视觉流程：给人坚定、直观的感觉。 横向视觉流程：有稳定、恬静之感。作品：戏剧海报作者：冈特.兰博（德国） 作品运用二维空间与三维空间过渡与巧妙结合，表现图形创意思维和独特的视觉效果。 斜向视觉流程：斜向线的版面设计流程以不稳定的动态引起注意,不仅能有效地烘托主题诉求点,且视觉流向独特,往往更能吸引人的视线。 2.2 曲线视觉流程曲线视觉流程，是由视觉要素随弧线或回旋线运动而形成的。它不如直线视觉流程直接简明，但更具流畅的美感。曲线视觉

6、流程的形式微妙而复杂，可概括为两种形式： 弧线形(c形)视觉流程：有扩张感和方向感。 回旋形(s形)视觉流程：两个相反的弧线产生矛盾回旋，在平面中增加深度和动感。 弧线形视觉流程，使页面具有很强的扩张性曲线视觉流程能使构图变得更丰富，形式感更强，例如圆形或弧线形，给人以节奏韵律、幽雅柔美的感受，营造轻松随意的阅读气氛2.3 重心的视觉流程重心是指视觉心理的重心，重心有三种概念：1.以强烈的形象或文字独居版面某个部位或完全充斥整版。 2.向心：视觉元素向版面中心聚拢的流程。3.离心：犹如将石子投入水中，产生一圈一圈向外扩散的弧线运动。重心的视觉流程使版面产生强烈的视觉焦点，使主题更为鲜明而强烈。

7、 重心视觉流程重心视觉流程 违背视觉流程的规律，文字与图形违背视觉流程的规律，文字与图形把版面的把版面的重心引向上方或下方、异重心引向上方或下方、异常出位。常出位。但从整体布局来看，具有但从整体布局来看，具有一种与众不同、标新立异的独特魅一种与众不同、标新立异的独特魅力。力。 2.4 反复视觉流程2.4 反复视觉流程：，给人以安定感、整齐感、秩序化和规律的统一感。 特异视觉流程：是构成要素在秩序的关系里，有意违反秩序。使少数、个别的要素显得突出，以打破规律性。由于这种局部的，2.5 导向视觉流程 导向视觉流程，是通过诱导性视觉元素，主动引导读者视线向一定方向作顺序运动，按照由主及次的顺序，把页

8、面各构成要素依次串联起来，形成一个有机整体。导向视觉流程的应用也很多见，可以使网页重点突出、条理清晰，发挥最大的信息传达功能。视觉导向元素有多种，有虚有实，表现多样。1. 文字导向“请按这里”、“点击进入”等文字，是通过语义的表达产生理念上的导向作用。另外，也可以对文字进行图形化处理，对浏览者产生自觉的视觉导向作用。2、手势导向 2. 手势导向比文字导向更容易理解，且更具有一种亲和力。 用卡通人物作手势导向 3. 形象导向同手势导向一样容易理解，较常采用的形象为箭头。同手势导向一样容易理解，较常采用的形象为箭头。 4. 视线导向 一组人物、动物面向同一方向，会因共同的视线而一致起来。不同的物品

9、方向一致，也可以产生统一感。如果将页面中人物的视线对着物品，就会引导浏览者的视线集中到物品上。充分利用视线导向，可以使视觉元素之间的联系加强，结构更加紧凑。 页面中的图像将视线引向画面以外十字形视觉流程：是垂直线和水平线对称的交叉构图。也有斜形交叉的形式。其视线的主眼点集中于十字的交叉点，使得重点突出。发挥最大的信息传达功能。发射式视觉流程：是以文字或点、线等形象作为视线诱导，将多种条件集中于一个主眼点上，具有多样统一的综合视觉效果。编排中的导线表现多样，虚实相生，富于运动变化。2.6 散点视觉流程 散点视觉流程，是指在分散处理视觉元素的编排方式。 其视觉流程为： 严谨、快捷、明朗，但生动有趣

10、，给人一种轻松随意和慢节奏的感受。 自由的视觉元素组合成明确的主题运用散点和曲线所形成的柔和的视觉主题文字散构组合打破次序感，是整体画面活跃灵动。作为个性化的视觉元素，拼贴剪纸式的文字分别占据了三个点，吸引视线在它们之间流动。最佳视域顺序最佳焦点最佳视域区视觉流程 人们阅读材料时习惯按照从左到右，从上到下的顺序进行。浏览者的眼睛首先看到的是页面的左上角，然后逐渐往下看。根据这一习惯，设计时可以把重要信息放在页面的左上角或页面顶部，如公司的标志、最新消息等，然后按重要性依次放置其他内容。 重要的信息应该让浏览者最容易发现，而不是深藏在多层链接之后。浏览者的眼睛首先看到的是页面的左上角浏览者的眼睛

11、首先看到的是页面的左上角三、视觉流程运动中应注意的事项 1、视觉流程的逻辑性 首先要符合人们认识的心理顺序和思维活动的逻辑顺序，故而， 例如图片所提供的可视性比文字更具直观性，把它作为广告版面的视觉中心，比较符合人们在认识过程中先感性后理性的顺序。 2、视觉流程的节奏性 节奏作为一种形式的审美要素，不仅能提高人们的视觉兴趣，而且在形式结构上也利于视线的运动。 它在构成要素之间位置上要造成一定的节奏关系，使其有长有短，有急有缓，有疏有密，有曲有直形成心理的节奏，以提高观众的阅读兴趣。 3、视觉流程的诱导性 现代广告的编排设计上，十分重视如何引导观众的视线流动。设计师可以通过适当的编排，左右人们的

12、视线，使其按照设计意图进行顺序流动。用什么要素捕捉观众的视觉注意力呢?1、当某一视觉信息具有较强的刺激度时，就容易为视觉所感知，人的视线就会移动到这里，成为有意识注意，这是视觉流程的第一阶段。2、当人们的视觉对信息产生注意后，视觉信息在形态和构成上具有强烈的个性，形成周围环境的相异性，因而能进一步引起人们的视觉兴趣，在物象内按一定顺序进行流动，并接受其信息。3、人们的视线总是最先对准刺激力强度最大之处，然后按照视觉物象各构成要素刺激度由强到弱的流动，形成一定的顺序。4、视线流动的顺序，还要受到人的生理及心理的影响。由于眼睛的水平运动比垂直运动快，因而在视察视觉物象时，容易先注意水平方向的物象，

13、然后才注意垂直 方向的物象。2、视觉流程有哪些流程形式？设计视觉流程的导读应注意哪些问题？视觉流程有7种形式：设计视觉流程的导读应注意；理性与感性、方向关系的流程与散构关系的流程。方向关系的流程强调逻辑，注重版面清晰的脉络，似乎有一条贯穿版面，使整个版面的运动趋势有“主题旋律”，细节与主题犹如树干树枝一样和谐，方向关系流程较散构关系的流程更具理想色彩。1、什么是视觉流程？、什么是视觉流程？版面设计的视觉流程是一种版面设计的视觉流程是一种“视觉空间的运动视觉空间的运动”，是版面空间的各元素引导，是版面空间的各元素引导视线阅读的运动进程。视线阅读的运动进程。3、请解读视觉流程在板式设计中的运动轨迹，以及设计师的编排构思？ 每个版面都有各自不同的视觉导读流程，无论导读流程清晰单纯，还是散乱含糊，都是设计师的风格体现，是设计师编排技巧的能力标志。4、视觉流程在版面中可理解为视觉导读与版面结构，你如何理解