一、 色彩形成
物体表面色彩的形成取决与三个方面:光源的照射、物体本身反射一定的色光、环境与空间对物体色彩的影响。
二、 色彩组成
1、基本色
一个色环通常包括12种明显不同的颜色。如右图所示。
12色色环
2、三原色
从定义上讲,三原色是能够按照一些数量规定合成其他任何一种颜 色的基色。你可能就知道了三原色:红、黄、蓝,并 且你现在用于展示的,仍然是红、黄、蓝三原色。如图所示。
3、近似色
近似色可以是我们给出的颜色之外的任何一种颜色。如果从橙色开始,并且你想要它的两种近似色,你应该选择红和黄。用近似色的颜色 主题可以实现色彩的融洽与融合,与自然界中能看到的色彩接近起来。
24色色环
4、补充色
正如我们所知道的相对色一样,补充色是色环中的直接位置相对的 颜色。当你想使色彩强烈突出的话,选择对比色比较好。假如你正在组 合一幅柠檬图片,用蓝色背景将使柠檬更加突出。
5、组色
组色是色环上距离相等的任意三种颜色。当组色被用作一个色彩主题时,会对浏览者造成紧张的情绪。因为三种颜色形成对比。
三、冷暖色调
色彩有冷暖色之分,冷色有:青绿、蓝绿、蓝色,(如蓝色)给人的感觉是安静、冰冷。
冷色来自于蓝色色调。譬如蓝色、青色和绿色。这些颜色将对色彩主题起到冷静的作用,它们看起来有一种从浏览者身上收回来的效果,于是它们用作页面的背景比较好。
暖色有:红、橙、黄等色调,(如红色)给人的感觉是热烈、火热。冷暖色的巧妙运用可以让网站产生意想不到的效果。
暖色由红色调组成。比如红色、橙色和黄色。它们给选择的颜色赋 予温暖、舒适和活力,它们也产生了一种色彩向浏览者显示或移动,并 从页面中突出出来的可视化效果。
四、设计中色彩的搭配
版面的背景,文字,图标,边框,应该采用什么样的色彩,应该搭配什么色彩才能最好的表达出预想的内涵呢?
首先我们先来了解一些色彩的基本知识: 1.颜色是因为光的折射而产生的。
2.红,黄,蓝是三原色,其它的色彩都可以用这三种色彩调和而成。
3.颜色分无彩色和彩色两类。无彩色是指黑,白,灰系统色。彩色是指除了非彩色以外的所有色彩。
4.任何色彩都有饱和度和透明度的属性,属性的变化产生不同的色相,所以至少可以制作几百万种色彩。 ●非彩色的搭配
黑白是最基本和最简单的搭配,白字黑底,黑底白字都非常清晰明了。 灰色是万能色,可以和任何彩色搭配,也可以帮助两种对立的色彩和谐过渡。如果你实在找不出合适的色彩,那么用灰色试试,效果
绝对不会太差。
五、色彩的心理感觉。不同的颜色会给浏览者不同的心理感受。
红色代表:热情、活泼、热闹、温暖、幸福、吉祥 橙色代表:光明、华丽、兴奋、甜蜜、快乐 黄色代表:明朗、愉快、高贵、希望
绿色代表:新鲜、平静、和平、柔和、安逸、青春 蓝色代表:深远、永恒、沉静、理智、诚实、寒冷 紫色代表:优雅、高贵、魅力、自傲 白色代表:纯洁、纯真、朴素、神圣、明快
灰色代表:忧郁、消极、谦虚、平凡、沉默、中庸、寂寞
黑色代表:崇高、坚实、严肃、刚健、粗莽
每种色彩在饱和度,透明度上略微变化就会产生不同的感觉。以绿色为例,黄绿色有青春,旺盛的视觉意境,而蓝绿色则显得幽宁,阴深。
六、色彩的特殊联想
1. 味觉联想:如白色,有甜又有咸的味觉;红色有辣或水果甜味;褐色=苦味;黄=酸涩 2. 触觉联想:白色、黑色=坚硬感;灰色=柔软感。
七、色彩的一般联想
冷色:阴影、透明、镇静、稀薄、淡、远、轻、微弱、湿、理智、圆滑、曲线、缩小、流动、冷静等 暖色:阳光、不透明、刺激、稠密、浓、近、重、强烈、干、感情、方角、直线、扩大、稳定、热烈等 暖色系:红、橙、橙黄……等色彩搭配
中性系:黄、黄绿、蓝紫、紫、紫红、红……等色彩搭配 冷色系:青绿、蓝绿、蓝……等色彩搭配
无色彩系中:白色为冷色系,黑色为暖色系,灰色为中性色。
●色彩搭配的原理
1.色彩的鲜明性。设计中的色彩要鲜艳,容易引人注目。
2.色彩的独特性。要有与众不同的色彩,使得大家对你的印象强烈。
3.色彩的合适性。就是说色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。
4.色彩的联想性。不同色彩会产生不同的联想,蓝色想到天空,黑色想到黑夜,红色想到喜事等,选择色彩要和你的内涵相关联。
以下列出一些常见商品的广告主色调方案: 1.食品类商品:常用鲜明、丰富的的色调。红色、黄色和橙色可以强调食品的美味与营养;绿色强调蔬菜、水果等的新鲜;蓝色和白色强调食品的卫生或说明是冷冻食品;沉着、朴素的色调说明酒类等的酿制历史悠久。 2.药品类商品:常用单纯的冷色调或暖色调。冷灰色适用于消炎、退热和镇痛类药品;暖色用于滋补、保健、营养、兴奋和强心类药品;大面积的黑色表示有毒药品;大面积的红色和黑色并用,表示剧毒药品。 3.化妆品类商品:常用柔和、脂粉的中性色彩。例如,具有各种色彩倾向的红灰、黄灰、绿灰等色表现女性高贵、温柔的性格特点;男性化妆品则较多用黑色或单纯的纯色,体现男性的庄重与大方。 4.五金、机械、仪器类商品:常用黑色或单纯、沉着的蓝色、红色等,表现五金和机械产品的坚实、精密或耐用的特点。 5.儿童用品:常用鲜艳的纯色和色相对比、冷暖对比强烈的各种色彩,以适应儿童天真、活泼的心理和爱好。 广告色彩的注目性: 下面就不同色彩的搭配,提供两组注目程度低的配色,其中注目程度高的配色分别由1-10逐渐降低;注目程度低的配色分别由1-10逐渐提高。
注目程度高的配色 顺序 底色 图形色 顺序 底色 图形色 1 黑 黄 1 黄 白 2 黄 黑 2 白 黄 3 黑 白 3 红 绿 4 紫 黄 4 红 蓝 5 紫 白 5 黑 紫 6 蓝 白 6 紫 黑 7 绿 白 7 灰 绿 8 白 黑 8 红 紫 9 黄 绿 9 绿 红 10 黄 蓝 10 黑 蓝 注目程度较低的配色
在设计配色中,忌讳的是:
1.不要将所有颜色都用到,尽量控制在三种色彩以内。
2.背景和前文的对比尽量要大,(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容,同时关联相关的样本等其他的设计表现形式的出品要求。
网店Banner设计范例
▲初期上手,按照通用排版去做。始终坚持白底,可以不用抠图,改变丝带的颜色,做做字体变形。
▲组织上下达命令,不能一层不变,需要改变。暂且做些颜色上的尝试。由清爽变成浓烈。
▲似乎是有那么点想通了,试着做风格上的改变,一次可爱卡通风格的尝试。
▲年中清仓,促销必然少不了红色,但是在大夏天用太多红色未免太过浮躁,尝试与蓝色的搭配。
▲因为模特的衣服和鞋子的色彩将这次主题定位紫色。
▲背景采用了粉色作为主色调
▲荧光粉和黄是经典的促销配色。吐血价放在整个视觉中心。貌似构图上有所醒悟。
▲通过粉色背景及图案搭配,做出粉嫩效果。
▲看到需求文案就觉得要cool,可选用欧美look或者简洁格调。
▲街拍立马就想到杂志感,需求给的文案是街头达人秀,加上look!才是杂志的范儿。
▲秋天到了,很庸俗的用了叶子和棕黄色系。模特MM和旁边的箱子带出了秋天是个该拖着箱子去旅行的季节。
▲秋天仍然是叶子,还是棕黄色系,唯一有变的是背景格子布和缝纫的线头。
▲这次是一次品质感的尝试,因为我找到了一个灰常有品质感的背景。
关于处理此类需求还有几点小建议:
1.这块banner起到页面中页头的作用,商品基本都是用来做点缀的。
2.每次根据需求的主题去寻找新的素材,围绕文案制造出一些小情境。放上应季应景的漂亮商品才是最有氛围的!
3.左侧固有的斜角区块可以根据每次排版做些变化,没必要都是丝带+文字。与主标题一起设计整个画面会更融合。
4.在需求文案原有基础上可以稍作调整,加上如“hot”、“至in”、“3折”、“look”、“抢”等煽动性文字。 5.好的素材是可遇不可求的,所以平日的积累才是至关重要的。
因篇幅问题不能全部显示,请点此查看更多更全内容