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

教学重点：

1.了解和熟悉自然视觉流程和秩序视觉流程的区别与联系。

2.了解和熟悉秩序视觉流程的类型有哪些。

教学难点：

深刻理解秩序视觉流程的不同类型带给受众差异化的心理效应。

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

任何视觉艺术表现形式都存在视觉流程，何谓视觉流程呢？所谓“视觉流程”是指人们在观看所接受到的信息时有着一条视觉先后顺序，即视线沿着各元素排列位置移动的轨迹，观者先看到什么元素，再看到什么元素，最后看到什么元素，这一过程是一个视觉先后顺序的路线，我们称这个视觉先后顺序为“视觉流程”。视觉流程分为“自然视觉流程”和“秩序视觉流程”两种形式。

第一节自然视觉流程

自然视觉流程是指自然界当中视觉元素给人们的视觉顺序指导，如人们在自然当中看到的近景、中景、远景等诸多视觉形态元素的视觉顺序，它们都是客观存在的元素，因此，其视觉流程也是自然和客观的。我们发现，在空白画面中，在没有人为元素的状态下，人的自然视觉意识是一种潜意识的视觉流程顺序，如图3-1中，画面区域中自然的视觉流程走势，是自左上角向右下角递减的。所以，通常画面的左上角区域是最引人注目的位置区域。形放置位置大都在画面的的自然视觉流程处，视觉是按图3-2中的区域依次进行视觉递减的。如绘画作品的作者签名一般都是签于右下角的视觉自然末端，所以不会太显眼，图3-3中点①为画面物理中心，点②则是人的视觉中心，这是由于人的视错觉造成的。经研究发现，人的视点是高于物理视觉中心的，所以，点②是人们的自然视觉中心点，而其向周围辐射的区域便成为自然视觉重点区域。因此，在人们的自然视觉潜意识里，此区域是放置重要图形信息或重要文字信息的首选位置。这属于人的本能意识，正是因为这种本能意识，使设计应用阶层的决策者们干涉设计师设计行为成为普遍现象，结果导致了大量无序的本能设计作品产生。传统平面设计作品多带有自然视觉流程的特征。传统平面设计给人的视觉中心是图3-4，此类这设计文字大小差异性很小，构图非常满，信息量较大，版式排列布局雷同且中庸。

第二节秩序视觉流程

现代版式设计力求打破传统的设计方式，追求创新视觉流程，设计师力求找到使人们耳目一新的视觉流程秩序，而且将“空白”概念列入视觉元素的对比关系当中，注重强调虚实空间的视觉对比效果。尽量克服人的视觉本能和潜意识，并用主观合理的设计手法打破常规的位置排列关系，突破人们的视觉框框和视觉习惯，以全新的视觉流程秩序，让设计作品带给人们更新颖、更独特的视觉审美效果。当然，秩序视觉流程必须是设计师充分了解了自然视觉流程，用自己主观理性的设计意图来改变人们原有的视觉习惯，用科学合理的视觉流程方式来引导受众的视觉顺序，从而更好地向受众传达独特、和谐、创新、秩序等形式美感的视觉信息。设计师在一定程度上是可以改变人们的自然视觉流程习惯的，在设计中可根据设计需要来主动引导人们的视觉流程，这样才能设计出千变万化的设计视觉流程效果，给人们带来新颖别致的视觉享受。正确地了解和运用视觉流程原理已经成为平面视觉传达设计的基本要求。

在平面视觉传达设计中，按科学的视觉流程顺序来排列图形、文字、色彩彼此之间的关系，处理好各元素之间的视觉顺序是至关重要的。在秩序视觉流程的应用中，有很多表现方式，其中常见有以下几种形式。

一、水平

水平视觉流程是指将版面中的视觉元素按照水平方向进行排列，这种从左向右的排列方式符合人们的阅读习惯，如图3-5水平线给人温和、安定、静止的视觉感受，可以使整个版面产生稳定、静态的视觉效果。

（一）简洁

水平版面给人舒适的感觉，版面中大片的留白使得版面显得简洁而精炼，突出了宣传的主题，从而吸引观者的注意。如图3-6版面中的文字横排布置，文字大小粗细变化能抓住观者的视线，简洁大气，不显单调。

（二）大小

水平的视觉流程符合人们从左向右的阅读习惯，图形大小的对比变化更能准确明了的阐明产品信息。如图3-7版面中将不同大小体块的苹果按水平方向错落排列，视觉中心处的苹果裁剪成最大块，突出版面的中心；版面中商品文字信息以水平方式居中排列，吸引观者的注意力，达到良好的宣传效果。

（三）空间

文字以水平的视觉流程由深到浅进行排列，增加了版面的空间层次感。版面内容富有秩序感，感官上具有强大的视觉冲击力，给人带来深刻的视觉感受。如图3-8在版面

中主体文字采用由大到小、由实转虚的特效手法，简洁明了的突出主题，版面右下方文字由深到浅排列与版面主体文字的设计遥相呼应，使版面具有良好的空间感和层次感。

（四）延续

文字的水平排列以及文字的破形处理，形成水平的视觉阅读流程，也带来视觉的延续感，给观者很大的想象空间。如图3-9版面中的左右两侧的字母进行了破形处理，形成版面外观者想象的延续空间，再搭配以背景上的浅色螺旋纹，更好的增加了版面的空间感与层次感。

（五）创意

由人物两腿之间的距离构成版面中的文字中心，并占据版面的视觉中心位置，展示出水平的视觉流程，大面积的图形与小面积的文字形成对比，营造出独特的视觉感受。如图3-10图形与文字简洁明了的编排方法向人们传达出版面的宣传信息，人物形象的腿部特写突出了视觉中心，吸引人们的目光。

二、垂直

垂直视觉流程是指将版面中的视觉元素按照垂直的方向进行排列，这种从上往下的排列方式给人坚定、理性、直观的视觉感受；随着视线的上下移动，能表现出一种力量的美感。如图3-11各个文字组合的垂直排列形式，形成了版面的垂直的视觉流程，给人严谨、理性、秩序的视觉感受；再通过文字的颜色与大小的变化，形成一种视觉上的层次与空间感。

（一）坚定

由垂直排列的文字组成新的图形，形成垂直的视觉流程，给人坚定和理性的视觉感受。如图3-12竖向排列的文字通过字号与颜色的不同在版面中形成了一支香烟的图形，突出宣传的主体是香烟，给人直观的视觉感受；同时，暗黄色文字在背景的映衬下，形成画面的力量感，版面整体协调统一。

（二）层次

垂直排列的文字与下方的图形共同形成版面的垂直视觉流程，再配以文字颜色的深浅变化，形成一种视觉上的层次感和空间感。如图3-13，文字的设计独特且富有个性，形成奇特的视觉效果，给人时尚和潮流感。背景图形的运用与文字相得益彰，突出了版面的视觉层次感。

（三）理性

版面的垂直视觉流程给人理性、稳重、直率的视觉感受。版面中的文字或是图形稳定且对称的布局，增加了消费者对商品的信赖感。如图3-14左右两侧不同背景颜色的对比与衬托下，汽车的形象醒目且突出，置于左右两侧的文字从不同的角度突出宣传信息，画面左右对称，视觉效果醒目突出。

（四）创意

文字的排列形成垂直的视觉流程，增强了版面的表现力和艺术感。文字构成图形的巧妙创意简洁直观的传达出版面信息。如图3-15文字与图形的巧妙结合，使整个版面具有较强的视觉冲击力；版面背景颜色的选择，丰富了版面视觉效果。

三、斜向

斜向视觉流程是指将版面中的视觉元素按斜向进行排列，这种排列方式给人以冲刺、飞跃、前进、向上的视觉感受，表现出力量与重心的前移。斜向视觉流程具有强烈的冲击力，能以其不稳定的动态视觉感受吸引观者的目光。

（一）动感

强调突出前方倾斜排列的人物图片，形成了充满动感和活力的视觉效果。如图3-16人物倾斜排列在斜向的直线上，醒目突出；看似复杂多变的人物在排列上却很讲究，大小和位置变化丰富且协调，主次明确，充满动感；版面中的文字竖向排列线条流畅，突出画面的空间感。

（二）叠印

倾斜排列的色块形成不稳定的动态视觉，表现出力量与重心的前移感，能吸引观者的目光，达到宣传的目的。如图3-17将色块斜向排列于版面中心位置，色块不透明变化进行叠印，形成具有冲击力的画面，吸引观者的眼球；黑色的文字稳重有力，与版面中心的人物都是竖向排列，共同与倾斜的色块构成了统一协调的画面。

（三）冲击

斜向排列的文字和剪影图形形成向前冲的画面，给观者带来速度与力量感，展现出强烈的视觉冲击力。如图3-18由远及近的汽车及人物剪影与黑色发射线条形成速度感的画面效果，表现出画面的空间感；文字的排列方向与图形排列方向一致，形成了统一的画面视觉效果。

（四）速度

用斜向视觉流程来表现出速度化的特性，展示出随时会冲出版面的视觉效果。如图3-19，版面中的各种视觉元素堆积组合于版面的视觉中心位置，整体又成斜向排列，不仅增加了版面的层次感，而且体现出速度快、高科技化的视觉效果。

（五）稳定

倾斜的版面视觉流程占据版面的大部分空间，黑色与黄色的搭配增加了版面中的视觉层次，让人印象深刻。如图3-20黑色文字以延伸的形式在画面中既成垂直排列又成斜向的视觉流程，增加了画面的稳定感；黑色与黄色的搭配突出画面的统一感和协调性。

（六）均衡

将版面中的图片与文字按照45度角排列，既可以使版面条理清晰、均衡协调，又增加了版面的动感和韵律，适应观者的阅读习惯。如图3-21冲出版面的图片，形成了视觉上的延伸感，带给观者无限的想象空间；文字大小、方向、颜色的变化增加了版面的灵动性和均衡感。

四、曲线

曲线视觉流程是指将版面中的视觉元素按曲线进行排列，这种排列方式给人一种柔美、优雅的视觉感受。曲线视觉流程虽不如水平、垂直视觉流程那样直接简明，但它更具韵味、节奏和动态美，能够营造出轻松舒展的气氛。

（一）形象

由文字组成的路线形成人体的S形曲线效果，形象生动的展示出版面的主要特色，加深人们对版面的深刻印象。如图3-22弯曲的文字如同人体的S形曲线，版面中的人物S形曲线的姿势与文字路线形成视觉上的互应，整个版面没有其他多余的文字信息，简洁明了，能集中观者的视线，给人留下深刻的印象。

（二）广阔

版面中大面积的曲线空间，展现出独具创意和特色的设计版面，从人与烟曲线的完美结合，为观者提供了丰富的遐想空间。如图3-23红色的背景上白色的烟雾，更能凸显图形元素，体现出广阔的空间感，极具视觉张力；版面中疏密对比强烈，能引导观者的视线，突出宣传的主题。

（三）生动

文字的巧妙排列形成曲线的视觉流程，如同从琴中弹出的动人旋律，形象生动且富有节奏感。如图3-24文字被巧妙的连接成生动的曲线，大小、颜色变化从细节上增加了

版面的节奏感；人物的动态与文字的编排巧妙结合，为版面营造出轻松愉悦的氛围；版面中的弧线与文字信息相互应，使版面生动有趣。

（四）趣味

人物图片蜿蜒形成灵动的曲线问号，将版面进行分割，突出问号中的文字信息，展示出充满趣味感和空间感的画面。如图3-25问号的点变成一位站立的人物，与图片元素的问号曲线相互应，引发人们的思索；版面下方的文字采用水平排列，起到了平衡版面的作用。

（五）创意

通过人物的头纱与颈背形成曲线的版面视觉，突出产品的使用人群。如图3-26版面中人物的曲线形式具有极强的视觉冲击力和美感；人物颈背的曲线将版面很好的平分为上下两部分，文字信息巧妙的排列于曲线里面，直观的宣传主题思想，便于大众的理解。

五、核心

核心视觉流程是指在版面中选择一处位置进行重点信息的传达，也就是以一个图形、文字或色彩形象占据版面的核心位置，产生强烈的视觉效果。根据版面的不同，视觉核心的位置也是不同的。根据版面所要表达的含义来决定视觉核心的位置，能够鲜明地突出主题。

（一）主题

由宣传主体组成的图形作为版面的视觉核心，在突出宣传主题的同时，揭示出宣传信息，加深人们对版面的认识。如图3-27将铅笔与墨迹结合，简单明了的构图形成极强的视觉冲击力，突出版面核心；版面文字信息以白色占据墨迹的大面积位置，显示出了文字信息的重要性，清晰明确的突出诉求核心。

（一）对比

映入眼帘的男女人物对比占据了版面视觉的核心，突出了宣传的主题思想，能引起人们的关注，达到宣传的目的。如图3-28男女人物黑人与白人的对比图占据了版面的中心位置，聚集观者的目光，达到吸引人注意的作用；版面中并没有文字信息，左右两边人物的对比，简洁明了的突出宣传主题，醒目且直观。

（二）直观

图片置于版面视觉的核心位置，直观地传达出版面的主题，清晰明确。如图3-29图片上方文字下方的编排方式，平凡却能主题明确，令人印象深刻；文字大小的变化，主次明确，遵循人们的视觉习惯，醒目突出。

（三）时尚

美丽动人的人物面部占据版面的核心，给人时尚和活力的印象；画面中红色的凸显，增强了画面的视觉核心。如图3-30红色的指甲、人物、文字、背景使版面具有层次感，主次分明；人物的指甲与妆容的设计展现出时尚性和现代感，引人注目；手势的放置位置将视线指向杂志名称，使主题醒目突出。

（四）创意

指纹与树叶、指纹与鱼的结合占据了画面核心，醒目突出。指纹与树叶和鱼的完美融合展示出环保承诺、点亮生活这一中心，简洁直观的诉述，使人对广告的主题一目了然。如图3-31通过图形的结合突出宣传的主体，清晰醒目，能吸引观者的视线，加深人们的印象，展示出设计极强的创意，让人过目不忘；右上角的地球一小时标志和世界自然基金会标志表明了宣传的机构。

六、反复

反复视觉流程是指把相同、近似、渐变的元素进行重复的、有规律的排列，使其产生一定的秩序、节奏与韵律，给人视觉上的重复感，采用重复性的图案，增强了图形的识别性和画面的生动感，能够强调主题，形成强烈的视觉效应。

（一）穿插

国旗作为版式中大小相同的元素反复排列，穿插人物不同的运动图片，形成统一中存在变化的版面，丰富版面的视觉美感。如图3-32反复排列的图形形成视觉上的连续性和节奏性，能加深观者的印象；标题文字位于版面正上方，版面其他文字信息整齐有序的统一放置于版面下方，与版面主体中的图片与图形相互应，形成版式上的主次分明、严谨统一。

（二）重叠

重叠排列的数字组成新娘的红盖头，充满传统美学意义，形成了强烈的视觉效果，醒目而美观，能吸引人们的注意。如图3-33重复排列的黄色数字组成红盖头，占据版面的视觉中心位置，给人震撼力；右下角文字的摆放轻盈活泼又富有节奏感；灰色的背景衬托红色的主体，醒目直观，给人留下深刻的印象。

（三）节奏

多彩缤纷的字母反复排列组成音乐符号，轻盈活泼又富有节奏感。如图3-34版面的视觉中心，大小不同颜色各异的字母非常醒目突出，起到了活跃整个版面的作用；通过

版面的严谨与活泼变化突出版面的层次感和空间感；标题与文字信息放置于版面的正上方位置，点明了版面的主题。

（四）秩序

有规律的排列在版面中的产品清晰醒目的展示在观者的面前，能引起观者的注意，给人留下深刻的印象。如图3-35重复排列的火柴规整有序，红色的火柴头与标题文字首字母的红色相互应，醒目突出，起到了强调版面的作用；文字信息严谨的放置于版面下方位置，增加了版面的庄重感，让人印象深刻。

（五）统一

规整的排列在版面中的字母形成版面的视觉中心，大小相同的字母统一放置于白色的背景色上，形成视觉上的统一感。如图3-36由图像画了的字母组成的26字母图放置于版面的核心，阐明了版面的主题；26个字母分别放置在26个大小相同的方格里，整齐有序，严谨规范；文字信息分别整齐的放置于26字母的首尾，前后呼应，形成视觉上的严谨统一。

七、导向

导向视觉流程是指利用图形、文字或色彩等设计元素，引导读者按照预设好的方向进行阅读。由主及次，把版面的构成元素串联起来形成一个整体，使重点突出、条理清晰，将信息最大化地传达给读者。版面中的导向形式多样，如直接导向、简洁导向、虚形导向以及文字导向等。

（一）色彩

版面中彩色的图底不但使版面生动活泼，而且引导人们的视线抓住版面的精彩部分，抢眼突出。如图3-37版面中图底颜色的不同以及文字色彩与字号的变化，不仅丰富了版面的层次感，更是使版面主次明确，清晰明了，便于观者对于版面信息的浏览。

（二）拼贴

具有指示性的箭头和文字装饰图形自由拼贴，使版面充满活力，与规整严谨的标题文字形成鲜明的对比，易于激起观者的阅读兴趣。如图3-38白色的文字在活泼的版面中严谨稳重；形态颜色各异的文字及装饰图形自由排列，打破了沉稳的气氛，增添了活泼可爱的气息；多种样式的箭头图形，营造出活跃积极的气氛，起到导向的作用。

（三）箭头

版面中带有导向性的箭头十分醒目，与周围的图片和文字一起直接准确的传达出宣传的信息，让人一目了然。如图3-39版面中的图片卡通可爱，色彩艳丽突出，传达给观

者活泼感和生动性；版面中的重要信息附着在灰色的底色上，放置于版面的中心位置，主次明确，既醒目又和谐；箭头对文字信息的导向使版面清晰明了。

（四）标示

具有标示性和指向性的图形形成画面的主体，将信息直观的传达给观者，引导人们的视线进行阅读，清晰醒目。如图3-40不同位置的白色圆形图形生动可爱，醒目突出，起到活跃版面的作用；手的图形给人亲切感，作为主体图形，能够吸引观者的注意。

（五）曲线

通过丝带的飘动形成具有导向性的版面，引导人们的视线从上向下阅读两侧的文字。如图3-41由丝带构成的文字醒目突出，亮眼的白色能够吸引观者的眼球。丝带穿插于黑色的文字之间，达到导向的作用；左上角与左下角的横排文字在介绍信息的同时起到平衡版面的作用。

（六）形象

以汽车的车头作为引导元素，通过汽车的车头方向突出版面的中心，以吸引观者的注意。如图3-42汽车车头贯穿整个版面的上半部分，点明了版面宣传的主题思想；汽车车头方向形成具有方向性的画面，清晰醒目；文字信息位于汽车的正前方，设计严谨规范，主题明确，一目了然。

八、散点

散点视觉流程是指图与图、图与文字之间自由分散的排列方式，整体版面充满自由轻快之感，呈现出感情性、无序性、个性化的非常规状态。编排散点组合时，要注意图片大小、主次的搭配，强调版面的轻松灵动，给人带来活跃、自在、生动有趣的视觉体验。

（一）虚实

内容丰富的版面运用散点视觉流程时，要防止所有内容都跑到前面，透视的处理能很好地营造版面的空间感，让版面有序。如图3-43文字信息和图片信息有条理地编排在版面的四周，给人信息充足，条理清晰的感觉；重要图片占据了版面的中心位置，醒目突出，凸显出其主导地位；中心图片的透视处理增强了画面的空间感。

（二）主次

散点视觉流程虽然无序，但也需要精心设计，主次搭配，才能拥有形神不散的效果。图3-44黑色的标题字位于版面的中心位置，表明了其主导的地位；版面文字信息以小号

字体居中的排列于画面的中下方，丰富了版面的层次感，主次分明能够引起读者的阅读共鸣。

（三）层次

散点视觉流程让读者可以自由寻找版面的精彩之处，但需要层次分明，而不是东拼西凑、杂乱无章。如图3-45背景的剪影形式、版面中心的图形以及文字信息三者巧妙编排，形成一个整体，醒目而又自然，增加了版面的秩序性；穿插于背景之间的图形大小与颜色各异，使整个版面理性而又不失活泼。

（四）新奇

图片的选择独具匠心，运用黑白色形成剪影图形，创造出独特的视觉效果，吸引观者目光的同时，也增强了版面的空间感。如图3-46黑色与白色的完美融合，形成剪影图形，使版面别具一番韵味；版面中文字信息条理的编排，简单明了，让读者阅读时一目了然；版面安静有序，令人印象深刻。

（五）率性

无序化的图形元素率性地排列，充分展现出了自由与活力，准确地表达出了宣传主题，极具感染力。如图3-47形式的独特与动感，准确地传达了主题思想；文字信息自由的穿插，丰富了版面形式，同时也强调了重要信息，主次明确，同时也使整个版面充满了动感和活力。

（六）趣味

散点视觉流程使版面更加有趣丰富，卡通人物、多种元素的运用，增强了版面的活泼和丰富感，能给人带来自在有趣的视觉体验。如图3-48版面丰富有趣，视觉中心的人物特写很有视觉冲击力；文字信息巧妙严谨地穿插于各种元素之间，使版面层次清晰，增强了秩序感。

作业：

选择一张海报或宣传单页，在保留原有信息的基础上，按照秩序视觉流程（设计师牵引受众视线的科学方法），设计出三种不同的版式。

视觉流程设计考题汇总(按题目类型有答案)

视觉流程设计考题汇总(按题目类型有答案)

视觉流程设计试题汇总（有答案版） （填空题，每个1分） 1.绘画的四要素：描绘、色彩、构图、创意。 2.现代设计兴起于20世纪20年代的欧洲，二次大战后在美国得到迅速的发展。 3.设计活动包括造型计划、造型行为和造型活动。 4.现代设计从人、自然、社会的对应关系来分类，可分为：视觉信息传达装置设计、产品装置设计、环境装置设计。 5.视觉传达的信息载体是设计图像，是人与人之间的行为方式的传达。 6.现代社会中如果没有视觉传达就无法生活，视觉的传达亦可称为非语言的传达。 7.传达可分为视觉传达和语言传达。 8.视觉传达与语言传达不同，它是依靠传达媒体“物”来实现的，是按人—物--- 人 这样的系列传达。 9.汉字的结构主要包括：结构方式、结构形式、结构规律。 10.六书：又称六义，指象形、指事、会意、形

声、转注、假借。 11.两千年来形声字一直是最方便的造字法。 12.隶书也称“左书”“史书”，是由篆书简化演变而成的一种字体。 13.楷书也称“正书”“真书”，是指为纠正草书慢无标准和减省汉隶而形成的一种汉字字体。14.视觉性和传达性的效率是印刷字体追求的主要目标。 15.汉字印刷体主要包括宋体、黑体和圆头体。 16.宋体俗称“老宋体”，日本称之为“明朝体”。 17.视觉传达设计中的字体设计包括文案设计和字体设计。 18.文字的编排包括：横排和竖排两种形式。 19.在现代视觉传达设计的素材中，点是一切形态的基础。 20. 剪影图形的一般表现方法是：简略、错影和三维的平面化。 21. 色彩的三重性：色相、明度、纯度。 22.直接的色彩构成是商品装潢设计中最基本的表现形式，此种色彩的运用又称 商品形象色。 23.空间在平面设计中实际上是指画面中各种元

视觉流程与版式类型

（一） 在视觉心理学家的研究中，视觉运动规律是其成果之一。一条垂直线在页面上，会引导视线作上下的视觉流动；水平线会引导视线向左右的视觉流动；斜线比垂直线、水平线有更强的视觉诉求力；矩形的视线流动是向四方发射的；圆形的视线流动是辐射状的；三角形则随着顶角之方向使视线产生流动；各种图形从大到小渐层排列时，视线会强烈地按照排列方向流动。 视觉流程，是视线在观赏物上的移动过程，是二维或三维空间中的运动。这种视觉的流动线极为重要，同时又是很容易被网页设计者忽视的因素。经验丰富的设计者都对此非常重视，他们善于运用这条贯穿页面的主线，设计易于浏览的页面。从某个角度讲，视觉流程的设计结果就是版式。本章也将对网页设计的版式设计进行总结和阐述。 1.视觉流程的筹划 视觉流程是网页版式设计的重要容，可以说，视觉流程运用的好坏，是设计者技巧成熟与否的表现。视觉流程的筹划包括几个重要的因素，下面就对它们作具体的归纳与分析。 页面中不同的视域，注目程度不同，给人心理上的感受也不同。一般而言，上部给人轻快、漂浮、积极、高昂之感；下部给人压抑、沉重、限制、稳定的印象；左侧，感觉轻便、自由、舒展，富于活力；右侧，感觉局促却显得庄重。网页中最重要的信息，应安排在注目率最高的页面位置，这个位置便是页面的最佳视域。 图1 页面的设计轻松而具均衡的形式感，把最佳视域留给了横贯页面的大banner

图2 作为个性化的视觉元素，拼贴剪纸式的文字分别占据了三个点，吸引视线在它们之间流动 人们阅读材料时习惯按照从左到右，从上到下的顺序进行。浏览者的眼睛首先看到的是页面的左上角，然后逐渐往下看。根据这一习惯，设计时可以把重要信息放在页面的左上角或页面顶部，如公司的标志、最新消息等，然后按重要性依次放置其他容。 重要的信息应该让浏览者最容易发现，而不是深藏在多层之后。 图3 浏览者的眼睛首先看到的是页面的左上角 （二）

版式设计复习参考题一教程文件

版式设计复习参考题一 第一章 1、版面编排设计研究的是平面设计的（视觉语言与艺术风格） 2、编排设计可以培养学生（对版面审美的认识、锻炼设计技能、） 3、编排设计既是一门基础课、又是一门真正意义的设计艺术。 4、20实际初欧洲出现的三个重要的核心运动(俄国的构成主义、荷兰的风格派、德国的包豪斯)。 5、构成主义版面编排的特点：以几何的形式构成，自由拼合、无序，整体上讲究理性的规律强调结构和空间的对比关系。 6、现代主义在平面设计上的贡献：1、创造了无装饰线脚的国际字体为主的新字体体系；2、对简洁的几何抽象图形进行探索研究；3、将摄影作为平面设计插图形式；4、将数学和几何学应用于平面设计分割。 7、立体主义是现代艺术中重要的运动，也是平面设计的形式基础。 8、国际主义风格在平面设计的贡献：研究出骨骼排版法。国际主义在形式上以“少则多”为特征和宗旨，特点是高度的功能化、标准化、系统化。 9、从意识形态上看后现代主义是对现代主义、国际主义设计的一种装饰发展，反对“少即多”的减少主义风格、主张以装饰的手法来传达视觉上的丰富。 第二章 1、版面设计的组织原则：鲜明主题的诱导力、形式内容统一、强化整体布局。 2、要获得版面鲜明的视觉效果，可以：1按照主从关系的顺序，将主体形象放大并编排与版面视觉中心，2、将文案信息整体组织编排设计，减少散乱的文字信息干扰， 3、在主体形象四周大量留白。 3、版式设计所追求的完美形式必须符合设计思想主题的表达，这是编排设计必须遵循的原则及设计的先决条件。 4、只有形式与内容统一，围绕主题精神进行设计风格的探索，版面效果才会深刻感人，形式完美。 5、获得版面的整体布局，可以从一下方面考虑：1、加强整体结构组织的方向视觉秩序；2、加强文案的集合性；3、加强展开页的整体设计。 第三章 1、将首行放大，起着引导、强调、活泼版面和成为视觉焦点的作用。 2、点在版面中处于不同位置的效果：1、点处于几何中心时，视觉张力均等既庄重又呆板。2、点位于视觉中心时，有视觉心理的平衡和舒适感。 3、点偏左或偏右时，产生向心移动趋势，过于边置也产生离心动感。 4、点处于上、下边置，有上升或下沉感。 3、为了追求新颖的版式，特意将视点导向左右上下边置的变化已成为今天常见的版式表现形式。 4、版面设计中的线形态很多，有形态明确的实线、虚线，也有空间的视觉流动线。 5、版面设计的线的分割形式有：空间等量分割、直线分割、在骨骼分栏中插入直线分割、不同比例的空间分割。 6、力场是一种虚空间，是对一定范围的空间的知觉或感应，所以也称为心理空间。 7、版面中“力场”的空间感应是：在文字和图片中插入直线或线框进行分割和限定，被分割和限定的文字或图形的范围即产生紧张感并引起视觉注意，这正是力场的空间感应。 8、力场的大小与线的关系：线粗、实，力场的感应则强。线细、虚，力场的感应则弱。

版式设计试题

一、单项选择 1、版面编排设计是( B ) A、一维设计 B、二维设计 C、三维设计 D、四维设计 2、点、线、面是版式设计中的( C ) A、基本样式 B、非基本样式 C、基本元素 D、非基本元素 3、可以产生平静、安详感的线是( B ) A、直线 B、水平线 C、斜线 D、折线 4、线框在版面设计中常起的作用是( A ) A、强调作用 B、夸张作用 C、装饰作用 D、时尚作用 5、曲线视觉流程的形式微妙而复杂，通常可概括为( A ) A、二种 B、三种 C、四种 D、五种 6、近年来国内流行的排版趋势是( C ) A、曲线视觉流程 B、反复视觉流程 C、散构视觉流程 D、重心视觉流程 7、对比是强调版面元素间的( B ) A、单纯性 B、差异性 C、秩序性 D、统一性 8、在版面中，为求视觉心理上的静止稳定感，通常会用( B ) A、节奏与韵律 B、对称与均衡 C、虚实与留白 D、对比与和谐 9、世界流行的计算字体的标准制度是( A ) A、号数制 B、磅数制 C、级数制 D、点数制 10、在版式设计中，行距在常规下的比例为( C ) A、6:8 B、8:10 C、10:12 D、12:14 11、文字围绕图形的编排设计是指( B ) A图标设计B、文字的互动性C、文字的整体编排D、文字的图形编排 12、文字信息的跳跃率与阅读率( D ) A、没有关系B、没有比例C、成反比D、成正比 13、平面设计是以印刷的形式出现，我们通常的颜色模式为( B ) A、RGB B、CMYK C、Lad D、HSB 14、就图版率而言，商业性的读物适合( A ) A、高图版率 B、中图版率 C、低图版率 D、10%的图版率 15、在用于传达抒情或运动的图版时，应用较多的是( C ) A、角版 B、挖版 C、出血版 D、都可以 16、从图形与文字的传播速度上讲，它们的传播速度为( D ) A、一样快 B、一样慢 C、文字快 D、图形快 17、在研究版面的同时，不可忽略对图像视觉“角度”的研究，可以给版面带来崭新的视觉形象和张力的是( D ) A、平视 B、仰视 C、俯视 D、逆向的视觉角度 18、网页设计和平面设计有相似也有不同处，不同处是指( B ) A、组织结构 B、互动性 C、版式布局 D、空间表现 19、骨骼设计是( A ) A、理性的 B、感性的 C、自由的 D、无序的 20、单项视觉流程的方向关系表现为( C ) A、一种B、二种C、三种D、四种 二、多项选择 21、面在版面设计中概念可以理解为( BDE ) A、版面 B、线的重复 C、表面 D、点的密集 E、点的放大 22、版面设计的基本元素是指( ABC )

版面设计试题及答案(供参考)

文档来源为:从网络收集整理.word 版本可编辑.欢迎下载支持. 1文档来源为:从网络收集整理.word 版本可编辑. 1、版 面设 计中 可以加强各部分相关元素的 相似性 和 集合性 、版面色彩的 统一性 和 延续性 ，使画面增加美感和阅读效果。 2、 点 、 线 、 面 是组成视觉空间的基本元素，也是版面编排 设计中的主要 视觉 构成语言。 3、版面设计中要依据 媒介形式 、 受众群体 、 诉求重点 等客 观要求，进行统一规划、调度和安排。 4、版面设计中一般都是运用独特新颖、准确适当的方式将视觉元素组织编排起来， 将 图片 、 文字 和 色彩 集合于视觉空间中。 5、点、线、面的组合方式多种多样， 位置 、 方向 和 大小 等 的改变都能让版面呈现出不同的面貌。 6、对于一个版面来说，要做到吸引人的视觉注意力，利用人的 视觉心理 和 视觉生理 吸引人的眼球，实现信息有效的传达，就必须把握视觉流程 规律。 二、简答题（共32分 每小题8分） 1、版面设计中视域的概念是什么？ 答： 在版式设计中,存在着最佳的视觉区域。根据人们对阅读习惯的总结经验可知,

文档来源为:从网络收集整理.word版本可编辑.欢迎下载支持. 物象被摆在不同的位置,会使画面置现出不同的视觉印象。明确了画面的主题信息诉求的主次关系,在视域内摆布视觉元素,才能带给观赏者视觉上的舒适感。信息内容超出视域宽度,眼睛必须不停地移动才能延续阅读,如字行过长不仅容易造成阅读的疲乏,更影响阅读速度。 在同一水平线上,左边的事物总是比右边的事物先进人人的视线;视图的上部与下部比较起来,上部给人以轻浮、虚无的感觉,下部则给人以踏实、稳定的感觉。2、版面设计中视觉流程的概念是什么？ 答： 视觉流程是指平面上各种不同元素的主次、先后关系，是设计上处理起始点和过程的一种阅读节奏,是人的视觉在接收外界信息时的空间流动程序。版面中存在着大量的信息,人们不能同时接收所有的物象信息,所以要按照一定的流动顺序进行运动,这些信息需要一个最佳的组合与合理的编排。因此,视觉流程设计尤为重要。 版面设计的视觉流程也被称为是一种“空间的运动”，就是视线会随各个视觉元素在空间内沿一定的轨迹运动。这种流动的线条并没有实实在在的出现,而是引导人的视线,依照设计师的意图来获取相关信息的“虚拟的线”。 3、版面设计中什么是版面率？设计时应如何运用？ 答： 版面率是指版面上文字与图所占面积与整个版面的面积之比。由于版面率设定不同,版面的效果也会给读者带来不同的印象,所以需要适当处理。在实际应用中,版面率应与整个版面的风格对应起来进行统筹安排。 版面率高即文字与图所占版面的面积较大,内容丰富实用,也比较大众化,版面中留白相对较少。此类型版面安排如果把握不好,极易显得整个版面过于拥挤和无序。版面率低就意味着留白多,图文信息量少,会给人简洁大方、格调高雅的恬静感觉,通常用于感性的版面编排。适中版面率给人随和、自由、清新之感是常用的设计表现手法之一。 4、版面设计中什么是视觉中心？设计时应如何运用？ 2文档来源为:从网络收集整理.word版本可编辑.

第三章 版式设计的视觉流程分析

教学重点： 1.了解和熟悉自然视觉流程和秩序视觉流程的区别与联系。 2.了解和熟悉秩序视觉流程的类型有哪些。 教学难点： 深刻理解秩序视觉流程的不同类型带给受众差异化的心理效应。 第三章版式设计的视觉流程 任何视觉艺术表现形式都存在视觉流程，何谓视觉流程呢？所谓“视觉流程”是指人们在观看所接受到的信息时有着一条视觉先后顺序，即视线沿着各元素排列位置移动的轨迹，观者先看到什么元素，再看到什么元素，最后看到什么元素，这一过程是一个视觉先后顺序的路线，我们称这个视觉先后顺序为“视觉流程”。视觉流程分为“自然视觉流程”和“秩序视觉流程”两种形式。 第一节自然视觉流程 自然视觉流程是指自然界当中视觉元素给人们的视觉顺序指导，如人们在自然当中看到的近景、中景、远景等诸多视觉形态元素的视觉顺序，它们都是客观存在的元素，因此，其视觉流程也是自然和客观的。我们发现，在空白画面中，在没有人为元素的状态下，人的自然视觉意识是一种潜意识的视觉流程顺序，如图3-1中，画面区域中自然的视觉流程走势，是自左上角向右下角递减的。所以，通常画面的左上角区域是最引人注目的位置区域。形放置位置大都在画面的的自然视觉流程处，视觉是按图3-2中的区域依次进行视觉递减的。如绘画作品的作者签名一般都是签于右下角的视觉自然末端，所以不会太显眼，图3-3中点①为画面物理中心，点②则是人的视觉中心，这是由于人的视错觉造成的。经研究发现，人的视点是高于物理视觉中心的，所以，点②是人们的自然视觉中心点，而其向周围辐射的区域便成为自然视觉重点区域。因此，在人们的自然视觉潜意识里，此区域是放置重要图形信息或重要文字信息的首选位置。这属于人的本能意识，正是因为这种本能意识，使设计应用阶层的决策者们干涉设计师设计行为成为普遍现象，结果导致了大量无序的本能设计作品产生。传统平面设计作品多带有自然视觉流程的特征。传统平面设计给人的视觉中心是图3-4，此类这设计文字大小差异性很小，构图非常满，信息量较大，版式排列布局雷同且中庸。 第二节秩序视觉流程

平面广告编排设计的视觉流程

设计知识 平面广告设计版面编排的视觉流程： 平面广告设计版面编排所谓视觉流程，就是人的视觉在接受外界信息时的流动程序。这是因为人的视野极为有限，不能同时感受所有的物象，必须按照一定的流动顺序进行运动，来感知外部环境。 版面设计的视觉流程是一种“空间的运动”，是视线随各元素在空间沿一定轨迹运动的过程。 这种视觉在空间的流动线为“虚线”，正因为它虚，所以设计时容易被忽略。 人们对看图片的感觉的研究使我们能够得出一些关于我们是怎样看图片的结论。研究者们发现，我们眼睛浏览图片时不是处在一种连续不断的扫视之中，而是有一系列短暂的停顿和跳跃。这种间断不完全是任意的。记住这一点，我们应注意下列一些情况。 A、眼睛有一种停留在一幅画面左上角的倾向。 B、眼睛总是顺时针看一图片。 C、眼睛总是首先看图片上的人，然后是注意诸如云彩、汽车等移动的物体，最后才注意到固定的物体。 既然我们都有一种从左到右、从上到下观察物体的习惯，毫无疑问，追寻这些视觉规律构建你的画面是最好的方式。 视线流动规律 1、人们的视线总是最先对准刺激力强度最大之处，然后按照视觉物象各构成要素刺激度由强到弱的流动，形成一定的顺序。 2、当人们的视觉对信息产生注意后，DM单设计视觉信息在形态和构成上具有强烈的个性，形成周围环境的相异性，因而能进一步引起人们的视觉兴趣，在物象按一定顺序进行流动，

并接受其信息。 3、由于人们的视觉运动是积极主动的，具有很强的自由选择性，往往是选择所感兴趣的视觉物象，而忽略其他要素，从而造成视觉流程的不规划性与不稳定性。 4、视线流动的顺序，还要受到人的生理及心理的影响。由于眼睛的水平运动比垂直运动快，因而在视察视觉物象时，容易先注意水平方向的物象，然后才注意垂直方向的物象。人的眼睛对于画面左上方的观察力优于右上方，对右下方的观察力又优于左下方，因而，一般包装盒广告设计均把重要的构成要素安排在左上方或右下方。 5、当某一视觉信息具有较强的刺激度时，就容易为视觉所感知，人的视线就会移动到这里，成为有意识注意，这是视觉流程的第一阶段。 可以说视觉流程运用的好坏，是设计师设计技巧是否成熟的表现。 一、思想性与单一性版面设计本身并不是目的，设计是为了更好地传播客户信息的手段。设计师常常自我醉于个人风格以及与主题不相符的字体和图形中，这往往是造成设计平庸失败的主要原因。一个成功的版面构成，首先必须明确客户的目的，并深入去了解、观察、研究与设计有关的方方面面。简要的咨询则是设计良好的开端。版面离不开容，更要体现容的主题思想，用以增强读者的注目力与理解力。只有做到主题鲜明突出，一目了然，才能达到版面构成的最终目标。主题鲜明突出，是设计思想的最佳体现。平面艺术只能在有限的篇幅与读

视觉流程设计考题汇总(按题目类型有答案)

视觉流程设计试题汇总（有答案版） （填空题，每个1分） 1.绘画的四要素：描绘、色彩、构图、创意。 2.现代设计兴起于20世纪20年代的欧洲，二次大战后在美国得到迅速的发展。 3.设计活动包括造型计划、造型行为和造型活动。 4.现代设计从人、自然、社会的对应关系来分类，可分为：视觉信息传达装置设计、产品装置设计、环境装置设计。 5.视觉传达的信息载体是设计图像，是人与人之间的行为方式的传达。 6.现代社会中如果没有视觉传达就无法生活，视觉的传达亦可称为非语言的传达。 7.传达可分为视觉传达和语言传达。 8.视觉传达与语言传达不同，它是依靠传达媒体“物”来实现的，是按人—物--- 人 这样的系列传达。 9.汉字的结构主要包括：结构方式、结构形式、结构规律。 10.六书：又称六义，指象形、指事、会意、形声、转注、假借。 11.两千年来形声字一直是最方便的造字法。 12.隶书也称“左书”“史书”，是由篆书简化演变而成的一种字体。 13.楷书也称“正书”“真书”，是指为纠正草书慢无标准和减省汉隶而形成的一种汉字字体。 14.视觉性和传达性的效率是印刷字体追求的主要目标。 15.汉字印刷体主要包括宋体、黑体和圆头体。 16.宋体俗称“老宋体”，日本称之为“明朝体”。 17.视觉传达设计中的字体设计包括文案设计和字体设计。 18.文字的编排包括：横排和竖排两种形式。 19.在现代视觉传达设计的素材中，点是一切形态的基础。 20. 剪影图形的一般表现方法是：简略、错影和三维的平面化。 21. 色彩的三重性：色相、明度、纯度。 22.直接的色彩构成是商品装潢设计中最基本的表现形式，此种色彩的运用又称 商品形象色。 23.空间在平面设计中实际上是指画面中各种元素的编排，编排也是一种视觉语言。 24.在设计中影响流程和视觉传达最主要的是空间的正负关系，应注意对画面中虚空间的利用。 25.引起注意主要有两种因素：一种是刺激物的深刻性，一种是主体的意向性。 26.注意的两大特点：指向性和集中性。 27.注意有两种形式：一种为无意注意，一种为有意注意。 28.有关视觉的设计作品对观者的刺激基本分为两种类型：物理性刺激和社会性刺激。 29.刺激的方式有两种：积极性刺激和消极性刺激。 30.消费者的需要一般分为两种：生理需要和心理需要。 31.感受从承受的角度可分为：外受、内受和本受感觉。 32.认识由简单到复杂分为几个阶段，感觉是最初级的认识过程。 33.设计时要注意把要介绍的主要内容突现出来，让它成为整个传达设计的“图形”而不是作为背景。 34.多样统一是最具形式美的总原则。 35.视野包括一般视野和色觉视野。

版式设计

版式设计 第一章设计篇 一、版式设计的原理 1.版式设计的概念及意义 1.1所谓版式设计，就是将现有的视觉元素在版面上进行有机的排列组合，将理性的思维个性化地表现出来，它是一种具有个人风格和艺术特点的视觉传达方式，在传达信息的同时，也产生了感官上的美感。版式设计的范围涉及到报纸、刊物、书籍（画册）产品样本、挂历、招贴画、唱片封套和网页页面等平面设计的各种领域。 1.2版式设计的意义 通过上面的讲解，我们可以清晰地认识到版式设计对于印刷出版物版面的重要性，因此不难理解版式设计的意义就是通过合理的空间视觉元素来最大限度地发挥表现力，以增强版面的主题表达，并以版面特有的艺术感染力来吸引观者的目光。 2.版式设计的基本原理 2.1根据内容进行版面的编排 在进行版式设计的时候，首先要明确设计的主要内容，再根据主要内容来确定版面的风格和结构，不同内容的版式设计有着很大的差别。 2.2根据版面调整版面率 页面四周的留白量对于页面版式的安排有着非常重要的作用。即使是同样的图文，也会因为不同的版面率而呈现出截然不同的效果。 2.3根据版式设计调整涉及元素的设置顺序 平面设计中的元素是有先后顺序的，合理的顺序安排能够引导读者更容易看懂设计所要表达的主题。每个元素的大小、色彩、形态等都会影响整体的顺序。 从上面所例举的版式设计作品中，我们不难发现，被我们首先注意到并留下印象的元素往往具备以下特征：在整个版面中所占面积最大，或者色彩最为鲜明，或者造型独特。相同的元。素通过这些方法处理后，在视觉上可以产生完全不同的效果，因此，在进行版面设计时，利用这些方式来调整版面中各种元素的主次关系，是非常行之有效的方法。 3.版式设计的视觉流程 3.1单向视觉流程 平面设计需要有一定的顺序和主次来引导读者的视觉流向，这通常需要符合人们的视觉习惯。单向视觉流程是按照常规的视觉流程规律来引导读者的视觉走向，主要分为三种： 1.横线式视觉流程：主要视线是水平的，给人安静、温和、惬意的感觉 2.斜线式视觉流程：主要视线在左上角与右下角之间，具有不稳定性，视觉冲击力强 3.竖线式视觉流程：主要视觉是纵向的，给人简洁、有力、稳固的视觉感受