计算机电脑平面设计ppt课件

图形图像的 基本 造型元素
图形设计的 造型手法
设计的原则
形式美的创造法则
一、秩序产生的美感 二、和谐产生的美感 三、变化产生的美感
设计基础理论
多
媒
体
网
13
络
主要章节
网页 界面设的 基础理论
图形图像 在设计中的 作用
图形图像的 基本 造型元素
图形设计的 造型手法
设计的原则
秩序产生的美感
设计基础理论
通过对称、比例、连续、渐变、 重复、放射、回旋等方式，表达 出严谨、有序的设计理念，是创 造形式美感的最基本的方式。
网页 界面设的 基础理论
图形图像 在设计中的 作用
图形图像的 基本 造型元素
图形设计的 造型手法
设计的原则
设计基础理论
图形图像的基本造型元素
面
面 既可以看作是点的密集，也可以看作是线的
平行排列。与点、线相比，面的份量更大，因而 在视觉表现上更为强烈、实在。面除了有大小不 一，还具有位置、形状、摆放角度等特征。 面分为几何形和自由形两大类
50
2-22
51
2-25
52
3-95
53
3-96
54
3-97
55
3-98
56
3-99
57
3-105
58
3-111
59
色彩1
60
色彩4
61
色彩3
62
63
色彩2
5-2
64
2-24
65
2-26
66
5-28
67
6-4
68
6-7
69
6-5
70
6-8
71
6-9
72
6-11
设计的原则
设计基础理论
设计的原则
统一是指设计作品的整体性，一致性。
连贯是指要注意页面的相互关系。
分割是指将页面分成若干小块，小块
之间有视觉上的不同，这样可以使观 者一目了然。
对比就是通过矛盾和冲突，使设计 更加富有生气。
和谐是指整个页面符合美的法则，浑
然一体。
多
媒
体
网
7
络
主要章节
网页 界面设的 基础理论
色彩的三要素 色相、明度、纯度
多
媒
体
网
20
络
主要章节
色彩的分类
色彩的 三要素
色彩的心理 现象
色彩的三要素
色彩基础知识
色相 色彩所呈现出来的质的面貌，是色彩种类的 区别。如：红、橙、黄、绿、青、蓝、紫 六色相。
明度 指颜色的明暗或深浅程度。
纯度 色彩鲜艳与纯净的程度，又称色彩的饱和度
色彩构图与 搭配
多
媒
体
网
14
络
主要章节
网页 界面设的 基础理论
图形图像 在设计中的 作用
图形图像的 基本 造型元素
图形设计的 造型手法
设计的原则
和谐产生的美感
设计基础理论
和谐产生的美感体现在设计的整 体性上。
多
媒
体
网
15
络
主要章节
网页 界面设的 基础理论
图形图像 在设计中的 作用
图形图像的 基本 造型元素
图形设计的 造型手法
色彩的心理 现象
色彩构图与 搭配
第二章 色彩基础知识
色彩的分类 色彩的三要素 色彩的心理现象 色彩构图与搭配
多
媒
体
网
19
络
主要章节
色彩的分类
色彩的 三要素
色彩的心理 现象
色彩构图与 搭配
色彩的分类
色彩基础知识
三原色 红 黄 蓝
有色系 红、橙、黄、绿、青、蓝、紫 色以及它们之间的混和色
无色系 黑、白、灰色系列
多
媒
体
网
17
络
主要章节
网页 界面设的 基础理论
图形图像 在设计中的 作用
图形图像的 基本 造型元素
图形设计的 造型手法
设计的原则
借鉴
设计基础理论
设计中的借鉴，就是以现有的、他 人的设计作品作为参照，将自己的 设计与其相比较，以达到取长补短 或引为鉴戒的目的。
多
媒
体
网
18
络
主要章节
色彩的分类
色彩的 三要素
版面设计
1、骨格型 2、满版型 3、上下分割型 4、左右分割型
5、中轴型 6、曲线型 7、倾斜型 8、对称型
多
媒
体
网
36
络
1-2
37
1-8
38
1-7
39
1-8
40
1-9
41
1-14
42
1-18
43
1-19
44
1-21
45
1-20
46
2-12
47
不同时代
48
2-20
49
2-21
二、文字编排的四种基本形式
1．左右均齐
2．齐中
3．齐左或齐右 4．文字绕图排列
多
媒
体
网
31
络
主要章节
文字的应用
文字编排 的规律
版式设计的 造型元素
黑白灰关系 的空间层次
版面设计的 形式法则
版式设计的造型元素
点、线、面的位置 点的强调作用 线与面的分割作用
版面设计
多
媒
体
网
32
络
主要章节
文字的应用
文字编排 的规律
图形图像 在设计中的 作用
图形图像的 基本 造型元素
图形设计的 造型手法
设计的原则
设计基础理论
图形图像的基本造型元素
线
线 具有方向性，视觉形态中的线除了方向性，
还具有位置、长度、宽度、形状和性格。 线分为直线和曲线。直线分为垂直线、水平线、 斜线；曲线分为几何曲线和自由曲线。
多
媒
体
网
9
络
主要章节
第三章 版面设计
文字的应用 文字编排的规律 版式设计的造型元素 空间层次关系 版式设计的基本类型 版面设计的基本原则 版面设计的形式法则
多
媒
体
网
27
络
主要章节
文字的应用
文字编排 的规律
版式设计的 造型元素
黑白灰关系 的空间层次
版面设计的 形式法则
文字的应用
1．适合性 2、明确性 3、易读性 4、美观性 5、创新性
色彩的华丽感与朴素感 多
媒
体
网
24
络
主要章节
色彩的分类
色彩的 三要素
色彩的心理 现象
色彩构图与 搭配
色彩基础知识
色彩的感觉
色彩的象征 红——血、夕阳、火、热情、危险 黄——黄金、黄菊、注意、光明 绿——草木、安全、和平、理想、希望 蓝——海洋、蓝天、沈静、忧郁、理性 紫——高贵、神秘、优雅 白——纯洁、 朴素、神圣 黑——夜、死亡、邪恶、严肃
版面设计
多
媒
体
网
28
络
主要章节
空间层次
版面设计
文字的应用
文字编排 的规律
1、比例关系的空间层次 2．黑、白、灰关系的空间层次
版式设计的 造型元素
3、位置关系的空间层次
黑白灰关系 的空间层次
4．动静关系、图象肌理关系产生的空间层次
版面设计的 形式法则
多
媒
体
网
29
络
主要章节
文字的应用
文字编排 的规律
版面设计
多
媒
体
网
34
络
主要章节
文字的应用
文字编排 的规律
版式设计的 造型元素
黑白灰关系 的空间层次
版面设计的 形式法则
版面设计的形式法则
1、对比 2、调和 3、节奏
版面设计
多
媒
体
网
35
络
主要章节
文字的应用
文字编排 的规律
版式设计的 造型元素
黑白灰关系 的空间层次
版面设计的 形式法则
版面设计的基本类型
73
6-15
74
1-6
75
文字排列
76
版式12.13
77
版式15
78
版式59
79
版式60
80
版式64
81
版式64.65
82
版式68
83
版式77
84
版式108
85
版式117
86
2-23
87
6-48
88
2-5
89
2-6
90
1-17
91
3-26
92
3-27
93
图形图像 在设计中的 作用
图形图像的 基本 造型元素
图形设计的 造型手法
设计的原则
设计基础理论
图形图像的基本造型元素
点
在几何学中，点是表示位置的几何元 素。在视觉形态中，点还具有形状、方 向、大小等属性。点的概念是相对的， 是与周围的视觉元素相比较而言的。
多
媒
体
网
8
络
主要章节
网页 界面设的 基础理论
多
媒
体
网
30
络
主要章节
文字的应用
文字编排 的规律
版式设计的 造型元素
黑白灰关系 的空间层次
版面设计的 形式法则
文字编排的规律
版面设计
文字编排应当注重界面上下、左右空间和面 积的经营，通常应根据设计的目的选择适当 的字体，运用对比、协调、节奏、韵律、比 例、平衡、对称等形式创造法则，进行设计 应用。
版式设计的 造型元素
黑白灰关系 的空间层次
版面设计的 形式法则
黑、白、灰关系的空间层次
版面设计
无论是有色或无色设计的版面，均归为黑、白、 灰的三色空间层次。黑与白为对比颜色，最单纯、 强烈、醒目，最能保持远距离视觉效果；灰色能 概括一切中间色，且柔和而协调。三色的近、中、 远空间位置，依版面具体的明暗调关系而定。
多
媒
体
网
2
络
主要章节
网页 界面设的 基础理论
图形图像 在设计中的 作用
图形图像的 基本 造型元素
图形设计的 造型手法
设计的原则
网页界面设计的基础理论
设计基础理论
页面设计的构成要素 页面设计的特征 形式美的创造法则 借鉴与创意手法
多
媒
体
网
3
络
主要章节
网页 界面设的 基础理论
图形图像 在设计中的 作用
计算机电脑平面设计
COMPUTER CAPACITANCE DESIGN BBY
多
媒
体
网 络
第一章 设计基础理论
第二章 色彩基础知识
第三章 版面设计
1
主要章节
网页 界面设的 基础理论
图形图像 在设计中的 作用
图形图像的 基本 造型元素
图形设计的 造型手法
设计的原则
第一章 设计基础理论
网页界面设计的基础理论 图形图像在设计中的作用 图形图像的基本造型元素 图形设计的造型手法 设计的原则
设计基础理论
1、点 2、线 3、面
多
媒
体
网
5
络
主要章节
网页 界面设的 基础理论
图形图像 在设计中的 作用
图形图像的 基本 造型元素
图形设计的 造型手法
设计的原则
设计基础理论
图形设计的造型手法
1、概括
抓住设计对象的主要特征，以最简明扼要的方 式予以视觉表现。
2、具象
以现实中的事物为基础，运用写实性与装饰性 相结合的手法，对现实事物进行艺术处理。
3、抽象
抽象所运用的视觉元素，常常是最基本的点、 线、面及各种几何形的构成。
4、漫画
5、装饰
6、符号化
多
符号化图形具有很强的传达性，它形式上虽然简洁、 媒
单纯，却传达出深刻的含义。
体
网
6
络
主要章节
网页 界面设的 基础理论
图形图像 在设计中的 作用
图形图像的 基本 造型元素
图形设计的 造型手法
设计的原则
图形图像的 基本 造型元素
图形设计的 造型手法
设计的原则
设计基础理论
图形图像在设计中的作用
1、传达性 2、艺术性 3、表现性 4．趣味性 5、超地域、趋时空性
多
媒
体
网
4
络
主要章节
网页 界面设的 基础理论
图形图像 在设计中的 作用
图形图像的 基本 造型元素
图形设计的 造型手法
设计的原则
图形图像的基本造型 元素
色彩基础知识
多
媒
体
网
23
络
主要章节
色彩的分类
色彩的 三要素
色彩的心理 现象
色彩构图与 搭配
色彩的心理现象
色彩基础知识
色彩心理的重要性 色彩心理与年龄有关 色彩心理与职业有关
色彩心理与社会环境 有关
色彩与感情世界
色彩的冷暖
色彩的轻重感
色彩的软硬感色彩的软硬感
色彩的强弱感
色彩的明快感与忧郁感
色彩的兴奋感与沉静感
多
媒
体
网
10
络
设计基础理论
主要章节
网页 界面设的 基础理论
图形图像 在设计中的 作用
图形图像的 基本 造型元素
图形设计的 造型手法
设计的原则
页面设计的构成要素
一 文字 1、标题 2、文字信息 二 图形 1、标题 2、背景 3、主图
4、链接按钮
三 页面版式
四 色彩
1、吸引力
2、增强可理解性和易识别性
多
媒
体
网
21
络
主要章节
色彩的分类
色彩的 三要素
色彩的心理 现象
色彩构图与 搭配
色彩关系
色彩基础知识
相近色：色环中相邻的三种颜色。
互补色：色环中相对的两种色彩。 暖色 冷色 Nhomakorabea多
媒
体
网
22
络
主要章节
色彩的分类
色彩的 三要素
色彩的心理 现象
色彩构图与 搭配
色彩对比
纯度对比 补色对比 冷暖对比 色相对比 明度对比
设计的原则
变化产生的美感
设计基础理论
变化是和和谐对立的法则，但二 者在设计中是不可分割的。
多
媒
体
网
16
络
主要章节
网页 界面设的 基础理论
图形图像 在设计中的 作用
图形图像的 基本 造型元素
图形设计的 造型手法
设计的原则
借鉴与创意手法
一、综合型创意方法 二、趣味型创意方法 三、联想型创意方法
设计基础理论
版式设计的 造型元素
黑白灰关系 的空间层次
版面设计的 形式法则
线与面的分割作用
空间等量分割 空间不等量分割 空白的处理 造型元素的综合运用
版面设计
多
媒
体
网
33
络
主要章节
文字的应用
文字编排 的规律
版式设计的 造型元素
黑白灰关系 的空间层次