版面设计的视觉流程教材

版面设计的视觉流程.视觉流动顺序

.视觉流程的形式.视觉流程运动中的注意事项在视觉心理学家的研究中，发现其下：一条垂直线在页面上，会引导视线作上下的视觉流动；水平线会引导视线向左右的视觉流动；斜线比垂直线、水平线有更强的视觉诉求力；矩形的视线流动是向四方发射的；圆形的视线流动是辐射状的；三角形则随着顶角之方向使视线产生流动；各种图形从大到小渐层排列时，视线会强烈地按照排列方向流动。经验丰富的设计者都对此非常重视，他们善于运用这条贯穿页面的主线，设计易于浏览的页面。

从某个角度讲，视觉流程的设计结果就是版式。

人们是怎样看图片的？研究者们发现，我们眼睛浏览图片时不是处在一种连续不断的扫视之中，而是有一系列短暂的停顿和跳跃。这种间断不完全是任意的。记住这一点，我们应注意下列一些情况。观看这张图的时候，你先看到了什么，后看到了什么？

一.视线流动规律1、当某一视觉信息具有较强的刺激度时，就容易为视觉所感知，人的视线就会移动到这里，成为有意识注意，这是视觉流程的第一阶段。

2、当人们的视觉对信息产生注意后，视觉信息在形态和构成上具有强烈的个性，形成周围环境的相异性，因而能进一步引起人们的视觉兴趣，在物象内按一定顺序进行流动，并接受其信息。3、人们的视线总是最先对准刺激力强度最大之处，然后按照视觉物象各构成要素刺激度由强到弱的流动，形成一定的顺序。4、视线流动的顺序，还要受到人的生理及心理的影响。由于眼睛的水平运动比垂直运动快，因而在视察视觉物象时，容易先注意水平方向的物象，然后才注意垂直方向的物象。人的眼睛对于画面左上方的观察力优于右上方，对右下方的观察力又优于左下方，因而，一般广告设计均把重要的构成要素安排在左上方或右下方。5、由于人们的视觉运动是积极主动的，具有很强的自由选择性，往往是选择所感兴趣的视觉物象，而忽略其他要素，从而造成视觉流程的不规划性与不稳定性。

6、组合在一起具有相似性的因素，具有引导视线流动的作用，如形状的相似，大小的相似，色彩的相似，位置的相似等。

可以说视觉流程运用的好坏，是设计师设计技巧是否成熟的表现。二.视觉流程的形式1.视觉流程的筹划视觉流程是版式设计的重要内容，可以说，视觉流程运用的好坏，是设计者技巧成熟与否的表现。视觉流程的筹划包括几个重要的因素，下面就对它们作具体的归纳与分析:

2视觉流程类型

视觉流程主要包括以下几种类型：

单向视觉流程（线型视觉流程）曲线视觉流程重心视觉流程（焦点视觉流程）反复视觉流程导向视觉流程散点视觉流程2.1单单向向视视觉觉流流程程（（线线型型视视觉觉流流程程））线型型视视觉觉流流程程，，分分为为直直线线视视觉觉流流程程和和曲曲线线视视觉觉流流程程两两类类。。1、、直直线线视视觉觉流流程程使页页面面的的流流动动线线更更为为简简明明，，直直接接地地诉诉求求主主题题内内容容，，有有简简洁洁而而强强烈烈的的视视觉觉效效果果。。直直线线视视觉觉流流程程表表现现为为三三种种形形式式：：竖向向视视觉觉流流程程：：给给人人坚坚定定、、直直观观的的感感觉觉。。明确确、、简简洁洁的的竖竖向向视视觉觉流流程程横向向视视觉觉流流程程：：有有稳稳定定、、恬恬静静之之感感。。横向向的的视视觉觉流流程程，，向向人人们们传传达达出出稳稳重重、、可可信信的的视视觉觉语语言言作品品：：《戏剧剧海海报报》作者者：：冈特特.兰博博（（德德国国））作品品运运用用二二维维空空间间与与三三维维空空间间过过渡渡与与巧巧妙妙结结合合，，表表现现图图形形创创意意思思维维和和独独特特的的视视觉觉效效果果。。斜向向视视觉觉流流程程：：斜向向线线的的版版面面设设计计流流程程以以不不稳稳定定的的动动态态引引起起注注意意,不不仅仅能能有有效效地地烘烘托托主主题题诉诉求求点点,且且视视觉觉流流向向独独特特,往往往往更更能能吸吸引引人人的的视视线线。。2.2曲曲线线视视觉觉流流程程曲线线视视觉觉流流程程，，是是由由视视觉觉要要素素随弧弧线线或或回回旋旋线线运运动动而而形形成成的的。。它不不如如直直线线视视觉觉流流程程直直接接简简明明，，但但更更具具流流畅畅的的美美感感。。曲曲线线视视觉觉流流程程的的形形式式微微妙妙而而复复杂杂，，可可概概括括为为两两种种形形式式：：■弧弧线线形形(c形形)视视觉觉流流程程：：有扩扩张张感感和和方方向向感感。。■回回旋旋形形(s形形)视视觉觉流流程程：：两个个相相反反的的弧弧线线产产生生矛矛盾盾回回旋旋，，在在平平面面中中增增加加深深度度和和动动感感。弧线线形形视视觉觉流流程程，，使使页页面面具具有有很很强强的的扩扩张张性性曲线线视视觉觉流流程程能能使使构构图图变变得得更更丰丰富富，，形形式式感感更更强强，，例例如如圆圆形形或或弧弧线线形形，，给给人人以以节节奏奏韵韵律律、、幽幽雅雅柔柔美美的的感感受受，，营营造造轻轻松松随随意意的的阅阅读读气气氛氛2.3重重心心的的视视觉觉流流程程重心心是是指指视视觉觉心心理理的的重重心心，，重重心心由由三三种种概概念念：：1.以强强烈烈的的形形象象或或文文字字独独居居版版面面某某个个部部位位或或完完全全充充斥斥整整版版。。其重重心心的的位位置置因因其其具具体体画画面面而而定定。。在在视视觉觉流流程程上上，，首首先先是是从从版版面面重重心心开开始始，，然然后后顺顺沿沿形形象象的的方方向向与与力力度度的的倾倾向向来来发发展展视线线的的进进程程。。2.向心心：：视觉觉元元素素向向版版面面中中心心聚聚拢拢的的流流程程。。3.离心心：：犹如如将将石石子子投投入入水水中中，，产产生生一一圈圈一一圈圈向向外外扩扩散散的的弧弧线线运运动动。。重心心的的视视觉觉流流程程使使版版面面产产生生强强烈烈的的视视觉觉焦焦点点，，使使主主题题更更为为鲜鲜明明而而强强烈烈。。重心心视视觉觉流流程程违背背视视觉觉流流程程的的规规律律，，文文字字与与图图形形把把版版面面的的重重心心引向向上上方方或或下下方方、、异异常常出出位位。。但从从整整体体布布局局来来看看，，具具有有一一种种与与众众不不同同、、标标新新立立异异的的独独特特魅魅力力。。2.4反反复复视视觉觉流流程程2.4反复复视视觉觉流流程程：：以相相同同或或相相似似的的序序列列反反复复排排列列，，形形成成画画面面形形象象的的连连续续性性，，给给人人以以安定定感感、、整整齐齐感感、、秩秩序序化化和和规规律律的的统统一一感感。。2.5特异异视视觉觉流流程程：：是构构成成要要素素在在秩秩序序的的关关系系里里，，有有意意违违反反秩秩序序。。使使少少数数、、个个别别的的要要素素显显得得突突出出，，以以打打破破规规律律性性。。由由于于这这种种局局部部的的，，少量量的的突突变变，，突突破破了了常常规规的的单单调调性性与与雷雷同同性性，，成成为为版版面面的的趣趣味味中中心心，，产产生生醒醒目目、、生生动动感感人人的的视视觉觉效效果果。。2.5导导向视视觉流程程导向视觉觉流程，，是通过诱诱导性视视觉元素素，主动动引导读读者视线线向一定定方向作作顺序运运动，按按照由主主及次的的顺序，，把页面面各构成成要素依依次串联联起来，，形成一一个有机机整体。。导向视视觉流程程的应用用也很多多见，可以使网网页重点点突出、、条理清清晰，发发挥最大大的信息息传达功功能。视觉导向向元素有有多种，，有虚有有实，表表现多样样。1.文文字导向向“请按这这里”、、“点击击进入””等文字字，是通通过语义义的表达达产生理理念上的的导向作作用。另另外，也也可以对对文字进进行图形形化处理理，对浏浏览者产产生自觉觉的视觉觉导向作作用。2、手势势导向2.手手势导向向比文字字导向更更容易理理解，且且更具有有一种亲亲和力。。用卡通人人物作手手势导向向3.形形象导向向同手势导导向一样样容易理理解，较较常采用用的形象象为箭头头。形象导向向，简洁洁明确4.视视线导导向一组人物物、动物物面向同同一方向向，会因因共同的的视线而而一致起起来。不不同的物物品方向向一致，，也可以以产生统统一感。。如果将将页面中中人物的的视线对对着物品品，就会会引导浏浏览者的的视线集集中到物物品上。。充分利利用视线线导向，，可以使使视觉元元素之间间的联系系加强，，结构更更加紧凑凑。页面中的的图像将将视线引引向画面面以外十字形视视觉流程程：是垂直线线和水平平线对称称的交叉叉构图。。也有斜斜形交叉叉的形式式。其视视线的主主眼点集集中于十十字的交交叉点，，使得重重点突出出。发挥挥最大的的信息传传达功能能。发射式视视觉流程程：是以文字字或点、、线等形形象作为为视线诱诱导，将将多种条条件集中中于一个个主眼点点上，具具有多样样统一的的综合视视觉效果果。编排排中的导导线表现现多样，，虚实相相生，富富于运动动变化。。2.6散散点视视觉流程程散点视觉觉流程，，是指在在分散处处理视觉觉元素的的编排方方式。它强调感感性、自自由性、、随机性性、偶合合性。其视觉流流程为：：视线随各各视觉元元素作或或上或下下、或左左或右的的自由移移动。这这种视觉觉流程不不如其他他视觉流流程严谨、快快捷、明明朗，但但生动有有趣，给给人一种种轻松随随意和慢慢节奏的的感受。。自由的视视觉元素素组合成成明确的的主题运用散点点和曲线线所形成成的柔和和的视觉觉主题文字散构构组合打打破次序序感，是是整体画画面活跃跃灵动。。作为个性性化的视视觉元素素，拼贴贴剪纸式式的文字字分别占占据了三三个点，，吸引视视线在它它们之间间流动。。最佳视域域顺序最佳焦点点最佳视域域区视觉流程程人们阅读读材料时时习惯按按照从左左到右，，从上到到下的顺顺序进行行。浏览览者的眼眼睛首先先看到的的是页面面的左上上角，然然后逐渐渐往下看看。根据据这一习习惯，设设计时可可以把重重要信息息放在页页面的左左上角或或页面顶顶部，如如公司的的标志、、最新消消息等，，然后按按重要性性依次放放置其他他内容。。重要的信信息应该该让浏览览者最容容易发现现，而不不是深藏藏在多层层链接之之后。浏览者的的眼睛首首先看到到的是页页面的左左上角三、视觉觉流程运运动中应应注意的的事项1、视觉觉流程的的逻辑性性首先要符符合人们们认识的的心理顺顺序和思思维活动动的逻辑辑顺序，，故而，，广告构构成要素素的主次次顺序应应该与其其吻合一一致。例如图片片所提供供的可视视性比文文字更具具直观性性，把它它作为广广告版面面的视觉觉中心，，比较符符合人们们在认识识过程中中先感性性后理性性的顺序序。2、视觉觉流程的的节奏性性节奏作为为一种形形式的审审美要素素，不仅仅能提高高人们的的视觉兴兴趣，而而且在形形式结构构上也利利于视线线的运动动。它在构成成要素之之间位置置上要造造成一定定的节奏奏关系，，使其有有长有短短，有急急有缓，，有疏有有密，有有曲有直直形成心心理的节节奏，以以提高观观众的阅阅读兴趣趣。3、视觉流程程的诱导导性现代广告告的编排排设计上上，十分分重视如如何引导导观众的的视线流流动。设设计师可可以通过过适当的的编排，，左右人人们的视视线，使使其按照照设计意意图进行行顺序流流动。用用什么要要素捕捉捉观众的的视觉注注意力呢呢?报纸广告告是大家家非常熟熟悉的广广告形式式。它种类繁繁杂、发发行面广广、时效效性强、、传播力力高、阅阅读者众众。尤其是报报纸的连连续性，，更能吸吸引读者者逐步加加深印象象。所以以说，报报纸是““解释力力最强””的广告告媒体。。报纸广告告的版面面大体分分为双页页跨版、、双半页页跨版、、整版、、半版、、四分之之一版、、三分之之一版和和其它不不同尺寸寸的广告告版面。。这要根据据客户要要求的具具体内容容进行适适当的选选择。一幅报纸纸广告主主要由商商标、品品名、标标题、广广告语、、文案、、厂名、、图片和和图形等等要素构构成，设计师的的任务就就是发挥挥上述各各种要素素的机能能，抓住住读者的的视线，，创造出出富于个个性的版版面形式式，达到到销售商商品和建建立品牌牌形象的的目的。。1.报纸广告告的版式式视觉流流程理解和运运用版式式设计的的视觉流流程广告设计计与视觉觉流程如为了了使广广告产产生良良好的的视觉诱诱导效效果，也为了了烘托托广告告主题题和增增加画画面兴兴趣，，现代广广告常常用俊俊男美美女作作版面面的广广告人人物形形象，，采用美美妙的的动与与静的的姿态态吸引引人们们的视视线。。当人人们的的视线线接触触到直直立的的人物物形象象时，，就会会从人人的脸脸部开开始，，到胸胸、腰腰、腹腹到脚脚，作从上上而下下的视视线流流动，最后后引导导到产产品上上或商商标上上。如如果人人们的的视线线接触触的是是横卧卧的横长形形的人人物形形象时时，就就会从从左到到右(或从从右到到左)进行行视线线流动动，最后到到达广广告诉诉求重重心。。安排广广告人人物形形象的的动势时，一一般均均让人人物形形象的的视线线朝向向于版面之之内部部，其他他手、、脚的的动态态设计计，也也要配配合视线的的方向向，做出出有运运动感感的姿姿势，，