淘宝天猫网店美工配色课件
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
解析: 选取模特身上较深的蓝色作为背景色,采 用大量的白色作为中间和色,减少互补色激烈的 对抗性。注:白色是万能百搭的调和色。
案例赏析:
为什么我懂这些还是
做不好配色
配色黄金比例
日本的设计师提出过一个配色黄金比例, 是70:25:5,其中的70%为大面积使用 的主色,25%威辅助色,5%为点缀色。 一般情况下建议画面色彩不超过3种,3 种是指的3种色相,比如深红和暗红既可 以视为一种色相。
三、几种实战配色方案
分析:我们做电商就是卖货,因此主要的 设计需求都以产品为主,所以我们就可以 根据产品的颜色以及客户的要求的风格基 调这2个方面来配色。用一句话来阐述就是: 以产品的颜色为基准(基色),以客户要 求为方向(目标)。最终的图片效果与客 户初始要求基调相匹配。
二、了解色彩的关系
色彩搭配就是不同色 相之间相互呼应相互 调和的过程,色彩之 间的关系取决于在色 相环上的位置,色相 和色相之间距离的角 度越近,则对比越弱, 离得越远则对比越强 烈。
在色相环上相距 120度到180 度范 围之间的两种颜 色,称为对比色, 距离越远(色相 差越大)对比越 强。 其中距离180° 的颜色对比最为 猛烈,又专门起 了一个名叫互补 色。
解析:采用间隔色的方案,蓝+黄。黄色为主色,以蓝色为 辅助色,青绿色为点缀与模特肩上那一抹颜色相呼应,间 隔色的搭配比邻近色多了一些明快,更富有视觉冲击力。
解析: 经典红蓝搭配,一冷一暖,极具视觉冲击 力,让人过目不忘,还可以传递出一种力量感和 气势,还可以把潮流二字改为黄色,就变成了红 黄蓝三色搭配,大家可以自己尝试下。
配色的第一个步骤就是根据你想要表达的内容
选出主色系
主色选好了以后
我们就要开始做色彩搭配啦
光色
印刷色
RGB
CMY
常见的色彩搭配方式
类似色 搭配
对比色 搭配
互补色 搭配
①相邻色搭配 在色轮中挨着比较近的就是邻近色,根 据红橙黄绿蓝紫这六字顺序,相邻色搭配 就是红+橙,橙+黄, 黄+绿,绿+蓝……以此 类推。
七夕这张图片使用的蓝与紫搭配,画面宁静和谐。 旁边这张图片使用的单色搭配,深蓝+浅蓝,画面 统一带有一点传统的感觉。
这张海报用的红+橙的搭配方式,以橙色为主色调, 背景中采用不同橙色增加了画面的空间感,并且 让画面看起来不是那么的单调。
②间隔色搭配 根据红橙黄绿蓝紫这六字顺序,红+黄 , 橙ቤተ መጻሕፍቲ ባይዱ绿 ,黄+蓝 ,绿+紫 , 蓝+红,因为这种 搭配方式中间都隔了一个颜色,因此称为间 隔色。
相邻色因为比较邻近,有很强的关联性,非常协 调柔和,画面非常和谐统一,可以制造出一种柔 和温馨的感觉,因为在色轮中位置较近所以这种 搭配视觉冲击力较弱。
相近色搭配中还有一种单色系的搭配方式,采用 同一色相,仅仅调整该色的明度/饱和度,得到另 外一种颜色。如上图所示,文字颜色就是用背景 色降低饱和度/明度后的结果。本身背景色明度很 高,又采用单色搭配手法所以会给人高雅,淡雅, 宁静的感觉。
第三种就是消费群体以年轻人为主的产品。纯度较高的对比色可以演绎流行活力的感觉。
互补色搭配要注意三个方面:①一定要控 制好画面的色彩比例,因为这个2个颜色放 一起对抗非常激烈,所以一定要选出一个 老大当主色调,另外一方作为点缀或者辅 助色。②可以降低其中一方的明度/饱和度, 这样可以产生一种明暗对比,缓冲其对抗 性。③在画面中加入黑/白作为调和色进一 步缓冲其对抗的特性。
③互补色搭配 在色轮中相隔180的2个颜色互为补色, 是色彩搭配中,对比最为强烈的颜色,没 有之一…根据红橙黄绿蓝紫这六字顺序, 互补色就是中间间隔2个颜色,红+绿,橙+ 蓝,黄+紫…
第一种常见于促销海报,官方的促销海报非常常见。充满视觉刺激性同时也很容易 形成廉价的印象。
第二种具有对抗,PK,对比性质的海报。互补色在色环相距180°,可以形成强烈 的撞色效果,配合相等的色彩面积,非常适用于PK场景的设计。
干货分享——网店美工配色技巧
配色
最全面的配色知识分享
哪个更暖?
哪个促销更火爆?
哪个更鲜艳?
如果将水果的色彩去掉,便再没有流口水的冲动。
一、学配色必须先了解配色比例
日本的设计师提出过一个配色黄金比例,是70: 25:5,其中的70%为大面积使用的主色,25% 为辅助色,5%为点缀色。一般情况下建议画面色 彩不超过3种,3种是指的3种色相,比如深红和 暗红可以视为一种色相。
这些海报基本都无一例外的在图片中添加了白色作为调和,白色和黑 色都是万能的调和色,红蓝搭配还要注意的是不能让色彩过于均衡, 一定要控制好两色的比例,其中一个要为主色在画面中要占大比例, 使之产生主次关系,或者降低其中一个颜色的明度/饱和度,产生一种 明暗对比。
还需要说明一点的是:冷色在画面中总是 趋于后退,暖色是趋近,暖色很容易就可 以进入人的眼帘。这点就需要大家根据画 面中重点信息的层级自己把握了。
间隔色相比较相邻色,2色之间在色轮上相 隔远一些,因此视觉冲击力会强于相邻色, 而且间隔色使用非常广泛,既没有180互补 色冲击力那么具有刺激性,又比相邻色多 了一些明快丶活泼丶对比鲜明的感觉。特 别是红黄蓝三原色之间的相互搭配,应用 非常广泛,也非常流行。
配色一定要控制好画面的色彩比例!
重点说下红蓝搭配:红蓝搭配应用非常广 泛,因为这2个颜色是典型的冷暖结合的颜 色,有很强的对比性,会给人留下很深刻 的印象。比如百度的logo, 百事可乐的logo, 公安局的警车,超人、蜘蛛侠的动漫形象, 很多国家的国旗等。这2种色彩对比很容易 让人产生视觉疲劳和心理亢进,所以不适 用家居等静物。
如何选色?可以从产品图中直接取色,这 个方法很多朋友做过一段时间工作之后都 会自行领悟,在一些设计书中也是不约而 同的提到。因为从产品选出的色彩可以很 好的与产品色相呼应,视觉上可以相互关 联。是最简单的选色方法。
解析:采用邻近色的配色方案,背景取用人物衣服的蓝色。 蓝色做为主色调,部分文案采用人物衣服上的青绿作为点 缀色。画面格调整体冷静丶稳定丶柔和。