视觉传达设计手册

第1章 视觉传达设计的基础知识
1.1 视觉传达设计的概念 2
1.2 视觉传达设计的点 3
1.3 视觉传达设计的线 4
1.4 视觉传达设计的面 5
第2章 视觉传达设计的元素
2.1 色彩 7
2.1.1 色相、明度、纯度 8
2.1.2 主色、辅助色、点缀色 9
2.1.3 活跃积极的色彩元素 10
2.1.4 色彩元素设计技巧——合理运用色彩影响受众心理 11
2.2 文字 12
2.2.1 创意十足的文字元素 13
2.2.2 文字元素设计技巧——与其他元素相结合 14
2.3 版式 15
2.3.1 独具个性的版式元素 16
2.3.2 版式元素设计技巧——增强视觉层次感 17
2.4 创意 18
2.4.1 充满激情趣味的创意元素 19
2.4.2 创意元素设计技巧——注重颜色搭配之间的呼应 20
2.5 图形 21
2.5.1 具有情感共鸣的图形元素 22
2.5.2 图形元素设计技巧——增添画面创意性 23
2.6 图像 24
2.6.1 动感活跃的图像元素 25
2.6.2 图像元素设计技巧——营造画面的故事氛围 26
第3章 视觉传达设计的基础色
3.1 红 28
3.1.1 认识红色 28
3.1.2 洋红&胭脂红 29
3.1.3 玫瑰红&朱红 29
3.1.4 鲜红&山茶红 30
3.1.5 浅玫瑰红&火鹤红 30
3.1.6 鲑红&壳黄红 31
3.1.7 浅粉红&博朗底酒红 31
3.1.8 威尼斯红&宝石红 32
3.1.9 灰玫红&优品紫红 32
3.2 橙 33
3.2.1 认识橙色 33
3.2.2 橘色&柿子橙 34
3.2.3 橙&阳橙 34
3.2.4 橘红&热带橙 35
3.2.5 橙黄&杏黄 35
3.2.6 米色&驼色 36
3.2.7 琥珀色&咖啡色 36
3.2.8 蜂蜜色&沙棕色 37
3.2.9 巧克力色&重褐色 37
3.3 黄 38
3.3.1 认识黄色 38
3.3.2 黄&铬黄 39
3.3.3 金&香蕉黄 39
3.3.4 鲜黄&月光黄 40
3.3.5 柠檬黄&万寿菊黄 40
3.3.6 香槟黄&奶黄 41
3.3.7 土著黄&黄褐 41
3.3.8 卡其黄&含羞草黄 42
3.3.9 芥末黄&灰菊黄 42
3.4 绿 43
3.4.1 认识绿色 43
3.4.2 黄绿&苹果绿 44
3.4.3 墨绿&叶绿 44
3.4.4 草绿&苔藓绿 45
3.4.5 芥末绿&橄榄绿 45
3.4.6 枯叶绿&碧绿 46
3.4.7 绿松石绿&青瓷绿 46
3.4.8 孔雀石绿&铬绿 47
3.4.9 孔雀绿&钴绿 47
3.5 青 48
3.5.1 认识青色 48
3.5.2 青&铁青 49
3.5.3 深青&天青 49
3.5.4 群青&石青 50
3.5.5 青绿&青蓝 50
3.5.6 瓷青&淡青 51
3.5.7 白青&青灰 51
3.5.8 水青&藏青 52
3.5.9 清漾青&浅葱青 52
3.6 蓝 53
3.6.1 认识蓝色 53
3.6.2 蓝&天蓝 54
3.6.3 蔚蓝&普鲁士蓝 54
3.6.4 矢车菊蓝&深蓝 55
3.6.5 道奇蓝&宝石蓝 55
3.6.6 午夜蓝&皇室蓝 56
3.6.7 浓蓝&蓝黑 56
3.6.8 爱丽丝蓝&水晶蓝 57
3.6.9 孔雀蓝&水墨蓝 57
3.7 紫 58
3.7.1 认识紫色 58
3.7.2 紫&淡紫 59
3.7.3 靛青&紫藤 59
3.7.4 木槿紫&藕荷 60
3.7.5 丁香紫&水晶紫 60
3.7.6 矿紫&三色堇紫 61
3.7.7 锦葵紫&淡紫丁香 61
3.7.8 浅灰紫&江户紫 62
3.7.9 蝴蝶花紫&蔷薇紫 62
3.8 黑、白、灰 63
3.8.1 认识黑、白、灰 63
3.8.2 白&月光白 64
3.8.3 雪白&象牙白 64
3.8.4 10%亮灰& 50%灰 65
3.8.5 80%炭灰&黑 65
第4章 视觉传达设计的色彩对比
4.1 同类色对比 67
4.1.1 简洁统一的同类色视觉传达设计 68
4.1.2 同类色视觉传达设计技巧——凸显产品的品质与格调 69
4.2 邻近色对比 70
4.2.1 动感十足的邻近色视觉传达设计 71
4.2.2 邻近色视觉传达设计技巧——直接凸显主体物 72
4.3 类似色对比 73
4.3.1 活跃积极的类似色视觉传达设计 74
4.3.2 类似色视觉传达设计技巧——注重情感的带入 75
4.4 对比色对比 76
4.4.1 极具创意感的对比色视觉传达设计 77
4.4.2 对比色视觉传达设计技巧——增强视觉冲击力 78
4.5 互补色对比 79
4.5.1 对比鲜明的互补色图案设计 80
4.5.2 互补色对比视觉传达设计技巧——提高画面的曝光度 81
第5章 视觉传达设计的版式
5.1 骨骼型 83
5.1.1 活跃积极的骨骼型视觉传达设计 84
5.1.2 骨骼型视觉传达设计技巧——将图文有机结合 85
5.2 对称型 86
5.2.1 清新亮丽的对称型视觉传达设计 87
5.2.2 对称型视觉传达设计技巧——注重风格统一化 88
5.3 分割型 89
5.3.1 独具个性的分割型视觉传达设计 90
5.3.2 分割型视觉传达设计技巧——增强视觉层次感 91
5.4 满版型 92
5.4.1 凸显产品细节的满版型视觉传达设计 93
5.4.2 满版型视觉传达设计技巧——注重颜色搭配之间的呼应 94
5.5 曲线型 95
5.5.1 具有情感共鸣的曲线型视觉传达设计 96
5.5.2 曲线型视觉传达设计技巧——增添广告创意性 97
5.6 倾斜型 98
5.6.1 动感活跃的倾斜型视觉传达设计 99
5.6.2 倾斜型视觉传达设计技巧——在细节处增添稳定性 100
5.7 放射型 101
5.7.1 具有爆破效果的放射型视觉传达设计 102
5.7.2 放射型视觉传达设计技巧——多种颜色的色彩搭配 103
5.8 三角形 104
5.8.1 极具稳定趣味的三角形视觉传达设计 105
5.8.2 三角形视觉传达设计技巧——运用色彩对比凸显主体物 106
第6章 视觉传达设计的行业分类
6.1 食品视觉传达设计 108
6.1.1 直接表明食品种类的视觉传达设计 109
6.1.2 食品类视觉传达设计技巧——将具体物品抽象化作为图案 110
6.2 化妆品视觉传达设计 111
6.2.1 将产品信息直接传播的视觉传达设计 112
6.2.2 化妆品视觉传达设计技巧——借助其他元素凸显产品功效 113
6.3 服饰视觉传达设计 114
6.3.1 创意十足的服饰视觉传达设计 115
6.3.2 服饰视觉传达设计技巧——直接展现企业的经营范围 116
6.4 汽车视觉传达设计 117
6.4.1 寓意深刻的汽车视觉传达传达设计 118
6.4.2 汽车视觉传达设计技巧——借助其他元素表明产品特性 119
6.5 电子产品视觉传达设计 120
6.5.1 极具时尚个性的电子产品视觉传达设计 121
6.5.2 电子产品视觉传达设计技巧——营造3D立体感吸引受众 122
6.6 奢侈品视觉传达设计 123
6.6.1 高雅奢华的奢侈品视觉传达设计 124
6.6.2 奢侈品视觉传达设计技巧——将产品进行直接的展示 125
6.7 旅游视觉传达设计 126
6.7.1 色彩鲜明的旅游视觉传达设计 127
6.7.2 旅游视觉传达设计技巧——运用其他元素增强创意感 128
6.8 房地产视觉传达设计 129
6.8.1 直接简约的房地产视觉传达设计 130
6.8.2 房地产视觉传达设计技巧——用直观的方式展示 131
6.9 教育视觉传达设计 132
6.9.1 直观形象的教育视觉传达设计 133
6.9.2 教育视觉传达设计技巧——营造场景情节来传达信息 134
6.10 烟酒视觉传达设计 135
6.10.1 简洁大方的烟酒视觉传达设计 136
6.10.2 烟酒视觉传达设计技巧——将信息直接传达 137
第7章 视觉传达设计的视觉印象
7.1 安全感 139
7.2 清新感 141
7.3 环保感 143
7.4 科技感 145
7.5 凉爽感 147
7.6 美味感 149
7.7 热情感 151
7.8 高端感 153
7.9 朴实感 155
7.10 浪漫感 157
7.11 坚硬感 159
7.12 纯净感 161
7.13 复古感 163
第8章 视觉传达设计的秘籍
8.1 运用插画将复杂事物简单化 166
8.2 运用移动图标来增强视觉延展性 167
8.3 将实物简洁抽象化 168
8.4 运用几何图形增强视觉聚拢感 169
8.5 图文相结合提升画面的可阅读性 170
8.6 线条等元素的添加增强细节设计感 171
8.7 在排版中运用粗大的无衬线字体 172
8.8 将文字局部与其他元素相结合 173
8.9 适当运用黑色让画面更加干净 174
8.10 运用3D增强画面的立体层次感 175
8.11 适当的留白为受众营造想象空间 176
8.12 适当运用仅显示图像一部分的非对称布局 177
8.13 运用渐变色让画面过渡更加自然 178
8.14 将字体或形状进行放大来突出强调 179
8.15 适当运用液体为画面增加动感气息 180