版式设计（精简版）

第三课 平面设计的基本知识

一、CI（企业形象识别系统）

A、理念识别：简称MI。

B、行为识别：简称BI。

C、视觉识别：简称VI。

视觉识别系统分为：基本要素系统、应用要素系统两方面。

二、一套完整的VI 设计的主要内容：

1、基本要素系统：

A、标志 B、标准字 C、标准色 D、标志和标准字的组合

2、应用系统：

A、办公用品

B、企业外部建筑环境

C、企业内部建筑环境

D、交通工具

E、服装服饰

F、广告媒体

G、产品包装

H、公务礼品

J、印刷品

3、在VI 中，我们主要是通过文字、形象、色彩、空间四个方面来表达我们想要表现的东西。

三、CI实施战略

CI通过对MI、BI和VI的协调统一，从而在全方位的传播过程中引起社会公众的关注，使广大消费者对企业产生认同感，以及对公司的产品产生信赖感。

四、广告视觉传播中的五个“I”

1、idea （概念）

2、immediate impact （立即印象）

3、interest （兴趣）

4、information （信息）

5、impulsion （推动力）

五、平面广告设计制作

平面广告设计制作前要搞清楚两件事：1、广告的目的2、厂商的背景

六、制作名片时需要注意以下几点：

1、名片的文案内容要简练概括，信息传递准确。

2、文案的版式段落编排整齐、美观大方，讲究形式美，不要松松散散、杂乱无章。

3、字行距，行距一定大于字距。

4、名片的字体要规范。名片字体尽量少用或不用繁体字。

5、凡中外文对照的名片设计应以中文为主。

6、文字的设计与排列

(1)文字的设计：名片的文字设计分为两个体系,一是主题文字；二是辅助说明文字。

(2)文字的编排设计：文字的排列要有层次,要讲究点、线、面的区划，文字在名片设计中有齐头、齐尾、虚实、前后、居中、分割、组合等多种形式。

作业：名片设计，要制作输出稿。（翡翠阳光大厦）

设计重点：A、从名片的结构去思考，突破

B、名字周围尽量留空白，突出主题，

C、字体尽量不要超过两种字体，体现工整感觉和高雅味。

第四课 广告视觉要素（文字、形象）

一、 文字

1、 字体

2、 文字类型

（1）标准字体

（2）书法体

（3）新书体

3、 字号

4、 字形

（1）正方形字体

（2）长体字

（3）笔画粗

（4）笔画细

5、 文字编排

（1）左右齐整，横排也可竖排；左齐、右齐或聚中编排

（2）文图穿插

（3）突出字首

（4）自由编排

6、文字编排的特殊表现

（1）形象字体

（2）意象字体

（3）图文叠印

（4）群组编排

二、形象

1、 具象（照片、图片）

（1） 展示商品

（2） 强调特点

（3） 表现用途

（4） 进行比较

2、 抽象（点、线、面）

作业：招聘海报设计。

尺寸：60x40cm

要求：突出主题、传达意识设计重点：从应聘者的角度去思考，突破。

第五课 广告视觉要素(色彩、空间)

三、色彩

1、色彩是第一视觉语言

2、色彩作为一种视觉语言的作用主要有以下几个方面:

（1）传达意念

（2）影响情绪

（3）增强识别记忆

（4）使画面具有真实感

（5）增强画面的感染力

3、色彩意向：色彩的象征意义是世界性的，不同民族产生的差异不大。

A、暖色

B、冷色

C、中性色

4、配色方案

（1）配色的基本原理是统一“三要素”(统一色相、统一饱和度、统一亮度)

A、统一色相，即所谓的近邻色搭配

B、近似色搭配，辅助以对比色搭配

（2）暖色、亮度高的色、饱和度高的色不能表达高级感；反之，冷色，亮度低、饱和度低点的色容易表达高级感。

四、空间

1、空白多产生高级感，空白少体现信息量丰富及大众化。

2、体现一个主题时我们可以采用扩大主题旁边的空白的方式来进行。

五、排版步骤

1、确定目的

2、确定主色

3、统计编排元素

4、版面设计

作业：宣传单张设计：纯天然辣椒素（正反面），

尺寸：21X28.5cm ，制作输出稿。

设计重点： A、明确照片和标题的关系，空白工整。

B、注意避免排版上图片和文字造成呆版。

C、色彩丰富且要统一。

第六课 版面设计八要素（一）

一、版式设计

版式设计分为：①样式选择（决定版面设计的大部分） ②调整形态

1、选择适合的样式，版面设计就能成功

2、决定版面设计效果的要素

3、效果通过样式表现

二、决定样式的“八要素”

（1）视觉度 （2）图版率 （3）文字的跳跃率

（4）照片的跳跃率 （5）网格拘束率 （6）版面率

（7）构成的三种类型 （8）字体印象

1、视觉度

（1）提高视觉度可以产生亲和力

（2）在插页广告中，视觉度必不可少

2、图版率

（1）视觉度与图版率的区别

（2）只有文字的版面显得十分拥挤

（3）没有文字的版面显得空洞

（4）理解视觉度和图版率

① A、B 的图版率是一样的，但是B 图中加入卡通插图，增强了a、视觉度，所以，B 图增加了e、亲和力和d、轻松感。

② 采用同样的照片，所以视觉度几乎没有变化，但照片的面积b、图版率增加了，提高了f、亲和力，但是，因为插图并不是十分有趣，所以亲和力没有大幅度提高。

③ 加入大面积的插图，视觉度和图版率都有提高，产生a、亲和力、d、易读。

3、文字的跳跃率

（1）低跳跃率显得平静沉着；高跳跃率显得生机活力

（2）跳跃率是制作符合目标样式的重要因素

（3）降低跳跃率给人高品质、高格调印象。提高跳跃率，给人健康愉悦的印象。

（4）感受合适的跳跃率

4、照片的跳跃率

（1）减小“大小比”稳定版面

（2）“大小比”小体现稳重大方， “大小比”大体现主次

（3）照片跳跃率和修版的关系，大面积宜用局部特写照片

（4）复习：理解文字和照片跳跃率的效果

作业：海报设计：秋季养生健康之路，大小为:2.88 米X0.87 米，输出喷画用。

设计重点：A、主题要突出。

B、字体要鲜明，理性。

C、加入插图，增加趣味性。

D、副主题和内文要分开，激活整体版面。

第七课 版面设计八要素（二）

五、网格拘束

①网格拘束型：因为有网格明显固定，所以流畅易读。体现理性、稳重但是，太过于男性化和经济杂志化，女性的信息杂志最好避免严格遵循网格。

②网格自由型：多用沿形状剪切后的照片，虽然很难保持平衡，但能体现自由愉快，容易制造有趣的版面，更适用于女性杂志

（1）使用网格体现理性化、男性化；除去网格体现活力、自由。

（2）使用网格拘束，保持每张照片的独立性；自由格式融合全体。

（3）有格调、庄重的版面适用网格

（4）照片的外型——挖版和角版

（5）角版和挖版的不同效果：角版是网格约束型，挖版是自由型。两者结合运用，能产生各种对比效果。

6、版面率（空白率）

（1）增大名片的空白体现高品质

（2）表现高品质、高质感的商品需要大面积的空白。

（3）紧缩空白体现信息丰富的版面

（4）复习：理解网格拘束率和版面率

7、构成的三种类型

A、齐行型——合理的、标准的、面向商业的。

B、居中型——优雅的、高品质的、高格调的。

C、自由型——自由的、随意的、有活力的。

（1）无意义的混合下降品味

（2）组合三种类型制作版面：① 上下齐行的组合

② 齐上型（下端自由型）的组合自由型组合

③ 居中型的组合

（3）典型的三种排列类型

A、齐行型

在整体版面的上下左右设定一个框架，并在框架内按照正确的顺序配置文字、照片和标题。这种方法是三者中最保险的类型

B、居中型

假定版面中心有一条垂直线，照片、大小标题都以这条线为基准来配置。形成端正、高格调的版面。

C、自由型

无视中心线和左右框架，自由配置。首先配置照片和标题，接着在保持平衡的同时创造出全体的动感。因为没有作为基准的框架或中心线，所以平衡感较差的初学者应慎用此型。

8、字体印象

与照片、插图相比，文字给人的印象是极微弱的。但是，注意观察就能发现字体中也蕴藏着很大的信息。

（1）字体的粗细及大小决定效果

①粗体：象征男性化。是自信的表现，能体现活力、男性的力量等。

②细体：象征女性化。表现时髦的，女性的优雅和纤细。

（2）大型的文字体现精神活力

（3）使用艺术字体

作业：唐鼓音箱包装设计、户外广告设计、宣传海报设计包装盒设计：尺寸为50cm （高）x 30cm （宽）

包括：1、展开图、刀线图、效果图

2、户外广告：尺寸为200cm（高）x 300cm（宽）

3、宣传海报：尺寸为120cm（高）x 55cm（宽）

要求：风格统一、时尚、大气

第八课 调整形态（一）

一、 造型的八原则：（1）明确主题

（2）分开副主题

（3）群化（组织化）

（4）暧昧给人不安的感觉

（5）整理流向

（6）空白是主题的领地

（7）抑制四角

（8）利用版心线

1、明确主题

（1）抑制次要部分整洁版面

（2）明确主题增加安定感

（3）高度隐藏主题的手法

2、分开副主题

主角和配角在一定程度上分开配置，可激活整体版面。

3、群化

群化是调整形态的基本技法之一

（1）未群化给人混乱的感觉

（2）设置假想框

4、暧昧给人不安的感觉

（1）不要让读者产生困惑，明确行间的空隙

（2）图和文形成一个组合

（3）调整文字和照片的高度

作业：1、汉锦山庄折页设计

尺寸：210×285mm

提供内容包括：山庄照片、山庄地址、菜谱、山庄logo、婚宴优惠服务条款。

设计要求：高档、大气，画面整洁

第九课 调整形态（二）

5、整理流向

我们看版面的时候，视线总会有流向。在广告制作中必须要思考这个要素，应该在吸引读者

的目光，引导视线这些方面下工夫。

（1）小画面的流向应简洁化

（2）感受合适的流向

6、空白是主题的领地

（1）大面积的空白适合于主题

7、抑制四角

四角是版面中最重要的场所。只要在四角配置小的形态，就能安定版面全体。有提高格调的效果。

8、利用版心线

（1）依照版心线可以轻松稳定版面

（2）版心和留白稳定版面

作业： 卓尔手袋制作

要求：1、制作好刀线； 2、作好展开图； 3、制作效果图；

在文件夹中有做好的一个展开图，可以参考；所需要的文字和LOGO都在文件夹中。

第十课 创造形态的诀窍

1、节奏

节奏延续轻快的感觉

2、对比

大小，粗细对比等，能突出紧张感，形成生动的版面

3、重点

用重点带动变化，使整体版面充满生机。

4、比例

比例是两个长度的关系，看到黄金比例的形态，自然就会感觉到完美。

5、平衡

保持平衡，能增加信赖感

6、融合

能使版面产生整体感

作业： 点餐灯箱片设计

要求：

1、灯箱片尺寸 宽54cm，高57cm。4块尺寸相同

2、设计风格类似肯德基、麦当劳、德克士之类的洋快餐厅，清晰、简洁、美观

3、4块灯箱分别包含产品：

第一块包含：   烤鸭肉夹馍 6元    烤鸭肉卷   3.5元

第二块包含：   老鸭汤鸭血粉丝   9元

第三块包含：   丸子烩菜    9元   灌汤包     5元

第四块包含：   大米粥  3元 小米粥     3元

参考：

停课一节学生将之前布置的作业进行调整、修改设计。

第十二课 配色的准备

一、唤醒对色彩的感觉

（1）明亮的色调表示欢快，反之，暗淡的色调使欢快感失去。

（2）鲜艳色彩的对比制造出节日气氛：以冷色为中心，有凉爽的感觉，以暖色为中心，明亮而精神。

二、依据色彩原理配色，创造印象深刻的效果

遵循原理的配色，才能给人深刻的印象

1、对比色的运用效果

加上对比色后，不仅提升了配色整体感，且使人印象深刻。

2、色彩感觉一致的运用果

要传达的内容与配色的感觉一致时，能够唤起共鸣。

3、突出色的运用果

鲜艳强烈的颜色，面积越小，效果越突出。

三、欢快鲜艳的色彩作用

1、鲜艳的色彩产生活力

2、鲜艳的颜色使画面明快

3、鲜艳的颜色使画面华美

4、对比色使画面生辉

4.避免颜色混乱的方法

同化三要素：使色相，明度，纯度相近。各种颜色有主角和配角的分工，对应这种主次的关系，减弱配角，留下要突出的主角。这样就可以避免混乱，主题自然鲜明起来。

1、统一色彩和明亮度，使画面整齐。

2、色调的变化会带来主题的变化。

5、配置喧闹颜色，暗色的方法

使喧闹的颜色成为具有魅力的颜色

1、加入白色

2、混入白色

6、色彩感觉与想表现的内容要一致

避免色彩感觉的偏差

1、年龄差和色调的关系

2、表示冷暖的色相

作业：活动主背景板设计

尺寸：10（宽）x3m

要求：时尚大方的现代中国风形象

第十三课：配色的手段

一、理解三属性

明度：颜色有明暗之分，就是明亮度。

纯度：色彩的鲜艳程度被称为纯度。比如向鲜艳的橙色中加入灰色后，变成了褐色，再加就变成了灰色。原来鲜艳的橙色逐渐变为暗色。

色相：如红、蓝、黄、之类的色彩变化称为色相。

1、借助○和△，记住三属性

2、色相

（1）对比色、邻近色、同系色

（2）色相的效果

暖色与冷色

色相差的效果

3、明度

（1）明度的规模

色彩中最亮的颜色是白色，最暗的是黑色，其间是灰色。从近乎白色的浅灰色开始，到近乎黑色的深灰色为止，就是明度的规模，我们称它为灰色规模。

（2）明度的效果

明度自身的效果指的是，明色创造轻快，暗色创造凝重。另外，加大明度差，可以达到富有活力的效果；降低明度差，达到稳健的效果。

（3）明度的位置

以明色为主体，则明朗欢快；以暗色为主体，则厚重沉着

4、纯度与色调

纯度与色调的关系

鲜艳的色彩纯度高，浑浊的色彩纯度低，这种测定色彩鲜艳度的尺度叫做纯度。理解色调会帮助我们更好地运用色调。色调由纯度和明度交叉创造而成。我们不说色调高或低，而要用明、暗之类的语言来表示。

（1）色调的位置

色调的位置对配色感觉起很大作用

（2）色调反映出时代感

具有装饰美术风格的华美、怀旧的色调

（3）色调差的效果

差别小则平稳和谐，差别大则产生变化

作业：

做聚划算专题海报，时间6月26日10点。

商品一（坡跟厚底贵莲）：原价155元 参团价75元包邮

商品二（坡跟厚底甜美）：原价129元 参团价49元包邮。

宣传点：突出贵莲为温州十大女鞋品牌之一，2012年夏季小清新田园风。

尺寸：950X500

第十四课 理解五角色

什么是五角色？

就像小说中有主角和配角一样，配色也讲究角色划分。主要角色有5类：主角、配角、支配色、融合色、强调色。

1、主角色

是配色的中心色，选择其他颜色时要以主角色为基础。

（1）主角色决定主体，使画面整体安定

（2）灵活运用主角色

2、配角色：（突出色）

（1）对比色使主角色生辉

（2）面积越小效果越好

3、支配色：（背景色）

（1）背景色支配着画面的整体感觉

（2）支配色决定主角的感觉

（3）背景色即使是小面积，也起支配作用

（4）背景色支配与色彩强弱无关

4、融合色

（1）缓和游离的颜色

（2）点缀色起融合作用

5、强调色

（1）强调色使画面生动

（2）强调色面积越小效果越好

（3）对比色、高纯度效果好

作业：《广州市弘道汽车配件有限公司》画册设计

尺寸：210x285mm

需要制作：封面、封底，目录、企业精神、内页产品（2-4页）

要求：画面整洁、大方，给人亲切和信赖感。

第十五课 配色的实践

一、突出型

使主角更鲜明

1、烘托中心

（1）明确主角

（2）置强色于中心

（3）加强中心部分的方法

① 提高纯度

② 强化明度对比

③ 强化色相对比

2、制造一个亮点

（1）亮点的面积越小给人的印象越深刻。

（2）制造亮点的方法

① 抑制背景色：弱化背景色，凸显亮点

② 淡色也可以做亮点：只要控制背景色，亮点色即使不够鲜艳也会有效果。

3、加入鲜艳色彩

（1）鲜艳的色彩尽显活力

（2）鲜艳色的效果：加入鲜艳色，活力四射，兴趣倍增。

4、增大色彩面

（1）添加色彩，画面生动

黑白主体或是无色彩的画面总使人感到有所欠缺，加入些许颜色，就变得欢快跃动。如果画面过于单调，考虑增加色彩面。

（2）色彩面扩大后，顿生活力，给人深刻印象

5、减少一部分黑色

（1）减少黑色的分量，提高纯度

感觉配色过于沉重压抑时，应该减少黑色，增加鲜艳颜色，配色将瞬间明朗起来。色调沉重是由于混入过多黑色，减少黑色后自然会呈现出鲜艳的色彩。这是最有代表性的突出配色的方法，也是效果最显著的方法。

（2）减少黑色使画面明亮

6、设置明度差

（1）明度差带来活力

明度差越大画面越有力度，效果越强；反之，则平稳无风险。如果感到配色效果过于高雅，缺乏力度，就把明度调高。

（2）明度差差别小则高雅，差别大则精神

（3）明度差的效果

7、分离配色

按照色相、明度次序配色称为“渐进配色”；与之相对的，独立配置各色的方法称为“分离配色”

渐进配色：按色相顺序排列

分离配色：使用与左图中相同给人安静平稳之感。但有失的色彩，变换顺序，突出各色紧凑，显得无趣。的独立性，诞生节奏感

（1）分离带来动感，表现活泼

（2）平均地分离，产生节奏感

（3）比较浓淡法配色和分离配色

注：即使使用同样颜色，变换顺序也会使感觉相异。另外，加入对比色，更令画面生动无比。

作业：

环保手提袋设计：题材可以是简单的图形，现代的生活和流行的东西。

目的：通过参与而加入到了环保，要让设计与人产生共鸣。

本文来源：https://www.2haoxitong.net/k/doc/d85d3d29453610661ed9f482.html