设计培训资料.doc

本文由汤圆给力贡献 ppt文档可能在WAP端浏览体验不佳。建议您优先选择TXT，或下载源文件到本机查看。 版面 色彩 文字 图片 无论是什么设计，首先是它必须能够引起别人的注意，也意味着它必须有某 种视觉冲击力，否则没有人会有耐性看下去。 一个平面设计主要有三种目的： 1 ，引起别人的注意； 2 ，给人留下深刻 引起别人的注意； 的视觉印象； 3 ，信息沟通。 的视觉印象； 信息沟通。 要达到前面两种目的，最好的办法就是视觉冲击力。你的设计及版面会决定 别人观看你的作品时间的长短，只有别人的注意力在你的作品中停留的时间较长， 信息才能有效沟通。如果你的作品不能引起别人的注意，其它一切都是无意义的。 版面 首先我们来了解一下阅读习惯对版面设计的一些启发。 当面对一页 信息读物时，人 类的眼睛习惯性 的从左上端开始 寻找入口，然后 向右下角进行浏 览，就像左图所 示那样，红色部 分提示出最受关 注的热点区域。 版面 阅读重点位于页面的主要热点区域 版面 以倒三角模式来排列信息是报纸杂志设计中很流行的做法：最重要的信息在最 上面，以下信息的重要性依次递减。 第一层 谁、什么事；提供什么服务；事件地点等。 第二层 其他的重要信息；深入阅读等。 最末层 细节 版面 版面 三分法在一个页面中叠加一个3X3的网格，网络线的交叉点就是所谓的 “热点区域”。三分法可以为设计带来活力与动感，是图像构图和版面编排的向导。 单页上的三分法运用 通页上的三分法运用 网格水平线和垂直线相交的点，就是热点区域。将构图的关键元素安排在这些交叉点的 周围，同样为构图增添了充满生气的动感。 版面 在构图的热点 区域中安置关键的 视觉元素，不仅可 以将人们的注意力 吸引到元素本身， 还能为整体构图带 来平衡。利用三分 法来安排元素位置 的做法，为设计引 入了成比例的间距， 帮助人们获得审美 上的愉悦。 单页上的三分法运用 版面 通页上的三分法运用 版面 奇数法这条法则揭示的是：在构图中，奇数元素比偶数元素更能引起观者 的注意。因为与偶数元素所带来的对称效果相比，奇数元素显得更加自然。 其实，三 分法中能够指 示构图中热点 区域的3X3的 网格结构也体 现出了奇数法 的特点。 版面 在页面中安排元素布局 时，可以利用奇数法将元素 安排在热点区域附近，通过 元素间的相互作用形成一种 紧张感。 版面 网格绘制利用比例关系，能确定页面的布局或网格，如下图所示。各种不 同的元素都是页面长宽比例的产物。 1 2 3 4 5 6 7 8 9 2 3 4A 5 6 7 8 9 B C E 让奇乔尔德（Jan Tschichold,1902-1972)构 图法以一个6X6的比例关系 为版面基础。 D 版面 网格绘制在分割页面的时候，也可以利用斐波那契数列获得比例关系，因 为它能表现出8：13的黄金比例。 1 2 3 4 5 6 7 8 9 2 3 4 5 6 7 8 9 2 5 1 5 3 在斐波那契数列 中，每一个数字都是 前两个数字之和。我 们可以利用这种特性 来决定每一组单元格 的值。 （0，1，1，2，3，5， 8，13，21，34，55， 89，144) 2 版面 本节我们通过一些作品来了解构成版面的基本元素，通过对这些元素的调整布 局使得版面更富有感染力与深度。 版面 尺寸的使用技巧就是我们必须 在设计中产生强对比。如果一个元 素仅仅比其它元素大一点，并不会 有什么效果出来。 在右边这个设计中，图片及标 题的尺寸是这个设计中具有冲击力的 一个决定元素。部分标题文字尺寸较 小，使我们在对比中能够更直观感觉 大的元素。 时钟的图片通过剪切后作为背景， 而且放得很大，而没有剪切的时钟图 片则放在前面，这种设计比简单地放 上一个时钟的效果要好很多。记住， 当我们对一件大家都熟悉的物品进行 剪切时，人们在观看时会在脑海里将 被剪切掉的部分自己补充上，这种视 觉惯性对于我们设计来说是一个有利 的因素，使我们可以设计出一些“看 不见的空间”。虽然只是一个黑白设 计，但冲击力非常强烈。 版面 很显然，该 设计中插图非常 简洁，而且插图 元素非常大，虽 然仅是一个黑白 的简单设计，但 却非常吸引人的 视线。 我们说过， “尺寸”的意思 并非说一定要很 大，如左边这个 报纸的半页广告， 你很难忽略它。 原因恰恰时它的 元素尺寸非常小， 这仍然是一种强 对比的设计 大面积的留白空 间与小元素形成 强烈对比 版面 将元素变大，也意味着让它更 有力量，可以将一些平淡无奇的元 素变得吸引人。在这个作品中，虽 然只是以文字为主，但却一点都不 枯燥，虽然在背景中我们将名称放 得很大，甚至超出了版面，但读者 仍然知道它的意思，因为黄色的大 标题已经点明了它的全称。而且文 字呈角度摆放，同样传达了一种很 强的冲击力。 版面 一种大面积的单色以简单的形状出现时， 可以很快吸引读者的眼光。对比来自于灯泡的 插图及小尺寸的文字，使到图片看起来更大。 我们在脑海中会将插图超出边缘的部分自动补 上，也进一步强化了图片的大尺寸印象。 版面 版面中， 一个尺寸非 常大的装饰 元素与一张 很大的肖像 图片形成吸 引人的视觉 焦点，同时 传达了一种 16 世纪的氛 围。由于文 字很小，所 以装饰元素 与文字一起 与整个版面 仍然形成了 对比。 设计的另一种变 化，改变了尺寸中元素 的对比比例。一般来说， 装饰元素通常都较小， 传达一种精致的效果， 但在这个例子中，装饰 元素放得很大，使到这 个装饰元素让人无法忽 略。记住，我们不仅仅 要考虑创造冲击力时的 尺寸，而且也有尺寸之 间的对比。大面积的留 白空间包围着一张小的 肖像图片，使到它与其 它广告排在一起时仍然 能够突围而出。 版面 颜色, 颜色,最强烈的颜色冲击力来自它出乎意料及极端的运用。一张照片如果 本身拍摄得很华丽，当然也能够说是有冲击力的，但却让人难以兴奋。 该幅作品由于颜色的特殊运用使到一 张普通的硬照变成充满设计气息的图片。 标题文字采用蓝色，作为一种冷色， 在这个设计中显得较为低调。如果我们标 题的颜色用的是一种暧色（如红色），则 标题将会过于强烈，导致与焦点元素的图 片产生冲突。 版面 颜色的运用可以是既保守 又引人注目。事实上，这种颜 色的运用产生的效果要比通常 的全色设计更能吸引别人的注 意力。在右边这个例子中，紫 色及黑色合成的背景使你的视 觉由上至下穿越，同时与白色 的标题形成强烈的对比。 版面 暧色通常显得充满活力，也 更显眼，所以暧色的元素并不需 要做过多的处理就已经可以让它 们轻易传达信息。 黑与白也是颜色，需要善于 运用，灰色则是一种多功能的颜 色，适用于大多数情况。 版面 用色基础 那里有光，那里就有颜色。有时我们会认为颜色是独立的这是蓝色、那是红色，但事 实上，颜色不可能单独存在，它总是与另外的颜色产生联系，就像音乐的音符，没有某一种颜 色是所谓的“好”或“坏”。只有当与其它颜色搭配作为一个整体时，我们才能说，是协调或 者不协调，色轮告诉我们颜色之间的相互关系。 版面 用色基础 三次色由邻近的两 种二次色等量调和而成 红、黄、蓝三原色 二次色由邻近的原 色等量调和而成 版面 用色基础 RGB模式是基于自然界中3种基色光的混合原理，将红 （Red）、绿（Green）和蓝（Blue）3中基色按照从0（黑）到 255（白色）的亮度值在每个色阶中分配，从而指定其色彩。当 不同亮度的基色混合后，便会产生出256*256*256种颜色，约为 1670万种。例如，一种明亮的红色可能R值为246，G值为20，B 值为50。当3种基色的亮度值相等时，产生灰色；当3种亮度值 都是255时，产生纯白色；而当所有亮度值都是0时，产生纯黑 色。当3种色光混合生成的颜色一般比原来的颜色亮度值高，所 以RGB模式产生颜色的方法又被称为色光加色法。 CMYK颜色模式是一种印刷模式。其中四个字母分别指青 （Cyan）、洋红（Magenta）、黄（Yellow）、黑（Black）， 在印刷中代表四种颜色的油墨。CMYK模式在本质上与RGB模式没 有什么区别，只是产生色彩的原理不同，在RGB模式中由光源发 出的色光混合生成颜色，而在CMYK模式中由光线照到有不同比 例C、M、Y、K油墨的纸上，部分光谱被吸收后，反射到人眼的 光产生颜色。由于C、M、Y、K在混合成色时，随着C、M、Y、K 四种成分的增多，反射到人眼的光会越来越少，光线的亮度会 越来越低，所有CMYK模式产生颜色的方法又被称为色光减色法。 版面 用色原则 1.使用单色 尽管设计要避免采用单一色彩，以免产生单调的感觉， 但通过调整色彩的饱和度和透明度也可以产生变化，使作 品避免单调。 版面 用色原则 2.使用邻近色 所谓邻近色，就是在色带上相邻近的颜色， 例如绿色和蓝色，红色和黄色就互为邻近色。 采用邻近色设计可以使作品避免色彩杂乱，易 于达到版面的和谐统一。 版面 用色原则 3.使用对比色 对比色可以突出重点，产生了强烈的视觉效果，通过合理使用对比色能够使作品特色鲜明、 重点突出。在设计时一般以一种颜色为主色调，对比色作为点缀，可以起到画龙点睛的作用。 版面 用色原则 4.黑色的使用 黑色是一种特殊的颜色，如果使用恰当，设计合理，往往产生很强烈的艺术效果，黑色一般 用来作背景色，与其它纯度色彩搭配使用。 版面 用色原则 5.背景色的使用 背景色一般采用素淡清雅的色彩，避免采用花纹复杂的图片和纯度很高的色彩作为背景色， 同时背景色要与文字的色彩对比强烈一些。 版面 用色原则 6.色彩的数量 一般初学者在设计时往往使用多种颜色，使作品变得很“花”，缺乏统一和协调，表面上看 起来很花哨，但缺乏内在的美感。事实上，作品用色并不是越多越好，一般控制在四种色彩以内， 通过调整色彩的各种属性来产生变化。 版面 用色搭配 版面 感谢大家参加此次培训！ 感谢大家参加此次培训！1