《行业色彩应用宝典》电子书

You might also like

Download as pdf or txt
Download as pdf or txt
You are on page 1of 41

行业色彩应用宝典

随着时代在不断地进步,科技在不断的发展,平面设计已经发展延伸到了各行各业。食品
类、服饰类、教育类等行业都有着属于自己的平面设计,包含着企业的文化、产品的展示等重
要的方面,而每个行业都有着代表自己的色彩,那么本章节我们就来研究一下平面设计的行业
分类与色彩间的关系。
食品类的平面设计一般会使用一些鲜艳、明亮的颜色来表现。大多数的设计也会使用食品
本来的颜色,这样可以提高人们对产品的辨识度,红色、橙色、黄色可以表现食物的美味与营
养;绿色可以表现食品的健康与新鲜;蓝色、白色则可以突出食品的卫生。

1.1 手把手教你——食品类平面设计的方法
食品类的设计主要把握 2 点特征。
特征 1:食品类的平面设计可以使用矢量图形来表现画面,矢量图形构成的画面一般在色彩上
较为丰富,画面通常会含有几分趣味性。

特征 2:食品类的平面设计还可以用拍摄的方式来体现,可以使画面更加逼真,更有空间感。
1.2 食品类平面设计的方案,设计流程
掌握了刚才所说的 2 个特征。那么一起来试试,动动手。
1、该作品是一幅食品类的平面设计,采用了骨骼型的构图,使画面看起来规整有秩序,色
彩上以饱和度较高的橙色为主色,使画面温暖有活力,虽然画面中产品与背景的面积与位
置相同,但是在颜色和设计上有所不同,使画面产生了韵律与节奏感。
2、根据设计的主题,首先将画面分为 7 等份,在画面的下方留出一块空白用来放置文字,
将不同口味的产品放置在画面中,位置保持一致,分别填充背景颜色,并加以特效,是每
一个口味都运用不同的方式表现,适当加入一些水果做点缀,最后加入文字完整画面。

最终效果 RGB=254,148,0

CMYK=0,54,92,0

RGB=113,165,23

CMYK=63,21,100,0

RGB=146,1,76

CMYK=51,100,57,8

RGB=1,143,203

CMYK=79,35,10,0

RGB=253,24,252

CMYK=37,76,0,0

色彩设计 版式设计

画面的颜色取自于水果,橙色给人活力四射的 画面运用了骨骼型的版式构图,可以使人
感觉,搭配绿色与紫红色使画面更加丰富,绚 清晰、直接的看到画面内容,画面整齐,
丽多彩。 具有条理性。
1.3 食品类平面设计
设计说明:一幅关于食品的平面设计,画面的主
体是一个糖果,运用了拟人的手法将人物的嗓子
拧起来,意在表明吃了喉糖就可以解放嗓子。
色彩说明:淡黄色的背景给人柔和、温暖的视觉
效果,深色的喉糖与浅色的背景形成了对比,进
而突出产品。
RGB=192,209,78CMYK=34,9,79,0 RGB=244,231,65CMYK=12,7,79,0

RGB=119,97,50CMYK=59,61,92,15 RGB=64,63,128CMYK=87,85,27,0

1、拟人化的糖果使画面生动活泼,具有趣味性。
2、颜色的明暗搭配,使画面产生了对比效果。

1.4 食品类平面设计
设计说明:这是一幅食品类的平面设计,采用了
重心构图的方式来表现画面,使画面具有丰富的
层次感。
色彩说明:以清新、自然的蓝色为背景,搭配黄
色的薯片,使薯片更加突出,同色系的深蓝色作
为标识,点缀一颗红星,使画面变得生动鲜活。
RGB=240,189,50CMYK=11,31,84,0 RGB=230,0,3CMYK=11,99,100,0

RGB=19,61,152 CMYK=98,85,9,0 RGB=196,118,29 CMYK=30,62,97,0

1、画面的背景使用了渐变,可以使画面的中心更
加突出。
2、画面的色彩饱和度很高,可以吸引人们的视线。
1.5 食品类平面设计的小妙招——使用暖色与自然色构成画面

关键词:图形 关键词:图像

画面整体运用了矢量图形进行构图,运用了色 画面运用了自然的图像进行构图,将自然界绿色
彩饱和度很高的橙色做为主色,搭配邻近色黄 的森林草地、蓝色的海洋、白色的雪地结合在了
色与对比色蓝色,使画面更加生动、和谐。 一幅画面中,突出了糖果的魔力。
1.6 优秀作品赏析
服饰类的平面设计注重时尚与品质,不同风格不同受众的服装颜色也不相同,像炫酷风格
的服装一般使用暗色系的颜色,淑女风格的服装一般使用清新、温柔的颜色,童装一般使用色
彩亮丽的颜色等。

2.1 手把手教你——服饰类平面设计的设计方法
服饰类的设计主要把握 2 点特征。
特征 1:利用模特来展示服装的效果,可以让人直观的看到服装的特点,进而起到吸引消费者
的目的。

特征 2:服装类的平面设计一般在用色上会根据服装的风格所搭配,大多数的平面设计都会使
用摄影的方式呈现。
2.2 服装类平面设计的方案,设计流程
掌握了刚才所说的 2 个特征。那么一起来试试,动动手。
1、该作品是一幅关于童装的平面设计,设计的背景选择了绿色的草坪,为画面营造出清新、
自然的氛围,主要人物是几个孩子,他们身着彩色的球服躺在草地上玩耍,体现了衣服的
耐磨性非常好,童装一般选用饱和度较高的颜色来构成画面,使画面充满活泼、兴奋的视
觉效果,也能体现出孩子们的纯真。
2、根据广告的主题首先将背景放置上草坪的图片,将几个身着彩色球服正在玩足球的孩子
通过变形等方法使其有躺在草地上的感觉,或是奔跑,或是跳跃,为画面增加几分动感,
最后在有下角加上文字,完整画面。

最终效果 RGB=2,174,234

CMYK=72,17,4,0

RGB=229,222,17

CMYK=19,9,89,0

RGB=232,2,16

CMYK=9,98,100,0

RGB=123,164,32

CMYK=60,24,100,0

RGB=250,184,36

CMYK=5,36,86,0

色彩设计 版式设计

设计的颜色取自草地与球服,几种色彩饱和度 画面采用了自由型的构图,这种构图方式可
极高的颜色搭配在一起增强了画面的视觉冲 以增加画面的动感与活力,使画面可以更加
击力,也丰富了画面。 生动形象的展现出来。
2.3 服装类平面设计
设计说明:这是一幅服装类平面设计,画面中的
女人魅惑的眼神搭配暗紫色的裙子使画面蒙上了
一层神秘的面纱,给人一种神秘的感觉。
色彩说明:画面整体明暗结合,暗沉的背景与暗
紫色裙子突出了女人白皙的肌肤,搭配以玫红色,
将女性的魅力展现的淋漓尽致。
RGB=119,146,105CMYK=61,36,66,0 RGB=244,226,227 CMYK=5,15,8,0

RGB=251,35,139CMYK=0,91,9,0 RGB=62,36,110CMYK=91,100,36,2

1、白色的文字位于画面的底部,十分醒目。
2、画面中颜色明暗的搭配增强了画面的视觉冲击
力。

2.4 服装类平面设计
设计说明:这是一幅清新、自然的服装类平面设
计,将产品以穿在模特身上的形式呈现,使人们
可以清晰直观的看到服装穿在身上的效果。
色彩说明:明度很高的青色作为背景,搭配同样
明度的玫红色,使画面产生了极强的视觉冲击力。
RGB=239,62,140CMYK=7,86,14,0 RGB=146,219,216CMYK=46,0,22,0

RGB=155,21,68CMYK=46,100,66,8 RGB=108,74,67CMYK=61,72,70,23

1、青色与玫红色搭配,给人一种清新自然的感觉。
2、画面采用中心型构图,可以更好的集中人们的
视线。
2.5 服装类平面设计的小妙招——巧妙使用纯色背景

关键词:清新 关键词:成熟 关键词:甜美

设计使用了蓝色作为背景,使 墨绿色的纯色背景给人一种舒 作品中的衣服平铺在画面中,


画面透漏出清新自然的感觉, 适、成熟的视觉效果,搭配上 为了使画面 不单调在左侧加
利用黑白灰的搭配,为画面营 橘黄 色使 画面 顿时 充满 了活 入了文字与配饰,使画面充满
造出了丰富的层次感。 力。 了甜美淑女的视觉效果。

2.6 优秀作品赏析
汽车类的平面设计一般会给人时尚、炫酷、线条感极强的视觉效果,多用一些明度较低的
颜色来构成画面,偶尔也会使用明亮的颜色突出画面,进而引发消费者的购买欲望。

3.1 手把手教你——汽车类平面设计的设计方法
汽车类的设计主要把握 2 点特征。
特征 1:运用独特的创意思维来构成画面,使画面的内容带有一丝深意,可以将汽车的特点用
另一种形式展现出来。

特征 2:具有概念性的设计,使用汽车模型或是其他构成方式制作出来的平面设计同样可以吸
引人们的视线,可以将车子的炫酷以及车形的优美完美的展示出来。
3.2 汽车类平面设计的设计方案,设计流程
掌握了刚才所说的 2 个特征。那么一起来试试,动动手。
1、该作品是一幅汽车类平面设计,画面的主体是一辆红色的汽车,在黑色与灰色的衬托下
显得格外突出,吸引人们的视线,加在车子周围的特效更是为画面增加了炫酷的视觉效果,
线条与道路的弧度展现出了车子功能的强大。
2、根据设计的主题首先选取黑色的背景,并且在画面中加入一条转弯处的公路,将行驶中
车子放置在马路上,并在车子周围加入弧形的特效,远处的背景加入一些霓虹灯,使画面
更加丰富、完整,在画面的右上角加入标志,加深人们的印象。

最终效果 RGB=197,21,36

CMYK=29,100,96,1

RGB=235,139,132

CMYK=9,58,40,0

RGB=250,184,101

CMYK=4,37,63,0

RGB=150,146,149

CMYK=48,41,36,0

RGB=0,0,0

CMYK=93,88,89,80

色彩设计 版式设计

设计的颜色取自于汽车上,红色与黑色搭配增 设计运用了焦点型布局,使画面所要表达
强了画面的视觉冲击力。 的主体凸显出来,抓住人们的眼球。
3.3 汽车类平面设计
设计说明:这是一幅汽车类的平面设计,画面中
将公路替换成了电梯,意在表明开着本款汽车行驶
在电梯上就如同行驶在公路上一样平稳。
色彩说明:画面的颜色是大自然形成的颜色,蓝
天、白云、绿草和土地,洋溢着自然、清新的氛围。
RGB=108,134,153CMYK=64,44,34,0 RGB=162,125,52 CMYK=45,54,91,1

RGB= 78,87,95CMYK=76,65,56,13

1、设计使用了置换的形式来表现画面内容,生动、
易懂。
2、大面积的留白使画面具有很强的透气感与空间
感。

3.4 汽车类平面设计
设计说明:这是一幅焦点型构图的汽车类平面设
计,汽车作为画面的主体,可以直接吸引人们的视
线。
色彩说明:设计的背景使用了深浅不一的蓝色,
使画面富有层次感与空间感,并且与红色的车形成
了对比,使车子更加突出出来。
RGB=79,117,135CMYK=75,51,42,0 RGB=210,7,4CMYK=22,100,100,0

RGB=15,23,23 CMYK=89,81,81,68

1、画面运用了焦点型的构图,可以突出画面的中
心。
2、文字位于画面的上方与下方,平衡了画面。
3.5 汽车类平面设计的小妙招——巧妙使用背景

关键词:速度 关键词:性能

画面中的车子正行驶在道路上,虚幻了的道路 画面的背景为黑色,带有一条有弧度的线条,
与栏杆凸显出了车子的车速十分快,并且十分 线条就充当了道路,而线条的弯曲程度侧面突
平稳。 出了车子十分灵活,转弯十分灵巧。
3.6 优秀作品赏析
科技类的平面设计离不开创意,科技就是新的发明、新的创意,一般用蓝色、灰色来代表
科技,画面通常耐人寻味,有着独特的表现手法,从而引发人们的兴趣。

4.1 手把手教你——科技类平面设计的方法
科技类的设计主要把握 2 点特征。
特征 1:画面会使用一些小标注来突出所要表达的内容或是产品,使人耳目一新。

特征 2:画面有时会运用夸张的手法来展现,例如作品中为了显示相机的人脸识别功能强大,
将帘后隐藏的人、对面楼的人都识别了出来,使产品夸张的呈现出来。
4.2 科技类品画面设计的设计方案,设计流程
掌握了刚才所说的 2 个特征。那么一起来试试,动动手。
1、该作品是一幅科技类的平面设计,展现的是相机可以使正在移动的物体定格在一瞬间,
并且效果清晰,神态自然,身穿粉色与黄色运动衣的狗在蓝天绿地的衬托下格外突出,吸
引观看者的眼球。
2、根据作品的主题,选择了赛狗的画面,将正在奔跑的两只狗拍摄下来,然后制作一个冰
块将两只狗包裹在内,要注意做出冰块的质感,最后在画面的左上角写上文字,并附带一
张相机的图片。

最终效果 RGB=86,136,182

CMYK=71,42,17,0

RGB=173,147,118

CMYK=39,44,54,0

RGB=241,98,117

CMYK=5,75,39,0

RGB=115,136,14

CMYK=64,40,100,1

RGB=213,151,32

CMYK=22,47,93,0

色彩设计 版式设计

设计的配色取自于大自然的颜色,蓝色与橙色 设计运用了满版型的布局,使画面看起来
是对比色,红色与绿色是对比色,饱和度很高 非常饱满,并且有着空间感。
的对比色搭配增强了画面的视觉冲击力。
4.3 科技类平面设计
设计说明:这是一幅科技类的平面设计,画面中
一只巨大猩猩举着一辆车放在耳边,突出了产品的
音质特别好,连猩猩都被吸引了。
色彩说明:画面的背景由灰色和蓝色构成,蓝色
是代表着科技的颜色,猩猩手臂上的红色与红灯使
画面的点缀色,打破了画面的沉寂,丰富了画面。
RGB=157,173,157CMYK=45,26,39,0 RGB=217,71,75 CMYK=18,85,65,0

RGB=71,130,155 CMYK=75,43,34,0

1、近处猩猩与远处楼房使画面产生了空间感。
2、蓝色与红色是对比色,增强了画面的视觉冲击
力。

4.4 科技类平面设计
设计说明:本作品是一幅关于科技的平面设计,
画面中所有的动物、人、车都绑在了大象的身上,
而顺着向下看去,大象的重量都压在了手机上,
体现了手机的承重性非常强。
色彩说明:画面运用了明度、纯度都较低的颜色,
使得画面不是很突出,点缀上红色与黄色也使得
画面不会很单调。
RGB=190,217,218CMYK=31,8,16,0 RGB=181,171,154CMYK=35,32,38,0

RGB=0,12,48 CMYK=100,100,65,52

1、中心构图使画面内容更加突出。
2、大面积的留白使得画面具有很强的透气感。
4.5 科技类平面设计的小妙招——巧用蓝色

关键词:背景 关键词:颜色

画面的背景是大面积的蓝色,蓝色代表着科 画面的主体是一个手拿望远镜的男人,一只考
技,产品被刻画成了一个火箭的形象,喷射出 拉熊贴在了望远镜上,显示出了望远镜的效果
的物体做成了许多丰富的内容。 十分好,仿佛近在眼前,灰蓝色的背景也透漏
着科技的气息。

4.6 优秀作品赏析
随着科研的水平逐步提高,化妆品的成分也随之发生了巨大的转变,开始以植物、胶原蛋
白、玻尿酸等为主要的成分,而化妆品类的产品也是女性使用居多,故而这类的平面设计一般
使用粉嫩、清新的颜色来表现。

5.1 手把手教你——化妆品类平面设计的设计方法
化妆品类的设计主要把握 2 点特征。
特征 1:可以将产品摆放在画面的中心位置,背景使用浅浅的渐变,使画面变得柔美,同时可
以使产品突出出来,成为画面的重心。

特征 2:彩妆的设计配色相对来说颜色会深一些,饱和度也会高一些,一般会使用产品本身的
颜色做为主色,加以其它颜色作为辅助来构成画面。
5.2 化妆品类平面设计的设计方案,设计流程
掌握了刚才所说的 2 个特征。那么一起来试试,动动手。
1、该作品是一幅化妆品的平面设计,画面的整体颜色为粉色系,体现了少女的粉嫩与柔美,
搭配颜色较深的紫色使柔美中加入了一抹魅惑,将产品放置在画面中,使人们可以清晰直观
的看到,进而产生购买欲望。
2、根据广告设计的主题,首先将背景填充为粉色,在画面中央绘制一个粉色的盾形图案,
在其中间画一条斜着的紫色色块,并把盾形做出立体感,在其中间绘制一条横着的彩带,然
后在左右两侧分别放置粉色与紫色的产品,呈对称的形式排列,最后在画面上方和彩带上加
入文字。
最终效果 RGB=249,198,197

CMYK=2,31,16,0

RGB=147,44,115

CMYK=54,95,31,0

RGB=208,208,208

CMYK=22,16,16,0

RGB=64,64,64

CMYK=77,71,68,34

RGB=4,4,6

CMYK=92,87,86,77

色彩设计 版式设计

设计的颜色取自于产品本身,粉色与紫色是临近 设计运用了对称型的布局,对称型的布局
色,搭配在一起使画面显得十分和谐。 使画面看起来规整并具有条理性,给人以
稳定的感觉。
5.3 化妆品类平面设计
设计说明:这是一幅化妆品类的平面设计,用人
物来表现产品的使用效果,使消费者可以直观的看
到产品使用后的效果,进而产生购买的欲望。
色彩说明:设计的使用了干净清透的白色,搭配
产品及模特所带有的红色,使画面产生了一种独特
的魅力。
RGB=241,113,172CMYK=6,69,3,0 RGB=239,216,202CMYK=8,19,20,0

RGB=210,30,43 CMYK=22,98,87,0

1、画面中女人红红的嘴唇、衣服与指甲散发出迷
人的气息。
2、黑色的文字在画面中与人物以及背景构成了对
比,使文字更加突出。

5.4 化妆品类平面设计
设计说明:这是一幅化妆品类的平面设计,以产
品为视觉重心,
使产品的颜色直观的呈现在人们的
眼前,进而起到突出产品的作用。
色彩说明:设计运用了白色的背景突出了产品的
颜色,
紫色的产品搭配金色的瓶盖使产品显得更加
高档。
RGB=199,37,84CMYK=28,96,55,0 RGB=239,199,109CMYK=11,26,63,0

RGB=76,29,39 CMYK=64,91,74,50

1、画面中图形与文字较少,给人一种简约的感觉。
2、大面积的留白使画面产生了极强的透气感。
5.5 化妆品类平面设计的小妙招——用人物展现产品

关键词:局部 关键词:整体

画面以人物为背景,将其中一款产品涂抹在人 画面使用了产品的女人作为背景,将产品放置
物的嘴唇上,向人们进行直观的展示,其余的 在了女人的旁边,使人可以清晰直观的看到使
产品在画面的周围以曲线的形式展现,丰富了 用过产品的效果。
画面。

5.6 优秀作品赏析
文娱包括文化和娱乐两方面,具体指音乐、体育、电影、戏剧等。由于所包含的内容极广,
所以在颜色的搭配上没有固定的规律,一般音乐类的设计会使用深色的背景搭配鲜艳的色彩,
电影类的设计则是根据主题与内容来呈现画面等。

6.1 手把手教你——文娱类平面设计的设计方法
文娱类的设计主要把握 2 点特征。
特征 1:画面由深色系的构成,适当加入一些明度较高的颜色可以使画面产生炫丽、动感的视
觉效果。

特征 2:有些设计则是运用抽象的手法来表现画面,常见的就是使用一些几何图形来构成画面
并使得画面产生动感。
6.2 文娱类平面设计的设计方案,设计流程
掌握了刚才所说的 2 个特征。那么一起来试试,动动手。
1、该作品是一幅文娱类的平面设计,以五个人物为主体,五个人物分别代表了五种颜色,
这五种颜色又构成了许多具有透明度的圆形,圆形排列在人物的上方,使画面更加丰富、
饱满。
2、根据设计的主题,首先将电影中的主要人物提取出来,将形态各异的人物排列在一起,
并且提取他们所代表的颜色绘制一些不同大小的圆形,加一些透明度,使画面变得丰富多
彩,然后将背景填充成深蓝色,最后加上白色的文字,完整了画面。

最终效果 RGB=4,115,186

CMYK=85,51,8,0

RGB=249,217,96

CMYK=7,18,69,0

RGB=82,179,67

CMYK=68,8,92,0

RGB=214,37,25

CMYK=20,96,100,0

RGB=126,103,157

CMYK=61,65,18,0

色彩设计 版式设计

设计的颜色取自于电影人物的颜色,五种颜色 设计运用了焦点型的版式设计,将内容集
中既有临近色又有对色,搭配在一起使画面看 中到一点,形成视觉重心,起到突出画面
起来既和谐又有对比。 内容的作用。
6.3 文娱类平面设计
设计说明:这是一幅文娱类的平面设计,画面中
展现的是体育项目中的杠铃,背景中彩色带有纹理
的图案平衡了画面,也使得画面更加丰富。
色彩说明:画面的背景使用了透气感极强的白色,
搭配彩色的图案,使画面透漏着清新、自然的感觉。
RGB=253,79,78CMYK=0,82,61,0 RGB=183,220,16 CMYK=38,0,93,0

RGB=254,116,3 CMYK=0,68,92,0 RGB=119,204,211CMYK=55,3,23,0

RGB= 134,92,166CMYK=58,71,6,0

1、作品运用矢量图形来表达画面,使画面在丰富
的同时还具有一丝趣味性。
2、画面中的文字完整并且平衡了画面。

6.4 文娱类平面设计
设计说明:这是一幅文娱类海报,画面利用景色
勾勒出了一个人物形象,新颖独特,吸引人们的眼
球。
色彩说明:设计的背景为白色,蓝色系的景色给
人一种深邃、静谧之感。
RGB=0,97,98CMYK=90,56,61,11 RGB=3,64,64 CMYK=93,67,70,36

RGB=0,39,39 CMYK=94,75,77,57

1、大面积的留白使画面具有透气感。
2、人物轮廓的虚影使画面变得十分丰富。
6.5 文娱类平面设计的小妙招——暗系背景的巧妙运用

关键词:炫酷 关键词:律动

画面使用了暗色系的背景,将炫丽的紫色与蓝 画面表现的是一位球星在打篮球,将他的身形
色衬托的更加耀眼,使画面给人一种时尚、炫 用一头大白鲨来表示,即显示出了他的勇猛,
酷的视觉效果。 也使得画面产生了律动的效果。

6.6 优秀作品赏析
教育类的平面设计一般都是针对学生设计的,色彩运用方面一般彩色居多,色彩丰富的画
面更加吸引学生的注意,枯燥无味的内容搭配丰富多彩的图片,使得画面变得更加生动形象有
趣味。

7.1 手把手教你——教育类平面设计的设计方法
教育类的设计主要把握 2 点特征。
特征 1:运用彩色的色块将所要表述的内容分割开,使人们可以清楚地看到所要表达的主要内
容。

特征 2:画面以图片为主体,加以纯色的背景辅助来构成画面,一般使用朝气蓬勃的绿色和清
新自然的蓝色搭配,使画面透漏着一种青春的气息。
7.2 教育类平面设计的设计方案,设计流程
掌握了刚才所说的 2 个特征。那么一起来试试,动动手。
1、该作品是一幅教育类平面设计,标题在画面的顶部,文字加大且重要的文字改变了颜色,
可以让观看者一眼就捕捉到,画面的内容用五个大小不同的圆形来表示,均衡了画面,下
方放置了手绘的电脑图形,丰富了画面。
2、设计的主题是关于选择大学的,内容有五大点,首先在画面的底部手绘出电脑的外观,
在其上方绘制五个不同大小的圆,分别填充五种颜色,并用虚线连接起来,使其成为一个
整体,最后在画面的上方加上文字,重要的文字改成圆形的颜色。

最终效果 RGB=0,156,61

CMYK=80,19,99,0

RGB=174,14,68

CMYK=40,100,67,3

RGB=255,216,3

CMYK=5,18,88,0

RGB=240,128,8

CMYK=6,62,94,0

RGB=0,177,237

CMYK=72,15,4,0

色彩设计 版式设计

设计的颜色取自于色环,五种颜色的纯度基本 设计运用了自由型的布局,自由型的布局
相同,搭配起来使画面显得十分和谐。 给人以活泼、生动的感觉,具有不稳定性。
7.3 教育类平面设计
设计说明:这是一幅教育类的平面设计,设计运
用了纯文字构图,通过改变文字的大小及粗细使画
面产生了丰富的层次感。
色彩说明:画面的背景使用了绿色,绿色代表了
希望与活力,点缀上黄色使画面在具有清新感的同
时产生了一丝暖意。
RGB=155,196,92CMYK=47,10,76,0 RGB=255,212,33 CMYK=5,21,85,0

RGB= 0,22,1CMYK=90,76,96,71

1、白色的线框使画面显得十分规整。
2、白色的文字打破了画面的沉寂,为画面增加了
透气感。

7.4 教育类平面设计
设计说明:这是一幅儿童教育类平面设计,以笔
记的方式呈现,搭配儿童学习时的照片,使画面充
满了纯真的童趣。
色彩说明:背景使用了浅浅的灰色,突出了画面
中的彩色照片及图形,明度与纯度相同的彩色搭配
在一起使画面看起来十分和谐。
RGB=186,204,48CMYK=37,11,89,0 RGB=245,137,29CMYK=4,58,89,0

RGB=132,93,170 CMYK=59,70,3,0 RGB=79,111,108 CMYK=75,53,57,4

1、大面积的留白使画面具有透气感。
2、粗圆的字母为画面添加了许多童趣。
7.5 教育类平面设计的小妙招——文字的使用

关键词:图形与文字结合 关键词:纯文字

画面运用了钢笔尖的形态,并利用负空间做出 整幅画面都由文字构成,密集排列在一起的
了数据线的形态,文字左对齐排列在画面的上 文字也可以看做是一个图形,用文字来构成
方,使画面看起来既规整又有创意。 图形,丰富了画面。

7.6 优秀作品赏析
家居类的平面设计一般都会使用拍摄的照片搭配文字来表现画面,有时还会添加彩色的色
块与色条,色块与色条的颜色则是取自于照片中的主要颜色,这样可以使画面看起来具有和谐
的感觉。

8.1 手把手教你——家居类平面设计的设计方法
家居类的设计主要把握 2 点特征。
特征 1:将装修或者产品的照片放置在画面中,让人们可以清晰的看到屋子或者产品的样子及
特征,起到吸引消费者的作用。

特征 2:将家居产品摆放在屋子中,拍摄俯视图,使画面更加有创意,让人眼前一亮,画面尽
量简约一些,使效果更加突出。
8.2 家居类平面设计的设计方案,设计流程
掌握了刚才所说的 2 个特征。那么一起来试试,动动手。
1、该作品是一幅家居类的平面设计,背景是一张室内的照片,通过女人的想象将屋子中心
的圆形区域设计成了另外一种风格,以红色为主色,与下方红色的色条搭配平衡了画面,
也为画面增添了一抹温馨之感。
2、根据设计的主题首先将一幅室内的照片作为背景,然后在画面的中心绘制一个圆形,将
圆形中的背景墙改为红色,电视改为豹纹,桌子改成斑马纹,电视柜与地面都换成棕色,
使其成为画面的视觉重心,最后在画面的底部加入一个红色色条,将文字放置在上面。

最终效果 RGB=159,150,151

CMYK=44,41,36,0

RGB=220,65,69

CMYK=16,87,68,0

RGB=130,68,43

CMYK=51,79,91,21

RGB=235,198,25

CMYK=14,24,89,0

RGB=11,11,9

CMYK=89,84,86,75

色彩设计 版式设计

设计的颜色取自于色环中,暖色系的颜色搭配 设计运用了焦点型的构图,焦点型的构图
给人以温馨、热情的视觉效果,用在家居中十 可以突出画面所要表达的主要内容,构成
分合适。 视觉重心。
8.3 家居类平面设计
设计说明:这是一幅家居类的平面设计,将室内
的家具与植物拼接在一起,并在画面中加入了许多
斜纹,使画面充满了清新、恬静的感觉。
色彩说明:画面整体使用了明度较高的颜色,粉
色与黄色为画面营造出了清爽干净的氛围。
RGB=174,180,184CMYK=37,26,24,0 RGB=230,194,183 CMYK=12,29,25,0

RGB=240,229,39 CMYK=14,7,85,0 RGB=67,128,34CMYK=77,40,100,2

1、画面整体配色和谐、甜美,具有女性气息。
2、画面使用了拼接的形式来表现,利用圆形和斜
线将其连接了起来。

8.4 家居类平面设计
设计说明:这是一幅家居类的平面设计,使用了
室内的照片加以文字来表现画面,
使画面整体透漏
着简约的气息。
色彩说明:画面的整体呈灰色调,给人以简单、
简约的视觉效果。
RGB=103,118,137CMYK=68,53,39,0 RGB=122,111,96CMYK=60,56,62,5

RGB=49,85,39 CMYK=82,56,100,27

1、大面积的白色给人以透气感,也使得画面看起
来十分干净。
2、黑色的文字使画面带有了一丝时尚的气息。
8.5 家居类平面设计的小妙招——使用照片做为背景

关键词:曲线 关键词:规律

画面的主体是室内的照片,搭配以色块及文字 画面展现的是时尚混搭风格,同样运用了照片
使画面到处都透漏出一种简约的风格。 搭配文字的形式呈现,大面积的使用白色使画
面给人微冷的视觉效果。

8.6 优秀作品赏析
建筑类的平面设计一般在视觉上给人大气磅礴的感觉,使用的颜色略微深沉,使画面可以
产生沉稳、大方的视觉效果,突出建筑的特点与风格。

9.1 手把手教你——建筑类平面设计的设计方法
建筑类的设计主要把握 2 点特征。
特征 1:用建筑的图片作为背景,调节图片的颜色,使画面达到想要表现的风格,在画面的某
一处加入文字,完整画面。

特征 2:将建筑的图片与色块相结合,使画面呈现简约、时尚的气息,色块的颜色与图片搭配
要和谐,文字排列在色块上,平衡画面。
9.2 建筑类平面设计的设计方案,设计流程
掌握了刚才所说的 2 个特征。那么一起来试试,动动手。
1、该作品是一幅建筑类的平面设计,运用同色系的色块来构成建筑,三种色系的建筑搭配
在一起,使画面的色彩情感变得十分丰富,高低错落的建筑排列在一起,使画面产生了强
烈的层次感。
2、根据设计的主题首先查找出欧洲著名的建筑,在保留其原有特征的情况下,使用三角形
拼凑出建筑的外观,一个建筑使用同一种色系的三角形进行拼凑,将建筑设计成黄、紫、
蓝三种色系,相互之间穿插开,建筑之间也根据高低错落开,然后做出建筑群的倒影,最
后加上文字。
最终效果 RGB=253,199,5

CMYK=5,28,89,0

RGB=225,17,30

CMYK=13,98,94,0

RGB=19,178,165

CMYK=74,9,44,0

RGB=170,39,98

CMYK=43,96,44,1

RGB=234,96,23

CMYK=9,75,94,0

色彩设计 版式设计

设计的颜色取自于色环中,由黄、蓝、紫三种 设计运用了对称型的布局,这样的布局可
色系构成了画面,几种颜色搭配在一起使画面 以使画面更加均衡,形成一种对称美。
产生了渐变的效果,增加了画面的层次感。
9.3 建筑类平面设计
设计说明:这是一幅建筑类的平面设计,以地面
为分界线,构造出了建筑的整体外观,将建筑以奇
特的方式呈现,吸引人们的视线。
色彩说明:画面使用了明暗的对比来呈现画面,
使画面具有强烈的视觉冲击力。
RGB=61,102,97CMYK=80,55,62,9 RGB=196,219,233 CMYK=28,9,7,0

RGB=200,179,175 CMYK=26,32,27,0 RGB=229,47,33 CMYK=11,92,91,0

1、地面的分割使建筑呈现出了两种不同的风格。
2、文字进行了设计,与建筑搭配起来十分和谐。

9.4 建筑类平面设计
设计说明:这是一幅建筑类的平面设计,背景为
彩色渐变的三角形色块,
前方的建筑以剪影的方式
呈现,使画面看起来十分新颖。
色彩说明:画面的背景颜色丰富多彩,前方使用
暗沉的颜色使画面变得沉稳。
RGB=253,212,0CMYK=6,20,89,0 RGB=197,25,2CMYK=29,99,100,1

RGB=5,6,1 CMYK=91,86,89,78

1、画面构图十分饱满,色彩感极强。
2、多种颜色的搭配使画面透漏出神秘、魅惑之感。
9.5 建筑类平面设计的小妙招——以建筑为主体

关键词:图像 关键词:照片

画面以建筑为主体,形成了视觉重心,运用蓝 画面用建筑的照片作为背景,深蓝色的天空搭
色与深灰色搭配,使画面透漏出冷酷、深邃的 配造型奇特的建筑给人一种空灵、自然的视觉
视觉效果。 感受。

9.6 优秀作品赏析
出版类的平面设计在颜色运用方面十分丰富,根据不同的出版物、不同的风格可以有很多
种不同颜色的搭配,简约的、时尚的、清新的都是常见的搭配效果。

10.1 手把手教你——出版类平面设计的方法
出版类的设计主要把握 2 点特征。
特征 1:杂志类的出版物通常会使用拍摄的照片作为封面,照片大多具有时尚、动感的气息,
搭配经过设计的文字,使画面可以给人强烈的视觉冲击力。

特征 2:书籍方面的设计大多使用矢量图形来构成,使画面产生一种简约、抽象的视觉效果。
10.2 出版类平面设计的方案,设计流程
掌握了刚才所说的 2 个特征。那么一起来试试,动动手。
1、该作品是一幅出版类的平面设计,一个书籍的封面,运用了上下分割的构图方式,将文
字放置在了书籍的上半部分,下方则是图形的抽象构成,粉色与紫色的搭配使画面产生一
种梦幻、甜美的视觉效果,黄色作为点缀色丰富了画面。
2、根据设计的主题首先将画面分为上下两个部分,在上半部分放入文字以左对齐的方式排
列,将下半部分分割成几个几何色块,由紫红色代表树干,黄色代表月亮,下方的平行四
边形表示了影子,给人一种夜晚静谧的感觉。

最终效果 RGB=250,208,134

CMYK=4,24,52,0

RGB=242,159,174

CMYK=5,50,19,0

RGB=151,50,123

CMYK=52,92,26,0

RGB=140,120,200

CMYK=55,56,0,0

RGB=98,82,181

CMYK=73,73,0,0

色彩设计 版式设计

设计的颜色取自于色环中,粉色与紫色营造出 设计运用了分割型的构图,将文字与图形
梦幻、柔美的视觉效果,对比色黄色为画面的 分为两部分,使画面规整、有秩序。
点睛之笔。
10.3 出版类平面设计
设计说明:这是一幅出版类的平面设计,画面的
主体是一个机器人,
独特的造型使画面产生了未来
的气息。
色彩说明:画面使用了土黄色与蓝色搭配,这两
种颜色搭配在一起使画面仿佛是土地与海洋相接,
具有清新、时尚的气息。
RGB=179,139,95CMYK=37,49,66,0 RGB=132,82,31 CMYK=52,71,100,17

RGB=1,141,160 CMYK=81,33,37,0 RGB= 0,84,87CMYK=92,61,63,19

1、画面整体配色冷淡,与机器人棱角分明的造型
搭配十分协调。
2、画面用颜色产生了拼接的效果,具有时尚气息。

10.4 出版类平面设计
设计说明:这是一幅出版类的平面设计,一个书
籍的封面,
利用几何图形与颜色构造出了强烈的立
体感与空间感。
色彩说明:画面主要颜色为粉色,搭配上少量的
蓝色使画面产生了强列的对比。
RGB=221,172,184CMYK=16,40,18,0 RGB=208,97,129CMYK=23,74,32,0

RGB= 47,124,132CMYK=81,44,48,0

1、白色色块为画面增加了几分透气感。
2、文字排列整齐,给人以规整的视觉效果,部分
文字在颜色上做了改变,丰富了画面。
10.5 出版类平面设计的小妙招——使用照片做为背景

关键词:彩色 关键词:黑白

画面是一幅出版类的平面设计,设计使用了拍 画面展现的是时尚风格,以照片作为背景,运
摄的照片与文字相结合的形式来构成了画面, 用黑白灰进行搭配,使画面产生沉静、冷酷的
粉色与蓝色搭配给人以强烈的对比效果。 气息。

10.6 优秀作品赏析

You might also like