第二章 版式设计要素

2012-5-7
www.brainybetty.com
16
图例
2012-5-7
www.brainybetty.com
17
图例
2012-5-7
www.brainybetty.com
18
图例
2012-5-7
www.brainybetty.com
19
图例
2012-5-7
www.brainybetty.com
39
图例
2012-5-7
www.brainybetty.com
40
作业： 作业：
1. 用26个字母进行文字组图练习。 个字母进行文字组图练习。 个字母进行文字组图练习 尺寸不限，制作软件不限，也可手绘，数量在3张 以上。 2.找一张自己拍摄的照片或者网络摄影作品， 2.找一张自己拍摄的照片或者网络摄影作品，分别 找一张自己拍摄的照片或者网络摄影作品 进行主题、群组字体、其他装饰元素等的添加， 进行主题、群组字体、其他装饰元素等的添加， 最后形成一张电子稿的版式作业。 最后形成一张电子稿的版式作业。
如P15 2-18
2012-5-7
www.brainybetty.com
41
2012-5-7
www.brainybetty.com
42
2012-5-7
www.brainybetty.com
43
Thanks!
Typography Layout
2012-5-7 www.brainybetty.com 44
20p 版式设计
24p 版式设计
28p 版式设计
32p 版式设计
40p 版式设计
70p 版式设计
2012-5-7 www.brainybetty.com
5
2012-5-7
www.brainybetty.com
6
2.图形 2.图形
在版式设计中图形元素同样有着十分重要的作用。 在版式设计中图形元素同样有着十分重要的作用。以图 形语言传递和获取信息已成为人们喜闻乐见的方式之一 包括：写实手法为主图片、手绘、电脑绘制的图形。 包括：写实手法为主图片、手绘、电脑绘制的图形。
www.brainybetty.com
36
2 黑、白、灰：
设计师应对画面有一种去除色彩的能力。 设计师应对画面有一种去除色彩的能力。
20百度文库2-5-7
www.brainybetty.com
37
图例
2012-5-7
www.brainybetty.com
38
图例
2012-5-7
www.brainybetty.com
NO.2 设计要素。
一 构成要素
2012-5-7
www.brainybetty.com
1
一 构成要素
文字 图形 色彩
2012-5-7
www.brainybetty.com
2
1.文字 1.文字
文字在版式设计中显得尤为重要。 文字在版式设计中显得尤为重要。设计者必须掌握中外 文字的一般常识， 文字的一般常识，而规范化文字的使用是版式设计最起 码的要求。 码的要求。 包括：字母、汉字、阿拉伯数字、 包括：字母、汉字、阿拉伯数字、标点符号 在版式设计中运用好文字，首先要掌握好字体和字号。 在版式设计中运用好文字，首先要掌握好字体和字号。
20
图例
2012-5-7
www.brainybetty.com
21
综合分析
2012-5-7
www.brainybetty.com
22
NO.2 设计要素
二 视觉要素
2012-5-7
www.brainybetty.com
23
1 点、线、面：
点线面是一切造型的基础， 点线面是一切造型的基础，也是版式设计的主要视觉语 任何复杂的版面都可以简化为点、 面的构成。 言，任何复杂的版面都可以简化为点、线、面的构成。
32
③面：
一段文字、一张图片、一个色块、一块空白…… 一段文字、一张图片、一个色块、一块空白……
2012-5-7
www.brainybetty.com
33
图例
2012-5-7
www.brainybetty.com
34
图例
2012-5-7
www.brainybetty.com
35
2012-5-7
2012-5-7
www.brainybetty.com
7
图例
2012-5-7
www.brainybetty.com
8
图例
2012-5-7
www.brainybetty.com
9
图例
2012-5-7
www.brainybetty.com
10
图例
2012-5-7
www.brainybetty.com
①点：
一个文字、一个单词、一个字符、字的一个笔画…… 一个文字、一个单词、一个字符、字的一个笔画……
2012-5-7
www.brainybetty.com
24
图例
2012-5-7
www.brainybetty.com
25
图例
2012-5-7
www.brainybetty.com
26
图例
2012-5-7
11
图例
2012-5-7 www.brainybetty.com 12
图例
2012-5-7
www.brainybetty.com
13
图例
2012-5-7
www.brainybetty.com
14
图例
2012-5-7
www.brainybetty.com
15
3.色彩 3.色彩
①要从主题内容出发，理解色彩在表现主题思想上的心 要从主题内容出发， 理感受； 理感受； ②要以读者为主体，研究他们的心理、感情、喜好，从 要以读者为主体，研究他们的心理、感情、喜好， 性别、年龄、认知度到民族性、地域性、流行性、关注 性别、年龄、认知度到民族性、地域性、流行性、 度等。 度等。
www.brainybetty.com
27
②线：
一行字、一条装饰线、两栏文字的间隙空白…… 一行字、一条装饰线、两栏文字的间隙空白……
作用： 作用：
①线封闭后能构成各种不同的形状，也就是形的外轮廓是由线构成的。 线封闭后能构成各种不同的形状，也就是形的外轮廓是由线构成的。 引导、 ②引导、指示 ③分割
2012-5-7
www.brainybetty.com
28
图例
2012-5-7
www.brainybetty.com
29
图例
2012-5-7
www.brainybetty.com
30
图例
2012-5-7
www.brainybetty.com
31
图例
2012-5-7
www.brainybetty.com
2012-5-7
www.brainybetty.com
3
2012-5-7
www.brainybetty.com
4
6p
版式设计
8p
版式设计
9p
版式设计
10p 版式设计
12p 版式设计
14p 版式设计
，。；：“” ，。；：“” ｛｝「」！？ 《》％（）～ 《》％（）～
16p 版式设计
18p 版式设计