第五章 版式设计中的网格与色彩.ppt

色彩搭配的方式多种多样，并不局限于色相、纯度和明度这三种配色方法，此外还有色调配色，色彩的虚实对比配色等。在版式设计中，应灵活地运用这些配色方法，使版面色彩更加协调，效果更加生动，如下图所示。 （二）运用色彩体现设计主题 在版面设计中，色彩与设计主题息息相关，恰当地运用色彩，可以突出设计主题，使版面更具有感染力，如下图所示。 1．利用色彩突出版面重要信息 运用色彩的对比使版面中的重要信息突出显示，使读者能快速而准确地将目光定位在重点内容上，从而达到有效传达信息的目的，如下图所示。 2．利用色彩突出版面主体 在版式设计中，有时为了突出版面中的主体元素，我们可以通过将其放置在版面重心位置，或通过放大面积等手段来增强其视觉注目度。此外，利用色彩对比来突出主体也是一种行之有效的方法，如下图所示。 （三）运用色彩表现版面空间感 1．冷暖色表现版面空间感 冷暖色搭配能给观者不同的心理感受。暖色调版面给人温暖、热情之感;而冷色调则使人感觉寒冷、严肃，如下图所示。 2．同类色表现版面空间感 同类色的色相差距较小，可以运用其明度的差别来表现版面的空间感，用低明度色彩表示近景，高明度色彩表示远景。同类色组成的版面给人以典雅、和谐的视觉感受，如下图所示。 3．对比色表现版面空间感 通过对比色之间的明度、面积以及冷暖等方面的差异，形成前进、后退、重叠等视觉效果，使版面具有丰富的层次感和空间感，如下图所示。 （四）运用主次色调增强版面节奏感 版式设计通常会以一种色彩作为主色调，但如果所有的元素都用一种色调表现，就很容易给人单调、沉闷的感觉。因此，除了主色调外，往往还需要一种或多种辅助色调，以形成版面中的色彩对比，使整体富有变化，并具有节奏感和生动感，同时还能起到突出主体的作用，如下图所示。 Thank You! * L/O/G/O 版式设计 Layout Design 第五章 版式设计中的网格与色彩 第一节 版式设计与网格幻灯片 3 第二节 版式设计与色彩幻灯片 17 一、网格的概念与作用 二、网格的分类 第一节 版式设计与网格 三、打破网格 一、网格的概念及作用 （二）网格的作用 （一）网格的概念 （一）网格的概念 简单地说，网格就是版面中的骨格，是设计的辅助工具，也是版式设计中一种非常重要的版面组织方法。 （二）网格的作用 1．划分版面并调节版面气氛 网格能增强了版面编排的灵活性，设计师可以根据版面信息的具体情况和设计的需要来灵活、主动地安排版面元素。只要在网格框架内，在不影响版面的整体平衡性的前提下，对一些细节进行适当的调整，更能起到丰富设计的效果。 2．组织版面信息 组织版面信息是网格最基本也是最重要的一项功能，通过网格的组织使版面中的文字、图片等构成元素变得更加精确、协调，使版面更富有规律性，如下图所示。 3．提升阅读关联性 运用网格进行编排能使版面整体结构更为明确，视觉流程更为清晰，从而提升阅读关联性，使版面效果统一、整齐，如下图所示。 二、网格的分类 （三）基线网格 （二）非对称网格 （一）对称网格 （四）成角网格 （一）对称网格 1．对称栏网格 对称栏网格中的“栏”指的是版面中编排文字的区域，它使文字编排更有秩序、版式更严谨。对称栏网格又可细分为单栏对称网格、双栏对称网格、三栏对称网格和多栏对称网格;对称网格并不局限于杂志、书籍类的对页，在单一的版面中也同样适用，只是它的对称线不再是对页的交接线，而变成了页面的中线，使得版面在左右方向或上下方向呈现出对称的样式，如下图所示。 2．对称单元格网格 对称单元格网格编排是将版面分成同等大小的单元格，再根据版式的需要编排文字和图片。单元格的大小可以自由调节，但须保证每个单元格周围的空间是相等的。这种网格结构具有很大的灵活性，版面具有很强的空间感和规律性，给人规则、整洁、有规律的视觉效果，如下图所示。 （二）非对称网格 1．非对称栏网格 非对称栏网格左右页面的网格栏数基本一致，每一栏垂直对齐，但左右页面并不对称，并且左右页面的页边距也可以不同。这种编排方式有效地打破了对称的呆板样式，使版面更富有生气或活力，如下图所示。 2．非对称单元格网格 非对称单元格网格依然采用单元格来划分版面，只是不像对称网格那样进行绝对的平均划分，也不要求所有的区域都大小一样。在进行文字、图片编排时，将其放置在一个或几个单元格中，可使版面变得灵活多样且错落有致，层次清晰，增添版面活力，如下图所示。 （三）基线网格 基线网格提供了一种视觉参考，可以帮助版式元素按照要求准确对齐，为编排版式提供了一个基准，有助于设计师制作出规范化的版面，如下图所示。 （四）成角网格 成角网格是指版面中的所有元素都朝向同一个或两个角度进行分栏编排。成角网格可以根据需要设置成任何角度，由