信息可视化设计版面的编排类型课件

1、第三节 信息版面的编排类型第四章 信息设计的版面编排 编排设计的重要问题是构图。它是整修版面的结构形态，的构图具有不同的性格，表达不同的感情倾向。编排设计的构图有如下基本类型，现进行简要分析！一、标准型 是我们觉到的一种基本的简单而规则化的信息编排类型具有良好的安定感，首选用图片吸引观众的注意与兴趣，然后利用标题诱导诱导观众注意其说明文和标志图形。观众的视线是自上而下有顺序地流动的，这符合人们认识的心理顺序和思维活动的逻辑顺序。这种编排类型能产生良好的阅读效果，故而被广泛地运用于编排设计。 实验证明，标题在图片的下方置于版面的中央位置，比一般将标题置于版面上方，能更好地引人注意并产生良好的效果

2、。 一般的经营观念和表现企业的庆祝活动，诉求重心放在标题或标语上的信息，宜采用此种编排类型。二、标题型 标题在版面上方，然后往下是图片、说明文与标志图形。 这种编排类型主观众先看到标题，以它作为图片的先导，让观众对标题予以注意，留下明确印象，然后看到图片获得感性的形象认识，激发起兴趣，进而在版面下方阅读位置安排适当的说明文和标志图形，使观众获得一个完整的认识。 安定而平静的构图，使人的视线自上而下地自然流动，信息形象完整突出。三、中轴型 是一种对称的构成形态，标题、图片、说明文与标志图形放在轴心线的两边，版面上的中轴线在视觉上可以是有形的，也可以是无形的，以此变化来弥补由于对称造成的过份平稳感

3、，从而吸引观众的视线。 这类编排具有良好的平衡感。在安排构成要素时，要考虑人们心理和生理上的影响，把信息的诉求重心放在左上方或右下方，以符合视觉流程的心理顺序，使观众的视线一开始就能投向版面的重心，抓住商品信息的主要部份，以此来开拓视线流动，获得完整的的信息。四、斜置型 这是一种强力而有动感的构图，视线因倾斜角度由上而下，或由下而上流动。 构图时全部构成要素或主要构成要素向右边或左边作适当的倾斜。由于视觉心理所致，向右稍微倾斜，能增加易见度且赋有活力；向左倾斜则效果不明显或在视觉上令人不舒服。 编排中将构成主体作斜置，而将其它部份作水平配置，则能产生一种对比效果，构图上也更富于变化，全副个版面

4、既具有动感又具有一定安全感，更适合人的视觉心理要求。 这种编排中，标题与图片的位置，可以按信息的需要安排，谁在上端各有其不同的功能作用与心理影响。五、圆图型 构成要素排列的顺序与标准型相同，以正圆形或半圆形图片构成版面的中心形象，在此基础上安排标题、说明文和标志图形等。观众的视线首选被中心图片所吸引，然后才向其它部份流动。 在几何图形中，较之于其它图形，圆形是自然的、完满的，具有生命的象征意义。在视觉上它给人以计策完美的感受，具有向四周放射的动势，因而在画面上具有相当高的引人注目和激发兴趣的心理价值。 这种编排适用于女性用品或着意表达一定情调的信息主题。由于图形自身过于完满所限，在设计时要恰到

5、好处地处理好图形与其它构成要素之间的关系，有时用半圆开来编排，可获得良好的视觉效果。六、全图型 用一张图片占据整修版面，可能是信息人物形象或是信息创意所需要的特定场景，在图片的适当位置直接嵌入标题、说明文和标志图形，或用开窗形式安排其它构成要素，是一种具有现代感的构图形式。 由于图片具有强烈的直观形象性，在信息传递中扮演着重要角色，其感染力高于文字，具有不可低估的视觉冲击力，其视觉流程往往是从图片的精妙之处（如人的眉眼等）开始，最后视线流动到说明文及标志图形。 这种编排的好坏，重点在于表现信息创意的图片的选择与制作，尤其图片艺术质量的高低显得十分关键。再就是其它构成要素在嵌入图片时，其位置的选

6、择，大小的变化等均是需要认真对待并给予精心安排的，否则会前功尽弃，得不到完美的视觉效果。七、重复型 在编排时将同一的构成要素在版面上作三四次或更多次的重复。此重复的构成要素可能是图片，也可能是标题或标志图形。重复的构成要素具有强调、增强注意力的特殊功效，并使版面首选节奏性的动势感和视觉上的活力，增加了画面的情趣。八、文字型 以文字为主体构成版面，图片仅是版面形体和颜色的点缀。 图片是有利于观众在极有限的阅读时间内进行阅读的构成要素。但对于某特定的信息主题，却无法充分利用这一积极因素，如某此较为抽象的信息无法用图片表达出来，只有用文字型的构成形式来进行编排。 文字型的编排是否能对观众具有吸引力，

7、首先在于信息文案本身是否具有感染力，其诉求重心能否触及到观众的关心点。其次是在字体安排上要能利于阅读，不仅要求井然有序、明快清爽，还应富于一定的变化，全球观众的视线在版面上流畅地移动。 版面中所点缀的图形，应很好地加以应用。作为视觉上的一个焦点，它具有使版面增添视觉兴趣和引起注意的价值。九、水平型 将图片或产品形象水平置于版面，构图安定而平静，观众的视线会左右移动，能在极短的瞬间捕捉住整体印象。 与众多的垂直上下构图相比，水平构图不仅更符合观众的视觉习惯，而且给人一种新颖别致的感觉，具有一种现代意味。如一瓶饮料垂直正置与水平倒置给人的心理感受显然是不一样的，这种把反于常规的倒置多少给人一种浪漫

8、的情趣，使人感到亲切而有诱惑力。 构图在诸构成要素配置上应力求简洁明快，尽可能避免局部视线的上下流动，以保持横向的视觉诱导。十、放射型 构成要素纳入一个呈放射状的结构中，统一于视觉中心，具有多样统一的综合视觉效果。这种编排具有强烈的动势感，在视觉上有很强的刺激力度，能很快捕捉到人的视线。 这种编排在视觉心理上能给人一种崭新的别开生面的视觉感受，具有鲜明的现代感象征，容易诱惑观众的好奇欲望，因而容易获得良好的引人注目和激发兴趣的视觉效果。 这种编排较适合表达现代产品的信息创意，用于表达其它产品也能创造出不同一般的编排效果，具有新颖的设计格调。 放射型编排由于本身具有强烈的辐射外向的动势感，显得极

9、不稳定，因而在安排其它构成要素时宜一作平衡与点缀，不宜过多地重叠与交叉，以避免破坏构成动势的单纯性，造成视线流动顺序的繁杂和混乱。Rugby橄榄球十一、平行型 编排时将所有的构成要素或大部分构成要素作水平的组合，可以是垂直平行、水平平行、倾斜平行等。水平平行具有明显的水平方向的视线流动，比垂直平行更具有安全感；垂直平行具有上下方向的视线流动；倾斜平行具有鲜明的动势感。 任何一种平行编排都会把版面划分成若干视觉区域，促使观众的视线进行阶段性的流动，造成视线流程的节奏性和明显的顺序性，有牌保证视觉诱导按设计意图分层次地进行。 这种编排中，如将其局部构成要素作特异性处理，以适当调整其水平动势，不公能

10、造成结比性变化，还能增添编排中的趣味性。十二、棋盘型 编排时将版面全部或部分作棋盘式设计，使版面全部或部分被分割成若干等量的方块形态，让它们具有明显的区域性。 这种编排适宜用于版面上需要安排许多份量相同的单元，如介绍一组系列产品或将其品牌作不同角色和场合的反复展示，或用以介绍文艺演出中的人物角色，使用这种表达方式，容易取得理想的宣传效果。 上下左右相连的方块形态，可作有规律的黑白色差处理，以增加版面的动感和韵律感深色区域可安排图片，白色区域可安排文字，也可把图片与文案字句安排在同一方块内。 这种编排由于过分化容易造成单调的感觉，可在编排时采用部分棋盘式，或将方块的大小与色彩进行适当的不规则，以

11、此不规则变化来构成版面的视觉中心，不仅增加了版面的趣味性，而且对视觉流程的顺序性有明确的起落点，起到良好的诱导作用。十三、指示型 版面编排中结构形态上有明显的指向性。此指向性构成要素可以是图片作箭头型的指成，也可以是标题或信息形象的动势指向信息内容，起到明显的指示作用。 指示型编排有鲜明的视觉诱导方向，把观众的视线导引到信息内容的诉求重心，以便观众极为简捷地把握住信息的宣传概念，领会信息的基本要点。 作此种编排设计时，一定要将信息的诉求重心以极简明的表达安排在指示构成形态的终止处，使视觉流程的顺序与表现表达要点相吻合，从而取得良好的视觉传达效果。图中重复的毛虫图案引导观众的视线去到 INNU

12、这个标志上。经过这个标志后又是一些蝴蝶的重复图案，表示你去了这个美容院后前后的区别，构思巧妙。 十四、散点型 编排时将构成要素在版面上作不规则的散点构成，形成一种随意的不经心式和视觉效果，使人感到轻松自如。 这种编排貌似平常随便，好似偶然得之，其实在内涵上往往包含着设计者别具匠心的创意和美感的追求，在视觉传达中这种好似超脱的编排，却容易获得意外的良好的视觉感受。 在编排时要注意的是虽然版面注意焦点分散，但总体体感上须具有统一的气氛与效果，如统一的色彩语调或图形的相似性，不然就会因缺乏统一而显得杂乱无章。 为了全球视线诱导，可将构成要素作适当变化，或将其作局部完整的话，以规则的块面嵌入散点构成的

13、特定部。以此观众一开始就能把视线集中在这些经过着意设计的部份，激发起注意，因此，特定部的选定与处理应是精心独到的，应成为整个版面上的视觉兴趣中心。十五、交叉型 信息版面包含两个重要的构成要素。即图片与信息标题，将其中一个叠置于另一个上面进行交叉。交叉的形式可以成十字水平，也可以作一定的倾斜，由于一个构成要素被另一个构成要素局部地遮盖，使两个交叉在一起的构成要素产生了前后的层次感，增加了版面的视觉深度，两个构成要素交叉的部位即成为版面的视觉中心，这种紧张的对比有利于捕捉观众的目光，使其产生注意。 图片与信息标题哪个构成要素应该放在上面，要依据信息创意的需要来决定。一般均将信息标题或标志图形放在上

14、面，用其简洁突出的形体来引起观众注意，进一步引导观众视线转向图片本身。 这张关于运动服装的海报设计令人印象深刻，因为它的构图两边非常对称，使到设计（也使到产品及品牌）感觉稳重及自然。厚重的颜色、线条加上构图中实体周围的空间相结合，使整幅作品充满力量。十六、图片左置型 图片具有直观的形象性，它在版面编排设计中占有重要位置，与信息文案如何配合，一般常采用图片左置的编排，将一张或多张组合的图片成纵长型放在版面的左侧部，使纵长的图片与横向排列的信息文字形成有利的对比。 由于人们的视线一般均首先对准版面的左上方部位，因此，这种编排十分符合观众的视线流动顺序，视线流程一般从左侧的图片开始，导入右侧上方标题

15、字再进入说明文，最后到标志图形，很合理地完成整个过程。十七、背景型 在编排上首先以实物、纹样或某种机理效果作为版面的全面背景，然后才把标题、说明文及标志图形重置其上，背景可以作由远而近的透视处理，以造成画面的一种纵深感。如时装信息可用呈现不同色彩和机理效果的衣料为背景；巧克力信息可用众多的巧克力糖块不规则地排列在背景上；片状的药品信息可以用药片规则地排列在背景上，产生一种满底的图案效果。 用实物作北京烘托处理，能创造一种饱满丰富的特定气氛，具有很强的诱惑力，能很明确的将信息主题表达出来。 种编排宜在背景处理上多下功夫，如用实物作有规则的小有变化的排列，不宜作跳动过大的变化处理，破坏了其“静”的

16、形态，也就难以对置于其上的其他构成要素起到良好的烘托、对比和呼应作用。十八、切入型 这是一种不规则富于创造性的编排，在编排时有意将不同角度的产品图形用切入式，从版面的上、左、右三方不完全地进入版面，然后在其空白处安置标题、说明文和标志图形。这种编排突破了版面的限制，在视觉心理上无形地扩大了版面的空间，给人以空畅之感。由于产品图形由于是从设计上考虑安排的局部，故使观众的视线对局部的结构和功能审视得更为深入细致，比之产品从单一角度的展示得更为具体入微，更能满足观众的要求，也更能激发起消费着购买的欲望。 这种处理需要注意的是在版面的某个部位必须安置一个完整的产品图形，以便给观众一个完整的印象，此图形

17、与信息文案等构成要素，均须保持水平状态，以便和切入的产品图形形成“静”与“动”的对比，使画面保持安定感，以适应观众的视觉心理。十九、字体型 在编排中对构成要素的品名或文字组合体的标志图形进行放大处理，使其在画面上成为夺人眼目的视觉要素。如字体条件相符，可将其个别字母转换为产品形象，这样不仅增加了版面的变化情趣，也极为巧妙地点出了信息主题；不仅使人视线集中，也给人留下了深刻的印象。 这种编排在创意上一定要巧妙自然，切不可生拉硬套，给人以拙劣的拼凑感。被选择的构成要素一定要简洁有力，造型富有力度，这样才能发挥良好的视觉传达作用。另外其他构成要素均应与它作高度集中的排列，以使观众的视线始终对准字体，

18、而不游离到版面的其它部分，这种编排在视觉流程的设计上，引导路线是最短的，只流动在版面的有限部分，正是因为其路线短，所以才能给观众一个强有力的视觉印象，将产品名或商标图形映入脑海中。二十、摆动型 将多个版面要表现的产品图形，在版面上从上到下连续横跨处理，并作向左或向右的迂回摆动，造成版面上令人嘱目的一个大的动势，能极有力地捕捉住读者的目光，具有很强的视觉吸引力。 在编排中几个产品图形的安排宜作多次排列直到觉得满意为止，决不可随意为之。此外应将信息文句作水平状态集中安置在主要产品一侧，以增加信息开始的引导作用，使观众的视线从这里开始流动，导向版面的其它部分。二十一、空白型 图形置于版面某一点，标题、文字编排紧凑，留出大片空白，给人一种轻松的感觉，同时又促使注意力向主题集中。二十二、直立型 具有安定感，是一种稳定的编排方式，视线会自上而下地移动。二十三、对角线型 可以在版面的对角线上安排信息应突出的重点。由于对角线是信息版面最长的线，适于安排长形的商品形象或长标题，以引起受众的注目。二十四、三角型 在图文形象中，正三角形产生稳定感；倒三角形、倾斜三角形则会相对地产生活泼、多变的感觉。三角形在信息编排中随处可见。二十五、S字型 图文排列呈S形或反S形，节奏优美，可增加视觉上的流动感。二十六、对称型二十七