当前位置:文档之家› 版式设计 第三章 版式的形式美法则

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


图形的符号性
在排版设计中,图形符号性最具代表性, 它是人们把信息与某种事物相关联,然后 再通过视觉感知其代表一定的事物。当 这种对象被公众认同时,便成为代表这个 事物的图形符号。如国徽是一种符号,它 是一个国家的象征。图形符号在排版设 计中最具有简洁,醒目,变化多端的视觉 体验。它包含有三方面的内涵:
网格的类型
对称式网格
对称式网格的目的主要是组织信 息,平衡左右版面的作用。
杂志版式
对称网格
(1)对称式栏状网格
对称式栏状网格分为单栏网格、双栏网格、三栏、四栏、甚 至多栏网格等。
1、单栏用于文字性书籍, 如小说、文学著者等。因 此在单栏式网格中文字的 长度一般不要超过60字。
2、版面平衡,使阅读更流畅。 版面缺乏变化,文字的编排 比较密集,画面显得有些单 调。
符号的象征性 运用感性、含蓄、隐喻的符号,暗示和启 发人们产生联想,揭示着情感内容和思想 观念。
符号的形象性
以具体清晰的符号去表现 版面内容,图形符号与内 容的传达往往是相一致的, 也就是说它与事物的本质 联为一体。
符号的指示性
顾名思义,这是一种命令、传达、 指示性的符号。在版面构成中,经 常采用此种形式,以此引领、诱导 读者的视线,沿着设计师的视线流 程进行阅读。
图形的抽象性
抽象性图形以简洁单纯而又鲜明的特 征为主要特色。它运用几何形的点、 线、面及圆、方、三角等形来构成, 是规律的概括与提炼。所谓“言有尽 而意无穷”,就是利用有限的形式语 言所营造的空间意境,让读者的想象 力去填补、去联想、去体味。这种简 炼精美的图形为现代人们所喜闻乐见, 其表现的前景是广阔的、深远的、无 限的,而构成的版面更具有时代特色
4类比配色原则:类比配色是指挨得比较近的颜色组合。颜色有暖至 冷的顺序为红橙黄绿蓝紫,它们彼此之间互为邻近色,如果有跳跃就 不是邻近色,因为黄色与红色混到一起能产生其他的颜色,黄色中找 不到红色的影子。这种颜色的搭配可以产生渐变感,色调又很明确, 低色彩的对比产生和谐的美感,但用色不能过多,容易使人产生色环 的感觉。(图中由暖转向偏冷的颜色,神秘活泼感。)



主题借助图形、图片来增强文字说服力,提高阅读兴趣。
图片Βιβλιοθήκη 以装饰画或油画为图形以符号为图形
图形可以理解为一切图和形。图形以其独特的想象力、 创造力及超现实的自由构造,在排版设计中展示着独特的视 觉魅力。在国外,图形设计师已成为一种专门的职业。图形 设计师的社会地位已伴随图形表达形式所起的社会作用,日 益被人们所认同。今天,图形设计师已不再满足或停留在手 绘的技巧上,电脑新科技为图形设计师们提供了广阔的表演 舞台,促使图形的视觉语言变得更加丰富多彩。
Layout Design
版式设计 第三章
版式设计的形式美法则
第一节 版式设计的构成要素
一 二 三 四 五 文字 图形 色彩 网格 视觉流程
一、文字
• • 主题内容(标题、正文、注解等)离不开文字,通过文字获得主要信息。 设计者需掌握中外字体的一般常识,不同的字体给人的心理感受不一 样,美的字体能使读者感到愉悦,帮助阅读和理解。(字体设计)
色彩的渐变使版面和谐统一
夺目的色彩配以活泼的编 排,让人耳目一新
四、网格系统
网格在版式设计中的重要性 网格构成是现代版式设计最重要的基础构成之一。 作为一种行之有效的版面设计形式法则,将版面中 的构成元素点、线、面协调一致地编排在版面上。 网格在版式设计中有着约束版面的作用,其设 计特点主要强调了比例感、秩序感、整体感与 严肃感,使整个版面具有简洁、朴实的版面艺 术表现风格,在版式设计中成为主要的构成元 素。
一般说来,版式设计中的文字有两种形式,一是 个性化文字;二是表达信息的功能性文字。
1、个性化字体设计: 对文字的象形、意形、字母按视觉传达规律加以整体考虑的 设计,是通过对字形、字意、字音的联想,以意念思维所创造的 新的文字造型形象,有着很高的审美价值,具有可读性、趣味性、 识别性,是现代视觉传达的重要语言之一。
图形的文字性
文字的图形化特征,历来是设计师们乐此不疲的创作素材。中国历来讲究书 画同源。其文字本身就具有图形之美而达到艺术境界。以图造字早在上古时 期的甲骨文就开始了。至今其文字结构依然符合图形审美的构成原则。世界 上的文字也不外乎象形和符号等形式。所以说,要从文字中发现可组成图形 的因素实在是一件轻而易举之事。它包含有图形文字和文字图形的双层意义。
网格的排列
杂志版式
网格作为版式设计中的重要基础要素之一,构建出良好的骨架是很重要的。 在版式设计中,一个好的网格结构可以帮助人们在设计的时候根据网格的 结构进行版式设计。在编排的过程中有明确的版面结构。
网格系统的作用
(1)网格具有版面需求性 (2)网格具有信息组织的功能性
(3)网格具有阅读的关联性
单栏网格
双栏对称网格
3、避免视觉疲劳感。三栏 网格的运用使版面具有活跃 性,打破了单栏的严肃感。
三栏对称网格
4、有关表格形式的文字, 比如说联系方式、术语表、 数据目录等信息。这种版式 的单栏太窄式不适合编排正 文的。
五栏对称网格
(2)对称式单元网格
对称式单元网格在版面编排中,
将版面分成同等大小的网格,再 根据版式的需要编排文字与图片。 这样的版式具有很大的灵活性, 可以随意编排文字和图片。在编 排过程中,单元格之间的间隔距 离可以自由放大或者缩小,但是 每个单元格四周的空间距离必须 相等。 单元格对称网格
2.2图形化的文字编排
运用大量的文字组成平面的,或立体的图形,其图形化的文字编排能够形象地传达出 文字的内容,从而增强视觉的趣味性。 增加读者对文体的记忆。
A 图形化的文字编排手段
a 设计出一个特定的图形 b 将所要编排的文字全部编排到图 形里。
B 图形化的文字编排的应用范围
报纸、杂志、招贴、书籍、宣传册等。
非对称单元格网格
(4)基线网格
基线网格通常是不可见的,但它却是平面设计师的基础。基线网 格提供了一种视觉参考,它可以帮助版面元素的准确编排与对齐页面, 是凭感觉无法达到的版面效果。
基线网格
(5)成角网格
成角网格在版面中往往很难设置,网格可以设置成任何角度。成角网格 发挥作用的原理跟其他网格一样,但是由于成角网格是倾斜的,设计师 在版面编排时,能够以打破常规的方式展现自己的风格创意。
2.单色配色原则:画面由棕色的明、中、暗3种色调构成,这就是单 色配色。它属于基础配色,很容易掌握。通过调整一个颜色的明度, 使其发生渐变。
3.中性配色:黄色、土黄色、紫色、绿色或银色金色这类颜色在进行 单色设计时被称为中性配色,这种颜色给人古典、素雅、祥和、沉稳 的值得信赖的感觉。(图中的每一张图片上都填上了一层土黄色,然 后将其与图片融合在一起,又没有丢失本身的色相,页面整体也显现 出来黄色调。)
(3) 文字与文字 A 标题文字 经过专门的设计来表现
标题设计注意:
字体设计 位置 (视觉中心)
目的: 获得更为有效的视觉刺激,吸引关注、重视。 准确传达意图,对正文内容作较形象而概括的提示。
B 正文文字 字体一般不要求过多的变化。
目的: 解释、说明、表述 标题设计注意:
理智、科学、 字号、字体、字距、行距、篇章 字数(面积)的控制。
网格与无网格对比版面
网格与无网格对比版面
无网格版面
该菜谱在版面编排时,根据对
版面元素的了解选择适当的网 格结构,使其达到信息传达明 确。在该版面中,采用大小图 片的对比关系,使整个版面具 有版面的活跃性,选择一张满 版出血图,运用图片中元素的 生动感,能有效地勾起人们的 食欲。
图形主要具有以下特征:图形的简洁性、夸张性、具象性、 抽象性、符号性、文字性。
图形的简洁性
图形在排版设计中最直接的效果 就是简洁明了,主题突出。
图形的夸张性
夸张是设计师最常借用的一种表现手法, 它将对象中的特殊和个性中美的方面进 行明显的夸大,并凭借于想象,充分扩 大事物的特征,造成新奇变幻的版面情 趣,以此来加强版面的艺术感染力,从 而加速信息传达的时效。
三、色彩
色彩较之图文对人的心理影响更为直接,具有更感 性的识别性能。现代商业设计对色彩的应用更上升 至“色彩行销”的策略,成为商品促销、品牌塑造 的重要手段。
配色原则:
1.黑白配色原则:黑与白有强烈的对比关系,灰色是对这两种颜色的 调和,这样的配色给人一种安静素雅的感觉,同时还具有很强的时尚 感。黑白灰也用来表达忧郁颓废的情绪或是怀旧的感觉。
网格的建立
一套好的网格结构可以帮助设计师明确设计风格,排除设计中随意
编排的可能,使版面统一规整。设计师可以利用两者的不同风格来 编排出灵活性较大,协调统一的版面构成设计。
对称网格
栏状网格与单元格
网格的编排形式 (1)多语言网格编排 (2)说明式网格编排
(3)打破网格
打破网格的约束使版面设计更具有自由性,但是很难把握版面的平衡, 就算是很优秀的设计师也很难准确的把握画面的平衡感。
2、字体编排设计: 将句子或文章有序地、有层次地、有疏密对比地编排。
2.1 字距、词距、行距的编排 (1) 汉字编排 —— 一般较规则的说明文字: 行距 = ¾字高、 比字间距略宽 (2)拉丁字母大写 行距 = ½字高 拉丁字母小写 行距则以上下伸出部分不碰到为原则。 (3)特殊要求时,可根据需要调整。
C 标题、正文、说明常是穿插应用的
标题 > 正文 > 说明文字
(4) 文字与插图
并列关系: 文字与插图并列排列
包容关系: 文字绕图的形式 (5) 文字与色彩 标题 : 较合适作色彩处理 正文: 需要更含蓄委婉
二、图形和图像

图片在版面设计中,占有很大的比重,视觉冲击力比文字 强85%。
但这并非语言或文字表现力减弱了,而是说图片在视觉传 达上能辅助文字,帮助理解,更可以使版面立体、真实。 文字版中加入图形图片立即引起视觉流程的变化 图形的形式、大小、数量——影响读者注意力
相关主题