版式设计第三章版式的形式美法则要点.ppt

网格的编排形式 （1）多语言网格编排 （2）说明式网格编排 网格与无网格对比版面 网格与无网格对比版面 无网格版面 (3)打破网格 打破网格的约束使版面设计更具有自由性，但是很难把握版面的平衡，就算是很优秀的设计师也很难准确的把握画面的平衡感。 该菜谱在版面编排时，根据对版面元素的了解选择适当的网格结构，使其达到信息传达明确。在该版面中，采用大小图片的对比关系，使整个版面具有版面的活跃性，选择一张满版出血图，运用图片中元素的生动感，能有效地勾起人们的食欲。 时尚女性品牌宣传画册版面设计，在编排这样的版面时，注意版面的文字与图形的编排结构，使版面具有个性新颖的视觉版面效果，符合品牌形象宣传。 本设计为杂志内页版面设计。该版面采用双栏网格与单元格网格形式的结合，将版面划分出明确的结构，文字与图片按照网格的结构编排在版面中，体现了版面的稳定与整洁。该版面层次清晰，文字采用左右均齐的编排形式，体现了版面的整洁与朴实感。图片运用单元格的形式编排，展现了整个版面的活跃性。 该设计是是一张网页版面设计。该网页采用对称式单元格网格的编排形式，该网页设计中每个单元格的距离为零，图片集中编排在版面中心，使整个版面结构更紧凑，更具有规律性。版面的四周空出很大面积的空间，强调了版面的视觉中心，同时也加强了版面的空间节奏感，整个版面给人规律、整洁的视觉效果。 该设计是一张杂志版面设计。文字与图片的编排采用了对称栏状网格的编排形式，使整个版面文字编排更有秩序，版面更严谨。对称栏状网格形式使该版面在视觉上达到了平衡。但是从视觉角度来看，版面虽然达到了平衡，文字变化不大，缺乏活力，编排较密集，使整个版面显得有些单调，让人阅读时容易造成视觉疲劳。 五、视觉流程 视觉流程，是视线在观赏物上的移动过程，是二维或三维空间中的运动。 这种视觉的流动线极为重要，同时又是很容易被设计者忽视的因素。 版面设计的视觉流程是一种“空间的运动”，是视线随各元素在空间沿一定轨迹运动的过程。这种视觉在空间的流动线为“虚线”，正因为它虚，所以设计时容易被忽略。 经验丰富的设计者都对此非常重视，他们善于运用这条贯穿页面的主线，设计易于浏览的页面。 从某个角度讲，视觉流程的设计结果就是版式。 一 点 二 线 三 面 第二节 版式设计中点、线、面的运用 点、线、面是构成视觉的空间的基本元素，也是排版设计上的主要语言。 排版设计实际上就是如何经营好点、线、面。 不管版面的内容与形式如何复杂， 但最终可以简化到点、线、面上来。 在平面设计家眼里，世上万物都可归纳为点、线、面、一个字母、一个页码数、可以理解为一个点；一行文字、一行空白，均可理解为一条线；数行文字与一片空白，则可理解为面。它们相互依存，相互作用，组合出各种各样的形态，构建成一个个千变万化的全新版面。 点的感觉是相对的，它是由形状，方向、大小、位置等形式构成的。 这种聚散的排列与组合，带给人们不同的心理感应。 点可以成为画龙点睛之“点”，和其他视觉设计要素相比，形成画面的中心，也可以和其他形态组合，起着平衡画面轻重，填补一定的空间，点缀和活跃画面气氛的作用；还可以组合起来，成为一种肌理或其他要素，衬托画面主体。 由点组成数字的形状, 而下面的点正是品牌的标志 点在版面上的构成 雀巢咖啡的平面广告 网站的平面招贴设计 杂志内页的编排设计-大小各异、高低错落的点状字母具有跳跃感觉 单独的字母或文字，适当缩小字号，变为点 水木青华的楼书设计-水墨的点是视觉的中心，体现了雅致的书香气氛。 线游离于点与形之间，具有位置、长度、宽度、方向、形状和性格。直线和曲线是决定版面形象的基本要素。每一种线都有它自己独特的个性与情感存在着。将各种不同的线运用到版面设计中去，就会获得各种不同的效果。所以说，设计者能善于运用它，就等于拥有一个最得力的工具。 直线给人以单纯、明朗的秩序感 线是点的发展和延伸。线的性质在编排设计中是多样性的。在许多应用性的设计中，文字构成的线，往往占据着画面的主要位置，成为设计者处理的主要对象。线也可以构成各种装饰要素，以及各种形态的外轮廓，它们起着界定、分隔画面各种形象的作用。 作为设计要素，线在设计中的影响力大于点。线要求在视觉上占有更大的空间，它们的延伸带来了一种动势。线可以串联各种视觉要素，可以分割画面和图像文字，可以使画面充满动感，也可以在最大程度上稳定画面。 线在版面上的构成 大唐不夜城招商画册的目录页设计 雀巢咖啡平面广告的版式编排-用植物的曲线表现产品的诱人口味。 面在空间上占有的面积最多，因而在视觉上要比点、线来得强烈、实在，具有鲜明的个性特征。面可分成几何形和自由形两大类。因此，在排版设计时要把握相