版式设计 第三章 版式的形式美法则

版式设计LayoutDesign第三章版式设计的形式美法则一文字二图形三色彩四网格五视觉流程第一节版式设计的构成要素一、文字主题内容(标题、正文、注解等)离不开文字，通过文字获得主要信息。设计者需掌握中外字体的一般常识，不同的字体给人的心理感受不一样，美的字体能使读者感到愉悦,帮助阅读和理解。（字体设计）一般说来，版式设计中的文字有两种形式，一是个性化文字；二是表达信息的功能性文字。1、个性化字体设计：对文字的象形、意形、字母按视觉传达规律加以整体考虑的设计，是通过对字形、字意、字音的联想，以意念思维所创造的新的文字造型形象，有着很高的审美价值，具有可读性、趣味性、识别性，是现代视觉传达的重要语言之一。2、字体编排设计：将句子或文章有序地、有层次地、有疏密对比地编排。2.1字距、词距、行距的编排

（1）汉字编排——一般较规则的说明文字：行距=¾字高、比字间距略宽（2）拉丁字母大写行距=½字高

拉丁字母小写行距则以上下伸出部分不碰到为原则。（3）特殊要求时，可根据需要调整。2.2图形化的文字编排

运用大量的文字组成平面的，或立体的图形，其图形化的文字编排能够形象地传达出文字的内容，从而增强视觉的趣味性。增加读者对文体的记忆。A图形化的文字编排手段

a设计出一个特定的图形

b将所要编排的文字全部编排到图形里。注意：轮廓、文字大小、偏重图形的可视性B图形化的文字编排的应用范围报纸、杂志、招贴、书籍、宣传册等。在版式设计中，文字的设计十分重要

精准细致的字体表述内容的版式，给人以清晰、明朗和高贵的感觉。A信息量大，文字量多B文字占有版面的绝大部分面积，或只有文字没有图形的情况下。对文字的巧妙处理从构成的角度来看：文字分布的区域视觉心理A字号小

B成行的文字C成段的文字少量的字体疏朗地排列，给人以点的感觉

由于视觉调整、连缀成为版面上的线在版面上形成面

1、版面设计中的文字部分设计（1）主要内容的文字设计注意：

在文字体式、色彩上不需要过多的变化；

常用字体：黑体、等线体、罗马体

简洁和通俗的排版更有利于阅读。

版式设计（2）版面中的文字与留白留白：在平面设计中讲究在版面中留有适当的，

既无图形亦无文字的空白部分。版面中:文字：解读版面内容留白：视觉上的舒缓、联想烘托字体的独特样式和形式语言。（3）文字与文字

A标题文字经过专门的设计来表现目的：获得更为有效的视觉刺激，吸引关注、重视。准确传达意图，对正文内容作较形象而概括的提示。标题设计注意：字体设计

位置（视觉中心）B正文文字字体一般不要求过多的变化。目的：解释、说明、表述标题设计注意：理智、科学、

字号、字体、字距、行距、篇章字数（面积）的控制。

C标题、正文、说明常是穿插应用的

标题

>

正文

>说明文字（4）文字与插图并列关系：文字与插图并列排列包容关系：文字绕图的形式（5）文字与色彩标题：较合适作色彩处理

正文：需要更含蓄委婉二、图形和图像图片在版面设计中，占有很大的比重，视觉冲击力比文字强85%。但这并非语言或文字表现力减弱了，而是说图片在视觉传达上能辅助文字，帮助理解，更可以使版面立体、真实。文字版中加入图形图片立即引起视觉流程的变化图形的形式、大小、数量——影响读者注意力主题借助图形、图片来增强文字说服力，提高阅读兴趣。图片以符号为图形以装饰画或油画为图形

图形可以理解为一切图和形。图形以其独特的想象力、创造力及超现实的自由构造，在排版设计中展示着独特的视觉魅力。在国外，图形设计师已成为一种专门的职业。图形设计师的社会地位已伴随图形表达形式所起的社会作用，日益被人们所认同。今天，图形设计师已不再满足或停留在手绘的技巧上，电脑新科技为图形设计师们提供了广阔的表演舞台，促使图形的视觉语言变得更加丰富多彩。图形主要具有以下特征：图形的简洁性、夸张性、具象性、抽象性、符号性、文字性。图形的简洁性

图形在排版设计中最直接的效果就是简洁明了，主题突出。

图形的夸张性

/a3_46_36_01300000081395121023364412312_jpg.html它将对象中的特殊和个性中美的方面进行明显的夸大，并凭借于想象，充分扩大事物的特征，造成新奇变幻的版面情趣，以此来加强版面的艺术感染力，从而加速信息传达的时效。

图形的具象性

具象性图形最大的特点在于真实地反映自然形态的美。在以人物、动物、植3、图形的具象性具象性图形最大的特点在于真实地反映自然形态的美。在以人物、动物、植物、矿物或自然环境为元素的造型中，以写实性与装饰性相结合，令人产生具体清晰、亲切生动和信任感、以反映事物的内涵和自身的艺术性去吸引和感染读者，使版面构成一目了，深得读者尤其是儿童的广泛喜爱。

图形的抽象性

抽象性图形以简洁单纯而又鲜明的特征为主要特色。它运用几何形的点、线、面及圆、方、三角等形来构成，是规律的概括与提炼。所谓“言有尽而意无穷”，就是利用有限的形式语言所营造的空间意境，让读者的想象力去填补、去联想、去体味。这种简炼精美的图形为现代人们所喜闻乐见，其表现的前景是广阔的、深远的、无限的，而构成的版面更具有时代特色图形的符号性

在排版设计中,图形符号性最具代表性,它是人们把信息与某种事物相关联,然后再通过视觉感知其代表一定的事物。当这种对象被公众认同时,便成为代表这个事物的图形符号。如国徽是一种符号,它是一个国家的象征。图形符号在排版设计中最具有简洁,醒目,变化多端的视觉体验。它包含有三方面的内涵:符号的象征性

运用感性、含蓄、隐喻的符号，暗示和启发人们产生联想，揭示着情感内容和思想观念。

符号的形象性

以具体清晰的符号去表现版面内容，图形符号与内容的传达往往是相一致的，也就是说它与事物的本质联为一体。

符号的指示性

顾名思义，这是一种命令、传达、指示性的符号。在版面构成中，经常采用此种形式，以此引领、诱导读者的视线，沿着设计师的视线流程进行阅读。

图形的文字性

文字的图形化特征，历来是设计师们乐此不疲的创作素材。中国历来讲究书画同源。其文字本身就具有图形之美而达到艺术境界。以图造字早在上古时期的甲骨文就开始了。至今其文字结构依然符合图形审美的构成原则。世界上的文字也不外乎象形和符号等形式。所以说，要从文字中发现可组成图形的因素实在是一件轻而易举之事。它包含有图形文字和文字图形的双层意义。

1．图形文字

图形文字是指将文字用图形的形式来处理构成版面。这种版式在版面构成中占有重要的地位。运用重叠、放射、变形等形式在视觉上产生特殊效果，给图形文字开辟了一个新的设计领域。

文字图形

文字图形，就是将文字作为最基本单位的点、线、面出现在设计中，使其成为排版设计的一部分，甚至整体达到图文并茂、别具一格的版面构成形式。这是一种极具趣味的构成方式，往往能起到活跃人们视线、产生生动妙趣的效果。三、色彩色彩较之图文对人的心理影响更为直接，具有更感性的识别性能。现代商业设计对色彩的应用更上升至“色彩行销”的策略，成为商品促销、品牌塑造的重要手段。配色原则：1.黑白配色原则：黑与白有强烈的对比关系，灰色是对这两种颜色的调和，这样的配色给人一种安静素雅的感觉，同时还具有很强的时尚感。黑白灰也用来表达忧郁颓废的情绪或是怀旧的感觉。2.单色配色原则：画面由棕色的明、中、暗3种色调构成，这就是单色配色。它属于基础配色，很容易掌握。通过调整一个颜色的明度，使其发生渐变。3.中性配色：黄色、土黄色、紫色、绿色或银色金色这类颜色在进行单色设计时被称为中性配色，这种颜色给人古典、素雅、祥和、沉稳的值得信赖的感觉。（图中的每一张图片上都填上了一层土黄色，然后将其与图片融合在一起，又没有丢失本身的色相，页面整体也显现出来黄色调。）4类比配色原则：类比配色是指挨得比较近的颜色组合。颜色有暖至冷的顺序为红橙黄绿蓝紫，它们彼此之间互为邻近色，如果有跳跃就不是邻近色，因为黄色与红色混到一起能产生其他的颜色，黄色中找不到红色的影子。这种颜色的搭配可以产生渐变感，色调又很明确，低色彩的对比产生和谐的美感，但用色不能过多，容易使人产生色环的感觉。（图中由暖转向偏冷的颜色，神秘活泼感。）色彩的渐变使版面和谐统一夺目的色彩配以活泼的编排，让人耳目一新四、网格系统网格在版式设计中的重要性网格构成是现代版式设计最重要的基础构成之一。作为一种行之有效的版面设计形式法则，将版面中的构成元素点、线、面协调一致地编排在版面上。

网格在版式设计中有着约束版面的作用，其设计特点主要强调了比例感、秩序感、整体感与严肃感，使整个版面具有简洁、朴实的版面艺术表现风格，在版式设计中成为主要的构成元素。网格的排列杂志版式网格作为版式设计中的重要基础要素之一，构建出良好的骨架是很重要的。在版式设计中，一个好的网格结构可以帮助人们在设计的时候根据网格的结构进行版式设计。在编排的过程中有明确的版面结构。（1）网格具有版面需求性（2）网格具有信息组织的功能性（3）网格具有阅读的关联性网格系统的作用对称式网格

对称式网格的目的主要是组织信息，平衡左右版面的作用。杂志版式对称网格网格的类型

对称式栏状网格分为单栏网格、双栏网格、三栏、四栏、甚至多栏网格等。单栏网格双栏对称网格（1）对称式栏状网格1、单栏用于文字性书籍，如小说、文学著者等。因此在单栏式网格中文字的长度一般不要超过60字。2、版面平衡，使阅读更流畅。版面缺乏变化，文字的编排比较密集，画面显得有些单调。三栏对称网格五栏对称网格3、避免视觉疲劳感。三栏网格的运用使版面具有活跃性，打破了单栏的严肃感。4、有关表格形式的文字，比如说联系方式、术语表、数据目录等信息。这种版式的单栏太窄式不适合编排正文的。单元格对称网格（2）对称式单元网格

对称式单元网格在版面编排中，将版面分成同等大小的网格，再根据版式的需要编排文字与图片。这样的版式具有很大的灵活性，可以随意编排文字和图片。在编排过程中，单元格之间的间隔距离可以自由放大或者缩小，但是每个单元格四周的空间距离必须相等。非对称栏状网格(3)非对称式网格

非对称网格是指左右版面采用同一种编排方式，但是在编排的过程中并不像对称网格那样绝对。非对称网格形式在编排的过程中，根据版面需要调整版面的网格栏的大小比例。使整个版面更灵活，更具有生气。

非对称网格主要分为非对称栏状网格与非对称单元网格两种。非对称栏状网格非对称单元格网格基线网格(4)基线网格

基线网格通常是不可见的，但它却是平面设计师的基础。基线网格提供了一种视觉参考，它可以帮助版面元素的准确编排与对齐页面，是凭感觉无法达到的版面效果。(5)成角网格

成角网格在版面中往往很难设置，网格可以设置成任何角度。成角网格发挥作用的原理跟其他网格一样，但是由于成角网格是倾斜的，设计师在版面编排时，能够以打破常规的方式展现自己的风格创意。对称网格网格的建立栏状网格与单元格

一套好的网格结构可以帮助设计师明确设计风格，排除设计中随意编排的可能，使版面统一规整。设计师可以利用两者的不同风格来编排出灵活性较大，协调统一的版面构成设计。网格的编排形式（1）多语言网格编排（2）说明式网格编排网格与无网格对比版面网格与无网格对比版面无网格版面(3)打破网格打破网格的约束使版面设计更具有自由性，但是