信息可视化设计版面的编排方法课件

1、第二节信息版面的编排方法第四章信息设计的版面编排一、 视线的引导 人们阅读广告时，视线容易注意画面上部的东西，以及画面左边的东西。重要的内容，有魅力的标题、图形应该放在左上部，以便于一开始就吸引受众的视线，诱导其由上到下，由左到右地移动。 视线的移动又是可以通过适当的编排而改变其程序的。为了达到这个目的，设计师要做的两件事。第一件事，就是要在版面上设置一个“着眼点”。受众观看一幅广告时，总有一处注意力首先被吸引的地方，这就是受众的“着眼点”。第二件事，就是要从“着眼点”出发，设置一条“视觉的途径”，即“视觉流程，让受众的眼睛沿着这条途径巡视广告版面的其他部位。 1.线行的导向 这种线可以是抽象

2、的线段，也可以是具象的线形物；也可以是直线，也可以是曲线；也可以上、下行，也可以左、右行。 2.运动的导向 运动中的物体形象，其运动的方向就是视线移动的方向3.渐变的导向 形象向一定方向作形体、浓淡或色彩的简便，可以引导视线向一定方向移动.4.符号的导向 包括箭头或其他有导向作用的几何形体等。5.画中人的导向 例如画中人的视线所向，或画中人的手势与体态的指向等。6.文字的导向 文字总是按一定的顺序有始有终的排列的，它本身就可以引导受众的视觉循着文字的走向移动。文字的导向二、骨格的构成 骨格有如人体的骨架、树木的主干，是在构图中起支配作用的主干。合理地运用骨格线，会使我们获得良好的秩序感。我们常

3、常有意或无意的运用骨格来进行设计。有时骨格出现在设计中，成为图形的一部分，但更多的是运用骨格作为构图的结构线，并不一定要明确地绘写出来，而只是使人感到其内在的控制力量。三、文字的排列1.汉字的排列 汉字是方块字，每个印刷出来的字体所占空间的大小都是一样的。甚至一个标点符号也做一个字的空间来计算。在设计时，只要选定了字体号数，确定每行的字数及行间距离等，在电脑上就可以得到你理想的标准。 汉字有纵排、横排两种不同方法的排法。当遇到整篇连续文字时，读者会产生阅读方向不明的感觉，而影响其易读性。为避免上述情况产生，在编排时应确定其阅读方向，并增加其行与行的距离，或将文字本身变窄（或长），以显出连续文字

4、的阅读方向，便于阅读。至于行间的宽窄问题，没有绝对的标准，通常以字宽的一半至一字宽为适当。2.拉丁字的排列(1)考虑字母本身的内在空间。(2)考虑邻近字母的结构。邻近字母的结构邻近字母的结构3.文字排列的格式（1）. 轴线左置的排列： 每行文字的左边对齐，右边不齐。开头整齐排列，便于读者阅读，是常用的排列方法。（2）. 轴线右置的排列：每行文字的右边对齐，左边不齐。这种排法，适合于文字行数较少时使用，否则将不便阅读，影响广告效果。轴线右置的排列轴线右置的排列（3）. 轴线中置的排列： 把文字的轴线中置，每行文字以中轴线左右对称，每行文字在中轴左右相等，形成绝对对称的文字排列。当广告文字内容对比

5、较多时，可增加一条轴线，形成两条轴线的排列方式。 轴线中置的排列（4）. 双轴线左右置排列： 两组文字左齐与右齐，齐头一边分别至于左或右，而 中间形成穿插组合的排列。 双轴线左右置排列（5）. 双轴线中置的排列： 两组文字右齐与左齐，齐头一边居中相邻，形成两条轴线相对称的排列。双轴线中置的排列双轴线中置的排列双轴线中置的排列（6）. 双轴线左置或右置： 两组文字都右齐或左齐。此法必须使两组文字穿插排列，如加上大小变化则更为理想。 双轴线左置或右置（7）跳动 在版面中将文字采取跳跃式排列，会使画面产生生动、活泼的感觉。跳动排列容易造成画面的杂乱，故而要注意画面整体性的把握。（8） 倾斜 打破常规的平行走向，将文字斜向排列。倾斜排列适合标题和主题性文字处理，它可使画面产生动感，能提高画面主题的注目效果。倾斜倾斜倾斜（9） 沿形 将竖排或横排的每一行第一字或最末一字沿着形象的外沿排列，随着形象的变化而变化。可以强化主题，使画面新颖而有趣。（10） 多向 将文字采取多个方向排列组合，则产生时尚、活泼的感觉。多向排列要注意文字的大小、粗细、疏密等节奏关系。多向（11）传统书写形式排列： 这也是一种双轴线排列，每行文字都既齐左