版式设计(1)

①
②
③
④
CONTENTS
目录
CONTENTS
第一章 概述 第二章 版式设计原则 第三章 版式设计的编排构成 第四章 文字的编排构成 第五章 图形的编排构成 第六章 版面设计的编排形式 第七章 现代版面的设计观念
版式设计对于平面设计是一门相对独立 的设计艺术，研究平面设计的视觉语言 和艺术风格，是现代设计艺术的重要组 成部分，是视觉传达的重要手段。
2.2单向视觉流程
使得视觉流程使得版面的导向简洁明了，通过 水平或者垂直方向的引导，直接诉求主题内容。 其表现为三种方向的关系： 竖向视觉流程：坚定，直观的感觉。 横向视觉流程：给人稳定，恬静之感。 斜向视觉流程：以不稳定的动态引起读者注意。
DESIGN
第三章 版式设计的编排构成
任何一种版式设计，在空间原 理上均归于点，线，面的分类。 点，线，面是几何概念，亦是 版式设计的基本元素和主要的 视觉语言形式。
3.1点的编排构成
版面中的点由于大小，形态，位置不同，所产生的视觉效 果也不同。 点的情绪
点具有向心，收敛，聚焦等特性。这些特性使得它产生形态场，并向四周辐射 。点的向心收敛性是因为其小且相对独立，又因为其与整体形态有较大对比， 所以有聚焦性，容易形成焦点。而且配合其材质和颜色的不同，与场景形成更 大的对比，其聚焦性就更加突出。其鲜明，突出的特性要求设计师在设计师要 特别注意点的设置和布局。在处理好点自身形态的时候，充分考虑到点与场的 辩证关系，对比反差要协调，匹配。
潮流风向标-Nike设计狂想曲
潮流风向标-Nike设计狂想曲
3.5版式的基本类型
骨格型 中轴型 重心型 四角型 满版型 曲线型 三角型 等13种 上下分割型 倾斜型 并置型 左右分割型 对称型 自由型
1
骨格型
规范的、理性的分割方法。 常见的骨格有－竖向通栏、 双栏、三栏和四栏等。一般 以竖向分栏为多。图片和文 字的编排上，严格按照骨格 比例进行编排配置，给人以 严谨、和谐、理性的美。骨 格经过相互混合后的版式， 既理性有条理，又活泼而具 有弹性。
1 比例关系的空间层次 面积大小的比例， 即 近大远小，产生近 中 远的空间层次，在编排 中主题形象或标题文字 放大，次要形象缩小， 来建立良好的主次，强 调的空间层次关系，以 增强版面的节奏和明快。
比例关系的空间层次
2 位置关系的空间层次 前后叠压的位置关系所构成的空间层次。将图像或者文 字做前后叠压排列，产生强节奏的三度空间层次。 版面上 下 左 右 中 位置产生空间层次。最佳视阈为视 觉中心位置，并产生视觉焦点。疏密的位置关系产生空 间层次，在前后叠压关系或者版面上下左右位置关系中， 做疏密，轻重，缓急的位置编排，所产生的空间层次富 于弹性，同时产生紧张或者舒适的心理感受。
C聚散式 聚散式是形式上随意放置的一些点。点的聚散式排列给人以随意，轻松，自由的感觉。 然而这些“随意”放置的点，实际上是根据设计要求设置的，并且符合美学要求。看似 随意，实则有意。在产品设计上，聚散式相对要少一些，工业产品一般较为严谨。如图 所示。在平面设计类的网页界面设计，聚散式则应用得相当广泛。聚散代表力感的走向 ，合理的聚散方式，可以扭曲空间体量感。比如，在一个方框中中央部分密集打孔，或 者大面积的孔边缘打稀疏的孔可以营造出曲面的错觉。有流动感的聚散交错的分布方式 可以丰富整个平面的力感走势，在平面上营造出浮雕的效果
对于广告设计原理而言，骨格其实就是广告版面构成 中的栅格。我们在构成设计中常常借助于骨格，骨格 有助于我们排列基本形，使之成为有规律、有秩序的 构成。骨格决定了基本形在构图中彼此的关系。有时， 骨格也成为形象的一部分，骨格的不同变化会使整体 构图发生变化。
力量之美—耐克黑白宣传海报欣赏
力量之美—耐克黑白宣传海报欣赏
力量之美—耐克黑白宣传海报欣赏
4 动静关系，图像肌理关系产生空间层次 动态使得版面充满活力，获得更高的注目度，静态使 得版面冷静，含蓄，具有稳定的因素，两者在版面的 组织上，以动为静，动为前，静为后，彼此以动静的 对比关系建立空间层次。
包装设计
书籍装帧
海报设计
VI系统及应用
网ቤተ መጻሕፍቲ ባይዱ设计
字体作为符号设计的海报
文字排列
产品宣传广告
工业产品设计版式设计
DESIGN
第一章 概述
1.1概念
版式设计是按照一定的视觉表达内容的需要和 审美的规律，结合各种平面设计的具体特点运 用各种视觉要素，将各种文字，图形及其他视 觉形象元素加以组合编排，进行表现的一种视 觉传达的设计方法。
点的组合
A 行列式 横平竖直，排列整齐的行列式给人以 规整有序的感觉。当这些点均匀的排 布在产品面上时，能使得产品表面产 生一种韵律，一种质感，形成严密规 整的形态效果。但形态较为刻板。现 在电子产品上，经常出现行列式排列 的点阵，如喇叭出声孔。
B 放射式 放射式点阵使人们视线有了动势，人们会跟随 排布趋势去观察。方式是跟点阵式一样，也是 规整的。区别在于，点阵式是基于直角坐标的 排列，而点阵式是基于极坐标的排列。在极点 上发散开去。根据极角的不同，会出现360° 的全放射或者是某一角度的部分放射。全放射 给人以完整之感，而角度放射有趣，引导人们 视线，使人们思考。在自然界，比较有代表的 放射式点阵是80%花瓣的排列；在数理上，著 名的放射式排列是利用菲波那契数列所做的排 列。在产品设计中，放射式点阵也有很广泛的 运用，主要在应用在制作表面装饰性纹理的时 候，如图所示。另外在按键面板设计的时候， 排列方式也有应用。
1.4整体性与协调性
通过版面图文间的整体组合与协调编排，使得版 面具有秩序美，调理清晰，从而活得良好的传播 效果。
2.1版面元素的视觉流程
视觉流程的形式是由人类的视觉特性所决定的。视 觉总有一种自然的流动的习惯，先看到什么，后看 到什么。视觉流程往往会体现出比较明显的方向感， 它无形当中形成一种脉络，似乎有一条线，一股气 贯穿其中，使得整个版面的运动趋势有一个主旋律。
点的密集成面
由文字组成面 与图片形成对比
错落的面与线构成版面的节奏
3.4三维空间的编排构成
生活中的三维空间是立体空间， 看得见 ，摸得着，能深 入。 而平面编排中的三维空间，是在二维空间的平面上建立 的近 中 远 立体的看见关系。可见摸不着的假象空间， 是通过借助多方面的看见关系来表现，即 比例 动静图像 肌理等看见因素。
C 折线 折现是介于直线和曲线之间的一种线条。因为折现具有锐利的转角，所以具有直线的 刚毅；又因为具有起伏，所以具有曲线的韵律。
1.线具有分割作用
2.线具有引导视线的作用
3.线框的约束与强调
线框的限定，即使主题产生空间“场”的作用，同时也具有相对约束的功能。
3.3面的编排构成
3.2线的编排构成
线的编排构成分为：实线，虚线，空间视觉流动线。人们对线的概念都仅仅停留在版面 中形态明确的线，对空间的视觉流动线则忽略。 线的情绪
A 直线 直线单纯，明确，理智，刚硬，具有男性化的倾向。水平直线表现出平静，而水平的直线组可以夸 大横向尺度感。与水平直线不同的是垂直直线，它表现出的是刚毅，坚毅，挺拔。垂直直线组有可 以拉长比例，是形态看上去更加修长。比如，在生活当中，胖的人穿竖向条纹的衣服，可以给人以 秀美之态。
特写图像视觉冲击力强
3 色彩 色彩较之图文对人的心理影响更为直接，具有更 感性的识别性能。现代商业设计对色彩的应用更 是上升至“色彩行销”的策略，成为产品促销， 品牌塑造的重要手段。
色彩在画面中的协调作用
DESIGN
第二章 版式设计原则
1.1思想性与单一性
版面设计本身不是目的，设计是为了更好的传播 客户信息的手段。一个成功的版面设计，首先必 须明确客户的目的，并深入了解，观察，研究与 设计相关的方方面面。版面离不开内容，更要体 现内容的主题思想，用以增强读者的注意力和理 解力。只有做到主题鲜明，内容清晰，才能达到 版面设计的最终目标。
B 曲线 曲线优雅，圆润，柔软，抒情以及女性化的感觉。曲线分为规整曲线与自由曲线。规整曲线具有一 定的数理关系，如正弦余弦曲线，给人以严密性与规律感。规整几何曲线能表达饱满，有弹性、严 谨，理智，明确的现代感觉，同时也有机械的冷漠感；自由曲线是一种自然的、优美的、跳跃的线 型，能表达丰阔、圆阔、柔和、富有人情味的感觉，同时也有强烈的活动感和流动感，例如大自然 中闪电形成的自由曲线。用自由曲线创造动态造型，有利于营造热烈、自由、亲切的气氛。特别是 自由曲线对人更有吸引力，它的自由度强，更自然、也更人更有吸引力，它的自由度强，更自然、 也更具生活气息，创造出的空间富有节奏、韵律和美感。流畅的曲线既柔中带刚，又能做到有放美 感。流畅的曲线既柔中带刚，又能做到简洁和韵律感。在产品设计中，中国明式家具的圈椅具有代 表性。
1.2版式设计三大视觉要素
1 文字 主题内容（标题，正文，注解等离不开文字，通过 文字获得主要信息。） 设计者需掌握中外字体的一般常识，不同的字体给 人的心理感受不一样，美的字体能使人感到愉悦， 帮助阅读和理解。
2 图形或者图像 图片在版面设计中，占有很大的比重，视觉冲击 力比文字强85%。 这并非语言或者文字表现力减弱了，而是说图片 在视觉传达上能辅助文字，帮助理解，可以使得 版面立体，真实。 文字版中加入图形图像立即引起视觉流程的变化。 图形的形式大小数量 影响读者注意力。
版式设计
1
主讲：营销管理本部· 设计部 王 涛July 30, 2011
版式设计是现代设计艺术的重要组成部分，是视 觉传达的重要手段，表面上看，它是一种关于编 排的学问；实际上，它不仅是一种技能，更实现 了技术与艺术的高度统一。版式设计可以说是现 代设计者所必备的基本功之一。
版式设计的定义： 所谓版式设计，就是在版面上，将有限的视觉元 素进行有机的排列组合。将理性思维，个性化地 表现出来；一种具有个人风格和艺术特色的视觉 传送方式。传达信息的同时，也产生感官上的美 感。版式设计的范围，涉及到报纸、刊物、书籍 （画册）、产品样本、挂历、招贴画、唱片封套 和网页页面等平面设计各个领域．
1.2艺术性与审美情趣
主题鲜明的版面布局和表现形式等成为版面设计 的艺术核心。怎么才能达到有创意，形式美，变 化又统一，具有什么情趣，这就取决于设计者自 身的文化内涵和不断的学习过程。
1.3趣味性与独创性
版式设计中的趣味性，主要是指形式上的情趣。 如果版面本无多少精彩的内容，就要在创作中运 用艺术手段，使版面增加趣味性，从而更吸引人 更打动人。趣味性可采用寓意，幽默，和抒情等 表现手法来实现。独创性实质上是突出个性化特 征的原则。鲜明的个性是版面设计的创意灵魂。
版式设计 原理
点
形
线
文字编排
面
体
图形编排
色 质 场 量
BOOK
参考书目
①
作 者： （日）佐佐木刚土 著，武湛 译 出 版 社： 中国青年出版社
②
③ ④
作 者： （日）佐佐木刚土 著，暴凤明 译 出 版 社： 中国青年出版社
作 者： （美）萨马拉 著，齐际，何清新 译 出 版 社： 广西美术出版社 作 者：王阳，萧兰 编著 出 版 社：北京理工大学出版社
面的情绪 面因为是二维概念，因此给人扁平，在二维空间无限延伸的感觉。竖直的面具备崇 高雄伟的气派；宽阔的面呈现开阔宽敞的品格；纵长的面蕴藏深远与神秘；不平的 面给人诡异的感觉。 点的放大，点的密集或者线的重复构成面。另外，线的分割产生各种比例的空间， i同时也形成各种比例关系的面。 面在版面中具有平衡，丰富空间层次，烘托以及深化主题的作用。
最佳视觉：视觉中心位置
美国Nextel通信公司 iFollow服务广告
3 黑白灰关系的空间层次
无论是有色或者无色设计的版面，均为黑白灰的三色空间 层次。黑与白的对比极色，最单纯，最强烈，醒目，最能 保持远距离视觉效果，灰色能概括一切中间色，且柔和而 协调。
三色近中远空间位置，依据版面具体的明暗调关系而定， 版式设计强调色彩的调性，一副优秀的作品，色调应该非 常明快，或高调，低调，灰调，或者对比强烈，或者对比 柔和，反之则含混不清。