当前位置:
文档之家› 版式设计 07 版式设计的基本类型
版式设计 07 版式设计的基本类型
5 调整与修饰 这是整合版面整体效果的重要一步。
五 练习二—构图紧凑的网格页面设计(Indesign软件完成) 目的-学会网格设计方法,较好的调整系列页面的变化
自由版式设计
一 什么是自由版式?
字面理解就是无 任何限制的设计,它 是通过版式编排中自 身元素自由组合排列 的设计方式。
二 自由版式设计的特点
1 确定版面率 版面率是指图文内容在版面中所占的比率。
版面中图文内容多则版面率高,反之则反。在现 实的设计过程中,要求设计者认真地对设计对象 的内容、成本、以及开本的大小、设计的风格等 诸多因素进行全面地考虑,才能最后确定设计稿 的版面率。
2 确定通栏的数
版面上的通栏在这里我们将其称为竖栏, 其功能为主要放置图文内容。竖栏是版面上 骨骼的主体,亦是骨骼各个部分展开的基础。
二 标准网格设计形式
水平垂直式网格
形式1
形式2
形式3
形式4
形式5
• 需要注意的问题:
第一: 运用分栏的方式,栏与栏之间置入内容的间距必须 一致。 第二: 栏数的多少与编排对象有关,内容越多版面越大, 栏数就可以相应的增加,以调节阅读节奏。 第三: 许多实际情况当中还有其它骨骼形式的出现和运用, 我们可以在此基础上变化设计。
字的虚化
字的叠加
字 的 拆 分
三 练习—招贴中自由版式设计练习
小结
1 什么是网格版式? 2 标准网格版式有几种? 3 网格版式的设计步骤? 4 在设计中如何调整网格版式的节奏和流向? 5 什么是自由版式? 6 自由版式的特点?
①版心的无疆界性 需要注意的是自
由不等于漫无目的 的瞎涂乱画,也须 遵守合理安排视觉 元素以及内在的基 本原则:色彩搭配、 肌理、空间等。
二 自由版式设计的特点
②字图一体性 使字体成为图形的一部分; 运用虚实相结合的手法达到字图融为一体的目的; 运用叠加法创造层次,增加画面的空间厚度。
二 自由版式设计的特点
③解构性 解构就是对原有古典和以数理为基础的排版秩序结构的肢 解,是对正统版面的解散和破坏。它运用了不和谐的点线 面等元素与破碎的文化符号去重组新型的版面形式。
图的解构
字 的 解 构
二 自由版式设计的特点
④局部不可读性 “可读”设计者在安排版式过程中认为读者应该读的部 分,包括字体的大小和清晰度。“不可读”是无需读的 部分,在处理手法上常常把字体缩小、虚化、重叠、 复加、拆分等等,使增强视觉冲击力的有效方式之一.
在20世纪的20年代前后,瑞士现代主义设计家们经过 长期的研究与实践,将骨骼编排的设计方法发展成为一种 成熟而可以被广泛应用的方法,可以用在各种平面设计、 特别是书籍装帧、杂志、样本设计、报纸排版的设计上。 以后几十年中,在各国,尤其是拉丁语系的国家中,骨骼 法被广泛地加以运用,同时也得到了不断地完善。
3 确定标题的大小变化
一般印刷品主要有三种标题: 第一、主标题,如产品宣传样本正标题,书籍的书名 等等; 第二、副标题,指附加在主标题下的文字; 第三、小标题或分标题,像样本上各个部分的标题, 书籍的章节标题等等。
4 填入文字与图形
确定整个设计的各个部分的组织关系— 封面、扉页、正文和正文的展开、结尾。 首先,是确定各部分要占据的版面空间。 其次,是正文与插图的空间位置。
第七章 版式设计的基本类型
网格版式设计
一 网格版式的概念
1 什么是网格?
① 级数关系
从视觉艺术的角度来看,和谐就是画面上不同物体﹑ 要素的相互呼应、重复和统一。设计家们将级数运用到 了建筑上,也运用到了家具设计与工业产品的造型上最 后运用在平面设计的领域,都获得了巨大的成功。
② 瑞士现代主义
③ 网格(骨骼)设计的原理
骨骼的基本原理是将画面,特别是将具有重复性与组 合性的画面运用骨骼分为不同的功能区域,使图形与文 字的编排关系次序化、条理化、规范化。并从中达到视 觉效果上的和谐与统一,和内容传达表现上的合乎逻辑。
④ 网格设计的概念
对页面进行单元格分割,并运用级数关系将文字和图片 嵌入其中组织编排的方法就叫做网格排版法。
成角式网格
非对称式网格
叠加式网格
三 网格版式设计应用
第一步:首先在设 置网格之前要设 定好格与分栏
第三步:布局
文字内 容要严格按照 栏的范围根据 级数关系分配
第四步:调整 整体的节奏效果。 这包括在画面中增 加余白。减少画面 的压迫感。
余白的主要功能: 减轻压迫感 表现出页面之间的内容布局的不同 使页面得到扩展
余白面积大:典雅而平静的效果 余白面积小:热闹而充满活力的效果
第五步: 通过符号化元素引导阅读
其它: 对页面做系统性的整合(分栏、色彩、文字)
系统编排的页面结构
7:3 6:4 8:2
四 手绘草图练习一(手绘+AI辅助完成)
主题:制作企业文化宣传册草图 要求:手绘部分——
25P 扉页1P 章节页3P 后记1P 正文20P 绘制标准合理而有变化的网格布局 电脑制作部分—— 单面16K 300dpi 25P 扉页1P 章节页3P 后记1P 正文20P 绘制标准合理而有变化的网格布局 文字用横线标注 图片用灰色快标注 注明各个层级文字的字体字符行间距 注明栏间距 版心位置 页眉页脚位置和字符