视觉传达原理—第三章视觉传达设计的基本语言-色彩与版面

讲 : 阳
巧
没有空白的文字成为照 片的附属物被淹没了
视觉传达原理
不亚于大型文字和图 片，空白内的小型文 字十分醒目
讲 : 阳 巧
没有空白的文字成为照 片的附属物被淹没了
视觉传达原理
不亚于大型文字和图 片，空白内的小型文 字十分醒目
讲 : 阳 巧
视觉传达原理
4）分割 分割有横向分割、纵向分割等。 分割有横向分割、纵向分割等。横向分 割是二维及平面的，如版心与开本比例分割、 割是二维及平面的，如版心与开本比例分割、 行距、字距确立分割，多层次、 行距、字距确立分割，多层次、讲究的横向 分割将复杂的局部组织成统一协调的整体。 分割将复杂的局部组织成统一协调的整体。 纵向分割是指向版面深处延伸的纵深分割， 纵向分割是指向版面深处延伸的纵深分割， 具有三度空间的效果。 具有三度空间的效果。
视觉传达原理
A
B
讲 : 阳 巧
选择样式
视觉传达原理
A.设计很好 但在表现形式上不适合招募对象 人 设计很好,但在表现形式上不适合招募对象 设计很好 但在表现形式上不适合招募对象,人 们不会产生很想和孩子一起玩的想法。 们不会产生很想和孩子一起玩的想法。不能向 人们传达正确信息。 人们传达正确信息。
讲 : 阳
巧
视觉传达原理
只将一张照片倾斜一点， 只将一张照片倾斜一点， 就能体现出轻快的动感。 就能体现出轻快的动感。
讲 : 阳
巧
视觉传达原理
7）韵律 ） 韵律是富于变化的情感起伏的节奏。 韵律是富于变化的情感起伏的节奏。版面 中种种同类视觉要素（同类形、同类面积、 中种种同类视觉要素（同类形、同类面积、同 类位置等）变化交替的重复，具体到版面中， 类位置等）变化交替的重复，具体到版面中， 图形、文字、字组、页码、 图形、文字、字组、页码、线都能创造性地组 从而产生节奏和韵律。 合，从而产生节奏和韵律。
视觉传达原理
讲 : 阳
巧
（1）视觉度：图像要素产生的视觉强度叫 做 ）视觉度： 视觉传达原理 视觉 度。 特点： 特点： A、提高视觉度产生亲和力 、 B、外观影响力越强——视觉度越高 、外观影响力越强 视觉度越高 C、明快的插图 、明快的插图——视觉度越高 视觉度越高 D、 照片的视觉度比插图低，特别是云、 、 照片的视觉度比插图低，特别是云、 海等风景照视觉度更低。 海等风景照视觉度更低。
PowerPoint
视觉传达原理
工业 机械与 工业设计 业设计系 工业 学机械与 车学 工业设计系
讲：阳 巧
第三章 视觉传达的基本语言
视觉传达原理
3.1 ‚‰‰‘Š 传达 3.2 图 传达
3.3 „£Œ.Š 传达 3.4 •‰†传达 Š
讲 : 阳
巧
视觉传达原理
3.3 „£Œ.Š 传达
讲 : 阳
百度文库
巧
* 图版率用 来表示： 图版率用%来表示 来表示： * 版面全是文字 版面全是文字——图版率为 图版率为0% 图版率为 * 全是图画没有文字 全是图画没有文字——图版率为 图版率为100% 图版率为
讲 : 阳
巧
视觉传达原理
文字能传递的信息也 是不可欠缺的。 是不可欠缺的。
讲 : 阳
巧
（3）文字的跳跃率：以正文为基准，以最大标 ）文字的跳跃率：以正文为基准， 题的字幅、 题的字幅、字 高计算后的大小比率叫做文字的 跳跃率。 跳跃率。 特点： 特点： A、低跳跃率 、低跳跃率——平静沉着 平静沉着 B、 高跳跃率 、 高跳跃率——生机活力 生机活力
讲 : 阳
巧
视觉传达原理
讲 : 阳
巧
6）力场 ）
视觉传达原理
在每一个版面中都存在着一个力的场， 在每一个版面中都存在着一个力的场，上 部的物体与下部的物体及左边与右边的物体给 人以不同的感受，或有沉稳、凝重之感， 人以不同的感受，或有沉稳、凝重之感，或使 人感到舒畅， 人感到舒畅，或充满向外的力而开阔而大气或 充满向内对抗的力而形成紧张对峙的气氛， 充满向内对抗的力而形成紧张对峙的气氛，或 从近处向远方运动悠远而梦幻。 从近处向远方运动悠远而梦幻。力场还使人感 觉到一条潜在的导线引导着视线在版面中运动。 觉到一条潜在的导线引导着视线在版面中运动。 力场带动变化,使整体版面充满生机 使整体版面充满生机。 力场带动变化 使整体版面充满生机。
巧
视觉传达原理
空白量 (版面率 版面率) 版面率 多 少
照片类型 (视觉度 视觉度) 视觉度 低 高
性格
视觉传达原理
A B
格调高,高 格调高 高 级 活力,低廉 活力 低廉
讲 : 阳
巧
哪一张名片看上去更有信赖感? 哪一张名片看上去更有信赖感
视觉传达原理
讲 : 阳
巧
图为募集小组成员的传单样式) 选择样式 (图为募集小组成员的传单样式 图为募集小组成员的传单样式
讲 : 阳
巧
视觉传达原理
挖版的手表照片换成角版的衬衫 照片，淡化了轮廓， 照片，淡化了轮廓，失去了整体 效果。 效果。
讲 : 阳
巧
视觉传达原理
左右配置的手表相互影响，融 左右配置的手表相互影响， 一体化两个版面。 合，一体化两个版面。
讲 : 阳 巧
版面设计并不困难
视觉传达原理
讲 : 阳
巧
要素
视觉传达原理
排版设计亦称版面编排。所谓编排， 排版设计亦称版面编排。所谓编排，即 在有限的版面空间里，将版面构成要素---文 在有限的版面空间里，将版面构成要素--文 字字体，图片图形、 字字体，图片图形、线条线框和颜色色块诸 因素，根据特定内容的需要进行组合排列， 因素，根据特定内容的需要进行组合排列， 并运用造型要素 形式原理， 造型要素及 并运用造型要素及形式原理，把构思与计划 以视觉形式表达出来。 以视觉形式表达出来。
讲 : 阳
巧
视觉传达原理
讲 : 阳
巧
视觉传达原理
讲 : 阳
巧
2.4 版 式 的 表 达 2.4.1 版式编排设计的视觉基础 一、形式基础
视觉传达原理
良好的版面设计必须遵循美的形式原理， 良好的版面设计必须遵循美的形式原理，诸 种原理是既对立又统一地共存于同一版面设计之 中。
讲 : 阳
巧
1）对称 对称方式是以中轴线为依据进行设计， 对称方式是以中轴线为依据进行设计，给 人庄重、稳重、典雅之感。 人庄重、稳重、典雅之感。对称有垂直对称与 水平对称两种形式、 水平对称两种形式、不完全对称与对称中的不 对称这两种变化。 对称这两种变化。 2）均衡 ） 均衡形式较对称活泼得多， 均衡形式较对称活泼得多，但均衡并非 简单理性的等量不等形的计算，而是布局、 简单理性的等量不等形的计算，而是布局、 重心、对比等多种形式原理创造性全面应用 重心、 的结果。 的结果。
讲 : 阳 巧
视觉传达原理
视觉传达原理
讲 : 阳
巧
四张图片按照大小关系 配置的刚好
视觉传达原理
只放大左图一张照 片,破坏了整体平衡 破坏了整体平衡
讲 : 阳
巧
3）空白
视觉传达原理
空白是主题的领地。 空白是主题的领地。空白设计要重视版心周围 空白的安排，还要讲究字组与图片之间的空白， 空白的安排，还要讲究字组与图片之间的空白，以 及字行之间、单个文字之间的空白， 及字行之间、单个文字之间的空白，最终还要注意 它们之间组合后在版面中所形成的整体感觉。 它们之间组合后在版面中所形成的整体感觉。空白 的形状、大小、方向， 的形状、大小、方向，以及大大小小空白在一个版 面中形成的整体感，直接影响着版面的水平与风格， 面中形成的整体感，直接影响着版面的水平与风格， 影响着读者的视觉心理。 影响着读者的视觉心理。
讲 : 阳
巧
只加入一幅插图亲和力就完全改观
视觉传达原理
讲 : 阳
巧
视觉传达原理
讲 : 阳
巧
传统的名片
视觉传达原理
虽然没有不合适的感觉， 虽然没有不合适的感觉，但不能给人 留下任何印象。 留下任何印象。
讲 : 阳 巧
视觉传达原理
新式的名片
讲 : 阳
巧
视觉传达原理
视觉度的强弱变化
讲 : 阳
巧
视觉传达原理 （2）图版率：占据版面的图和文字的面积比叫做 ）图版率： 图版率。只有文字的版面十分拥挤。 图版率。只有文字的版面十分拥挤。
视觉传达原理
重视自由和个性的高格调样式
讲 : 阳
巧
二、编排设计的元素 版式编排可分为文字编排、图版编排、 版式编排可分为文字编排、图版编排、 整体编排。可以通过文字的数量、面积、 整体编排。可以通过文字的数量、面积、位 方向等因素产生新的版式编排变化。 置、方向等因素产生新的版式编排变化。编 排设计的元素包括： 排设计的元素包括：
讲 : 阳
巧
视觉传达原理
印象很一般的目录
讲 : 阳 巧
视觉传达原理
等间距配置插图，能体现轻快的节 等间距配置插图， 体现一直延续下去的印象。 奏，体现一直延续下去的印象。
讲 : 阳 巧
视觉传达原理
重复几次有特征的形态就产生 节奏，形成生机勃勃， 节奏，形成生机勃勃，愉快的 气氛。 气氛。
讲 : 阳
讲 : 阳
巧
视觉传达原理
讲 : 阳
巧
视觉传达原理
讲 : 阳
巧
视觉传达原理
版面设计艺术为人们营造新的思想和文化观念提供了广 阔天地，已成为人们理解时代和认同社会的重要界面。 阔天地，已成为人们理解时代和认同社会的重要界面。
讲 : 阳
巧
视觉传达原理
讲 : 阳
巧
视觉传达原理
讲 : 阳
巧
视觉传达原理
视觉传达原理
讲 : 阳
巧
视觉传达原理
讲 : 阳
巧
降低跳跃率给人高 品质， 品质，高格调的印 象；
视觉传达原理
提高跳跃率，则 提高跳跃率， 给人健康愉悦的 印象。 印象。
讲 : 阳
巧
视觉传达原理
不想看下去
变得有生气了
讲 : 阳
巧
视觉传达原理
标题扩大， 标题扩大，图片扩 大，提高了图版率
讲 : 阳
讲 : 阳
巧
视觉传达原理
讲 : 阳
巧
视觉传达原理
讲 : 阳
巧
视觉传达原理
讲 : 阳
巧
5）比例 ）
视觉传达原理
好的开本、版心、图片与字组的合理安排与选择， 好的开本、版心、图片与字组的合理安排与选择， 首先取决于良好的比例。美的比例为黄金比（ 首先取决于良好的比例。美的比例为黄金比（黄金分 高或高： 割）1：1．618（宽：高或高：宽）。 ： ． （
讲 : 阳
巧
9）统一 ）
视觉传达原理
统一也可称为基调。 统一也可称为基调。一个版面中参与 构成要素过多会形成杂乱，使版面的性格。 构成要素过多会形成杂乱，使版面的性格。 基调变得模糊不清， 基调变得模糊不清，因此版面构成要素要 但要素的组合关系却要丰富， 少，但要素的组合关系却要丰富，从而使 版面确立鲜明的特征与基调。 版面确立鲜明的特征与基调。是一种产生 整体感的方法。 整体感的方法。
讲 : 阳
巧
扩大昆虫,产生对 扩大昆虫 产生对 比效果 视觉传达原理
普通说明性版面
讲 : 阳 巧
视觉传达原理
扩大对比就扩大了空间， 扩大对比就扩大了空间，版 面整体因此充满生机。 面整体因此充满生机。
讲 : 阳
巧
视觉传达原理
相似的形态放在一起显得很单调， 相似的形态放在一起显得很单调，加 产生了变化。 入异质的形态就 产生了变化。
视觉传达原理
讲 : 阳
巧
2）色彩的特殊联觉： ）色彩的特殊联觉： 色彩与听觉、色彩与味觉、色彩与触觉、 色彩与听觉、色彩与味觉、色彩与触觉、色彩与嗅觉
视觉传达原理
讲 : 阳
巧
视觉传达原理
讲 : 阳
巧
视觉传达原理
讲 : 阳
巧
视觉传达原理
3.3 •‰‚)Š 传达
讲 : 阳
巧
什么是排版? 什么是排版?
讲 : 阳
巧
视觉传达原理
讲 : 阳
巧
视觉传达原理
讲 : 阳
巧
视觉传达原理
讲 : 阳
巧
视觉传达原理
讲 : 阳
巧
视觉传达原理
讲 : 阳
巧
视觉传达原理
讲 : 阳
巧
视觉传达原理
讲 : 阳
巧
视觉传达原理
讲 : 阳
巧
视觉传达原理
讲 : 阳
巧
视觉传达原理
讲 : 阳
巧
视觉传达原理
讲 : 阳
巧
视觉传达原理
B.界面插图舒缓，虽然不很精练，但温暖亲切 界面插图舒缓，虽然不很精练， 界面插图舒缓 的文字与想表达的内容正好契合， 的文字与想表达的内容正好契合，反而与接受 信息的对象相符合。 信息的对象相符合。
讲 : 阳
巧
视觉传达原理
公司职员的清爽样式
讲 : 阳
巧
视觉传达原理
上进的营销者的样式
讲 : 阳
巧
巧
8）对比 ）
视觉传达原理
对比是黑与白、大与小、弱与强、 对比是黑与白、大与小、弱与强、横 与竖、曲与直、宽与窄、线与面。动与静、 与竖、曲与直、宽与窄、线与面。动与静、 刚与柔、疏与密、虚与实、 刚与柔、疏与密、虚与实、阴与阳的异同 并置，有了对比，版面才有魁力、 并置，有了对比，版面才有魁力、生命力 与视觉感染力。 与视觉感染力。