合适的图片形状能够影响别人的感觉，有助于提升转化。那除了形状，还有一个重要的元素--颜色，也有同样效果。在设计产品页面时，通过选择合适的配色方案，能够营造出产品想要表达出的一种氛围。就像学生时代，我们在做语文阅读理解的时候，经常会有题目问道“这段文字表达了作者的什么感情色彩？”感情有色彩，色彩也有感情。不同的色彩能够调动人不同的感受，加强对主体的印象。
另一方面，作为五彩斑斓的色彩，最能冲击人的视觉感受，让人快速产生出美丑的概念。那我们给电商产品做图片设计时，什么样的配色是美的？什么样的配色又是丑的？怎样配色能够让更好带给客户好的感受从而激发购买欲望？本文我们将从四个方面进行探究。
第一部分 色调
第二部分 色相/饱和度/明度
第三部分 实际应用
第四部分 无障碍设计
（PS：作为一个运营，写这种关于图片设计的文章确实能力有限，甚至有点班门弄斧之感。但是能够分享出来一点有用的经验也能够让自己快速成长，我会继续保持学习，与君共勉~）
第一部分 色调
首先，我们在奇妙的大自然中寻找一些答案。
1.朝色-柔和清冷
朝霞像仙气飘飘的紫霞仙子，光线柔和梦幻，色调清冷。古诗有云，气转腾佳色，云披映早霞。晴天的早晨总是让人头脑清醒，心情大好~
（图1-网图侵删）
2.午色-热闹明亮
午后的太阳很大，阳光很强烈，同一事物对比分外明显，整体色调明媚热情，视觉冲击大，是热情，动感，跳跃的感觉。想想看身边叫Sunny的小伙伴，基本上都是活泼开朗的阳光美女。
（图2-网图侵删）
3.晚色-温暖惆怅
晚霞是偏红橙的暖色调，温暖，又快速冷却。夕阳无限好，只是近黄昏。
有时候朝霞和晚霞有点相似，但是一般朝霞偏蓝紫，晚霞偏红橙
（图3-网图侵删）
4.夜色-朦胧静谧
夜晚的月色幽蓝，会让人更多感悟，也会给人更多伤感之情。红楼梦里黛玉和湘云的联诗“寒潭渡月影，冷月葬花魂”，意境凄美，也映射了她们两人的悲惨结局。
（图4-网图侵删）
5.晴空色
浅蓝色晴空就会让人舒心
（图5-网图侵删）
6. 冰雪色
北极狐的世界，让人也忍不住打个寒颤
（图6-网图侵删）
7.土地色
厚重敦实，让人有种落叶归根的安心踏实感
（图7-网图侵删）
8. 阴天色
黑云压城城欲摧，灰黑色让人会感觉非常的压抑
（图8-网图侵删）
......
通过上面的这些在不同环境里的实景图片颜色，我们能够感受出不同的色调会让我们有不同感觉，有的色调显暖, 有的色调显冷, 就是常说的冷色和暖色两大色调。
冷色调：心里距离很远，由冰雪,天空颜色衍生出来的颜色，会延伸出冷静，高冷，理性的感觉。
（图9-牵牛花，又名朝颜，早四五点开花，喜凉）
暖色调：会更能拉近人的心理距离，更有亲和力，感觉温暖而美好
（图10-朱槿花，强阳性植物，性喜温暖）
在我们日常生活中，如果你稍微留意一点，会发现好吃的东西都是暖色系，比如水果，可乐鸡翅...
（图11-网图侵删）
这也是为什么许多餐店装潢及品牌logo都以暖色调为主，热闹的环境色调也可以让你在用餐时吃的更多更快。
（图12-网图侵删）
反之，冷色调的蓝色鸡翅像中毒的颜色，让人不敢下口...
（图13-网图侵删）
一些高级餐厅的环境也都是冷色调为主，因为这样环境让人心情相对平静，更适合谈话交流，比如商务谈判，暧昧期约会，其他正式的场合。
（图14-网图侵删）
（图15）
神奇的大自然是我们最好的老师。
对于大自然中冷暖色调的认知，能够让我们在对产品图片配色的时候，根据想要的感觉选择适合的颜色作为底色或者点缀色。
第二部分色相/饱和度/明度
在上一部分中，对于大自然的配色，我们有冷暖的感知。我们也都知道，不同的颜色有不同的含义。
比如橙色代表欢乐热情，红色代表喜庆热情，绿色代表清新健康，蓝色代表安心安全，黑色深沉庄重，白色纯洁无瑕......
就“亚马逊”的logo来说。主色调：白色文字+橙色笑唇+深蓝底色看起来理性中带点活泼，比较符合亚马逊的中高端定位。
（图16）
它也会根据不同的底色变换主体颜色，让人对其所代表的含义清晰与一目了然：
（图17-浅底黑字）
（图18-亚马逊会员专属蓝）
（图19-亚马逊生鲜绿）
根据乔·哈洛克(Joe Hallock)于2003年在华盛顿大学发表的一篇论文的研究，有34%的研究参与者将蓝色与信任相关联。28%的蓝色与安全性相关;75%的红色与速度相关;42%的黑色与高质量相关联;26%的橙与便宜或便宜有关。
（图20-苹果产品海报一般都黑色底色）
那怎么把这些颜色的感觉应用到产品图片上呢？
首先我们要简单地了解到颜色的三个基本属性：色相/饱和度/明度
（图21）
1.色相--即各类色彩的相貌，是色彩的首要特征，是区别各种不同色彩最准确的标准。
比如下面“喵”这个字设置的颜色是我最喜欢#e2798a粉。因为这个粉最接近我家猫的粉鼻子和粉脚垫。
（图22）
颜色越鲜艳越活泼，如果要表达热烈、明媚和愉悦等心理感受，应该在画面中注意突出高饱和度的色彩，就像大晴天午后的颜色。
比如随便用关键词搜索一下，“快乐”出现的图片色调都是鲜艳活泼的，饱和度比较高。
（图23）
相反，“悲伤”的色调都是灰暗的。
（图25）
3.明度--是指颜色的深浅
明暗明度达到100%时，色彩就会变成白色；明度是0%时，就会变成黑色。
（图26）
颜色越浅，越温柔可爱；颜色越深，越庄严肃穆。比如蓝色，虽然是冷色调，但婴幼儿用品中会有很多浅蓝色的元素，奶唿唿的甚是可爱；
（图27）
而像一些专业机构，涉及安全的产品，或者年长者等会更多用深蓝色，表达严肃专业。
（图28-29-网图侵删）
通过对饱和度和明度的了解，帮助我们在选择了颜色之后如何调整“欢快”或者“专业”的图片感觉。
本文链接：https://www.awyerwu.com/5324.html ,转载需注明文章链接来源：https://www.awyerwu.com/
