合适的图片形状能够影响别人的感觉,有助于提升转化。那除了形状,还有一个重要的元素--颜色,也有同样效果。在设计产品页面时,通过选择合适的配色方案,能够营造出产品想要表达出的一种氛围。就像学生时代,我们在做语文阅读理解的时候,经常会有题目问道“这段文字表达了作者的什么感情色彩?”感情有色彩,色彩也有感情。不同的色彩能够调动人不同的感受,加强对主体的印象。
另一方面,作为五彩斑斓的色彩,最能冲击人的视觉感受,让人快速产生出美丑的概念。那我们给电商产品做图片设计时,什么样的配色是美的?什么样的配色又是丑的?怎样配色能够让更好带给客户好的感受从而激发购买欲望?本文我们将从四个方面进行探究。
第一部分 色调
第二部分 色相/饱和度/明度
第三部分 实际应用
第四部分 无障碍设计
(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.sxwpls.com/5324.html ,转载需注明文章链接来源:https://www.sxwpls.com/
-
喜欢(0)
-
不喜欢(0)