78版式设计第二课――版面设计的的编排构成PPT课件

平面设计与排版 2
4.骨骼（分割）设计
20世纪初，瑞士现代主义的设计家们经过 长期的研究与实践将骨骼编排的设计方法发展 成为一种成熟而可以被广泛应用的方法，可以 在各类平面设计中，特别是书籍装帧、报刊杂 志、产品样本等方面应用。之后在欧、美国家 被广泛运用，并得以不断完善和发展。
（1）.骨骼设计 骨骼或分割设计——严谨、理性的设计方法。 基本原理——将版面刻意按照骨骼的规则，有序地分割成
图版率——占据版面的图 （插图、照片）和文章的面积之比 叫做图版率。只有文字的版面十分 拥挤。
文字的跳跃率——以正文为基 准，以最大标题的字幅、字高计算 后的大小比率叫做文字的跳跃率。
照片的跳跃率——版面中最 小照片和最大照片的大小比率叫照 片的跳跃率。提高照片的跳跃率就 能改善格局。相反，降低照片的跳 跃率，使用大小相等的照片和画， 就给人平稳的印象。
左右版面的内页设计，细看有骨骼的痕迹，设计依据骨骼的设计概念，但很多地方又非标准 骨骼的分栏，既秩序，又自由。打破了骨骼的刻板、理性，是求变、求个性的设计。
杂志页面设计，自由编排的图片与骨骼的设计组合。图片的跳跃与文 字的宁静产生空间跳跃。
骨有 骼明 严确 格的 的骨 标骼 准分 设栏 计， 。但
大小相等的空间单位。 常见分割法：
竖向通栏:双栏、三栏、四栏 横向通栏:双栏、三栏、四栏
横、竖同时进行分割的四栏、六栏、八栏、十二栏等:
期刊杂志、画册编排：双栏、三栏。 报刊编排：（信息量多而大）四栏、五栏、六栏
←双栏骨骼。
←杂志页面。标题为通栏，文字为四栏 骨骼，图片和图片上端的文字跨越两栏。 版面严谨、理性。
内页设计：跳跃的字母使平淡的骨骼版面变得活泼。放大 的首字母在设计中起到了视觉图形的作用。
三栏骨骼版面，有意 空出版面右上方和左 下方的空间，在左下 方做标题的个性编排。
版面划分出三栏骨骼的空间， 取第一栏安排标题，图片和重 要信息。
版面为双栏结构，但栏的上下游小小的错落，版面严谨不失活泼。
整个版面为四栏骨骼的组合，图片按照四栏骨骼的规则配置。 内页设计。分别为十栏和十二栏骨骼。
杂志页面设计。两幅图片整体的插 入双栏骨骼中。
杂志页面设计。此设计在四栏骨骼 的基础上进行变化。其中包含了四 栏、图文跨越双栏的文字居中排列， 版面左右以对称方式编排。
大面积的图片与五栏骨骼的组 织构成。因为图片与文字的对 人性化的国际主义设 计风格→富有生气、
自由变化的后现代主义设计观。 变形骨骼在骨骼设计的基础上发展变化。 是在骨骼的基本形上，通过合并、取舍部分骨骼寻求 新的造型变化。
《出版物设计》。是一幅以五栏骨骼 为主的报版，图片跨越两栏和四栏。 版面在骨骼的基础上变化较丰富，
←骨骼规范性越来越小，而自由设 计的因素非常明显、突出，所以版 面的图版率，视觉度、活力增强。
写在最后
经常不断地学习,你就什么都知道。你知道得越多,你就越有力量 Study Constantly, And You Will Know Everything. The More
You Know, The More Powerful You Will Be
30
Thank You
在别人的演说中思考，在自己的故事里成长
Thinking In Other People‘S Speeches，Growing Up In Your Own Story 讲师：XXXXXX XX年XX月XX日
31
版面中的点由于大小、形态、位置不同所产生的视觉效果也不 同，心理的作用也不同。它的表现形式为：1，点的缩小起着强调 和引起注意的作用。点的放大有面之感。2，点在首行放大，起着 引导、强调、活泼和成为视觉焦点的作用。3，当点居于几何中心 时，上下左右空间对等，有庄重之感，但呆板。4，但点居于视觉 中心时，有平衡和舒适感。5，但点偏右或偏左时，有向心移动之 势，但过于边置则产生离心之动感。6，点作上下边置，有上升或 下沉之感。
不 是
按
展示设计墙，在骨骼的基础上进行变化。
利用九宫骨骼分 割展开的设计
五、自由构成 平面设计风格的人
性化，个性化和娱乐性， 无论图和文字、点或线 的构成关系都充满着随 机无序，无主次，无中 心，相互矛盾，相互排 斥，以及极端的耗散的 编排。（层次丰富，轻 松、自由、活力、人性 化）
1、如何理解点在版面中的概念？以及点在版面的表现形式？
版面空间留白较多，影响骨骼的完 整呈现，但骨骼结构依然明晰。版 面设计整体、简洁。整体留白空间 更好地烘托了主体。
内页设计。版面结构复 杂，上部分为三栏骨骼， 下部分为不规则的分栏。 版面上紧下松，图片的 编排服务于下部分文字 群的流程关系。
版面为三栏骨骼的内页设计，版面传达的符号元素都是以白底衬托。