《第五章版式设计中的网格与色彩资料》由会员分享，可在线阅读，更多相关《第五章版式设计中的网格与色彩资料（39页珍藏版）》请在金锄头文库上搜索。
1、版式设计 Layout Design,第五章 版式设计中的网格与色彩,第一节 版式设计与网格幻灯片 3,第二节 版式设计与色彩幻灯片 17,一、网格的概念与作用,二、网格的分类,第一节 版式设计与网格,三、打破网格,一、网格的概念及作用,（二）网格的作用,（一）网格的概念,（一）网格的概念 简单地说，网格就是版面中的骨格，是设计的辅助工具，也是版式设计中一种非常重要的版面组织方法。,（二）网格的作用 1划分版面并调节版面气氛 网格能增强了版面编排的灵活性，设计师可以根据版面信息的具体情况和设计的需要来灵活、主动地安排版面元素。只要在网格框架内，在不影响版面的整体平衡性的前提下，对一些细节进行适
2、当的调整，更能起到丰富设计的效果。,2组织版面信息 组织版面信息是网格最基本也是最重要的一项功能，通过网格的组织使版面中的文字、图片等构成元素变得更加精确、协调，使版面更富有规律性，如下图所示。,3提升阅读关联性 运用网格进行编排能使版面整体结构更为明确，视觉流程更为清晰，从而提升阅读关联性，使版面效果统一、整齐，如下图所示。,二、网格的分类,（三）基线网格,（二）非对称网格,（一）对称网格,（四）成角网格,（一）对称网格 1对称栏网格 对称栏网格中的“栏”指的是版面中编排文字的区域，它使文字编排更有秩序、版式更严谨。对称栏网格又可细分为单栏对称网格、双栏对称网格、三栏对称网格和多栏对称网格;
3、对称网格并不局限于杂志、书籍类的对页，在单一的版面中也同样适用，只是它的对称线不再是对页的交接线，而变成了页面的中线，使得版面在左右方向或上下方向呈现出对称的样式，如下图所示。,2对称单元格网格 对称单元格网格编排是将版面分成同等大小的单元格，再根据版式的需要编排文字和图片。单元格的大小可以自由调节，但须保证每个单元格周围的空间是相等的。这种网格结构具有很大的灵活性，版面具有很强的空间感和规律性，给人规则、整洁、有规律的视觉效果，如下图所示。,（二）非对称网格 1非对称栏网格 非对称栏网格左右页面的网格栏数基本一致，每一栏垂直对齐，但左右页面并不对称，并且左右页面的页边距也可以不同。这种编排方
4、式有效地打破了对称的呆板样式，使版面更富有生气或活力，如下图所示。,2非对称单元格网格 非对称单元格网格依然采用单元格来划分版面，只是不像对称网格那样进行绝对的平均划分，也不要求所有的区域都大小一样。在进行文字、图片编排时，将其放置在一个或几个单元格中，可使版面变得灵活多样且错落有致，层次清晰，增添版面活力，如下图所示。,（三）基线网格 基线网格提供了一种视觉参考，可以帮助版式元素按照要求准确对齐，为编排版式提供了一个基准，有助于设计师制作出规范化的版面，如下图所示。,（四）成角网格 成角网格是指版面中的所有元素都朝向同一个或两个角度进行分栏编排。成角网格可以根据需要设置成任何角度，由于使用了
5、倾斜的角度，打破了常规，可以展现出多种新颖创意。需要注意的是，在设置成角网格的倾斜角度与文字的方向时，应考虑到人们的阅读习惯，使其与版面结构达到最大程度上的协调统一，如下图所示。,三、打破网格 网格有助于设计师编排版式，使版式更方便阅读。但如果大量机械地运用网格，也会造成版面的呆板和乏味，使版式缺乏活力，因此，不要一味地拘泥于网格的束缚，有时打破网格能使版面更具灵活性，更富有创意效果;当然，打破网格并不是彻底地摒弃网格，而是通过对网格进行局部的调整，以网格的某一条或几条线为基础进行编排，也可将网格与无网格进行混排，以使版面在变化中保持平稳，如下图所示。,一、图形的主要分类及特征,二、图形的基本
6、编排,第二节 图形的编排,一、色彩在版式设计中的作用 1情感作用 不同的色彩或同一种色彩处于不同的环境，会带给人们不同的心理感受，或华丽或质朴，或明朗或深邃。在版式设计中，应充分理解和运用色彩的特点和属性，才能更好地体现设计意图，突出设计主题，如下图所示。,2象征意义 色彩的象征意义主要受社会环境或生活经验的影响，例如，红色使人产生喜庆与积极的感觉，而黑色则给人庄重、肃穆之感。在版式设计中，通过运用色彩的象征意义可以更好地体现设计主题，如下图所示。,3强调重点 通过选用不同的色彩，利用色彩在色相、明度、纯度上的差异对版面内容进行有效的区分，使重要信息从版面众多元素中脱颖而出，达到引人注目的目的
7、，如下图所示。,一、色彩在版式设计中的作用,二、色彩与版式设计元素,第二节 版式设计与色彩,三、色彩与消费的关系,四、色彩在版式设计中的应用技巧,二、色彩与版式设计元素 1色彩与图形的关系 运用不同的色彩来表现图像，可以使图像效果更加丰富，形式美感更强，从而增加版面的视觉感染力，如下图所示。,2色彩与文字的关系 色彩还影响文字的可读性。白底黑字是最常用的色彩搭配，因为黑白两色的巨大差异保证了文字极高的辨识度。根据版式和设计的需要，设计师应灵活地变换字符色彩以增强其表现力和视觉美感，如下图所示。,3色彩对版面率的影响 版面率主要由页边的留白量决定，除此之外，色彩对版面率也有很大的影响。例如，在相
8、同的版面中，白底色和红底相比，白底的版面率要大于红底的版面率。因此，在版面显得空旷而又没有更多元素可以添加的时候，可以通过色彩来调整版面率，以使版面显得更加饱满、生动，如下图所示。,三、色彩与消费的关系 1消费群体对版面配色的影响 消费者的年龄、性别、职业、文化程度以及经济状况等因素都会影响到其消费行为，而色彩是产品给消费者的第一印象，因此对于色彩的选择，应充分考虑消费者群体的差异性，进行有针对性的色彩设计，才能抓住消费者心理，从而促进购买欲望，如下图所示。,2产品属性对版面配色的影响 版面配色还应考虑到产品属性，尤其对于广告版面设计非常重要。因为不同的产品具有不同的特点，如果一味地追求视觉冲
9、击力而忽略产品自身的特征，会造成配色与产品属性不符的结果，容易引起消费者的误解甚至反感，从而给产品销售造成负面影响，如下图所示。,四、色彩在版式设计中的应用技巧,（三）运用色彩表现设计主题,（二）运用色彩体系设计主题,（一）版式设计中的色彩搭配技巧,（四）运用主次色彩增强版面节奏感,（一）版式设计中的色彩搭配技巧 1以色相为主的配色 以色相为主的配色是指根据色彩的相貌来进行的色彩搭配，这种搭配方式以色相环为依据，根据其在色相环上位置，分为邻近色、类似色、中差色、对比色和互补色等几个大类。以色相为主的配色形成的版面具有很强注目度和辨别度，令人印象深刻，如下图所示。,2以纯度为主的配色 纯度越高的
10、色彩显得越鲜艳、活泼，容易引人注目，同时其独立性和冲突性也越强；而纯度低的色彩显得淳朴、典雅、安静，但其注目度相对较低，如下图所示。,3以明度为主的配色 明度高的版面给人以明朗、开阔之感，而低明度版面则给人以沉闷、低迷的感受；同时，色彩的明暗对比使版面富有立体感和空间感，如下图所示。,色彩搭配的方式多种多样，并不局限于色相、纯度和明度这三种配色方法，此外还有色调配色，色彩的虚实对比配色等。在版式设计中，应灵活地运用这些配色方法，使版面色彩更加协调，效果更加生动，如下图所示。,（二）运用色彩体现设计主题 在版面设计中，色彩与设计主题息息相关，恰当地运用色彩，可以突出设计主题，使版面更具有感染力，
11、如下图所示。,1利用色彩突出版面重要信息 运用色彩的对比使版面中的重要信息突出显示，使读者能快速而准确地将目光定位在重点内容上，从而达到有效传达信息的目的，如下图所示。,2利用色彩突出版面主体 在版式设计中，有时为了突出版面中的主体元素，我们可以通过将其放置在版面重心位置，或通过放大面积等手段来增强其视觉注目度。此外，利用色彩对比来突出主体也是一种行之有效的方法，如下图所示。,（三）运用色彩表现版面空间感 1冷暖色表现版面空间感 冷暖色搭配能给观者不同的心理感受。暖色调版面给人温暖、热情之感;而冷色调则使人感觉寒冷、严肃，如下图所示。,2同类色表现版面空间感 同类色的色相差距较小，可以运用其明度的差别来表现版面的空间感，用低明度色彩表示近景，高明度色彩表示远景。同类色组成的版面给人以典雅、和谐的视觉感受，如下图所示。,3对比色表现版面空间感 通过对比色之间的明度、面积以及冷暖等方面的差异，形成前进、后退、重叠等视觉效果，使版面具有丰富的层次感和空间感，如下图所示。,（四）运用主次色调增强版面节奏感 版式设计通常会以一种色彩作为主色调，但如果所有的元素都用一种色调表现，就很容易给人单调、沉闷的感觉。因此，除了主色调外，往往还需要一种或多种辅助色调，以形成版面中的色彩对比，使整体富有变化，并具有节奏感和生动感，同时还能起到突出主体的作用，如下图所示。,Thank You!,
