JAS|配色-小红书
2D美术视觉设计 39269 1
实名

通过了实名认证的内容创造者

发布于 2023-12-15 13:41:02

您需要 登录 才可以下载或查看,没有账号?注册

x
                                                                                                   e5b857d47dbee813fd7898d4fe79a6ab.jpg
文章授权转自:庞门正道
辛苦Jack艺术工作室小编整理
bba1ae17ed882e27b341eaf2fd839502.jpg

前言:
色彩学,或者说是配色技能,是我们设计师最需要的技能之一,普通人来说,谈论一个物体外在,经常用到的2个纬度,那就是形色,形是指轮廓,色当然就是指它表现出来的颜色,色彩。

色彩的原理是什么?
我们看到的任何颜色的物体,其实都是没有颜色的,是包含了各种颜色的光线,照射到物体的表面,例如一个绿色的苹果表面,它吸收了阳光的大部分的色彩,唯独绿色无法吸收,那就反射了绿色,你的眼球看到了这个反射的光线,于是你的大脑判断,这个苹果是绿色的。


对色彩的认知和配色的技巧,对于大部分人来说,都是靠天生的色彩感知和后天的环境影响,天生的感知来自眼球对色彩的敏锐度,大部分人都非常接近,甚至是一模一样,但是后天环境的影响就大不同了。

例如越南人,喜欢绿色的帽子。

但是在中国,你送谁绿色帽子,他会问候你全家。


但是,今天我们要讲的不是原谅色,而是红色!

看图,先了解一下我们对红色的认知!
我把色彩分成2个纬度,一个是大自然中的,一个是社会意识中的。
为什么这样分?

往下看完你就懂。

大自然中的红色!
大自然中的红色,和人类没有任何关系,有没有人类的存在,这些物体和现象都会以红色出现,例如玫瑰花的红色,与生俱来。




社会意识中的红色!

而社会意识中的红色,是人类自己对物体的色相做了符合群体利益的意识偏向。
例如为什么停下来灯是红色?因为红色灯波长可以传播得最远,穿透力最强,哪怕是在大雾天,也可以让远处的司机看得到前方需要停车,所以这个色彩的灯,安全性要比任何颜色都要强。

由上面的图片映射我们可以看到一些红色的性格,它是一种非常热烈的颜色,是所有颜色中最能吸引人注意力的一种颜色。由于这些特性,红色被广泛的应用在女性、运动、游戏、食品等行业。

接下来我们按照红色的层次划分,分别看看在设计中我们是怎么应用红色的。



学习,当然是由浅入深,所以,颜色上,我们也是从浅色开始说吧!

-----------------------------------------


01.粉红色
属于高明度+低纯度的红颜色。



顺便告诉一下你,这个色彩在哪儿取。
正面情绪:
它给人柔和亲切的感受,大面积使用的时候会让画面引起非常舒适视的觉享受。因此被大量地应用于女性、化妆品、母婴等行业。下面我们通过一些实例来分析。

负面情绪:
无力感,娘炮!


化妆品
左边:模特粉嫩的皮肤,吹弹可破。
右边:化妆品的金属部分都被粉红所倒映,弱化金属的刚烈,整体更加女性化。


左边:粉红色的背景和粉红色的丝带元素,把笔直的产品软化到非常和谐。
右边:除了淡雅的浅粉背景外,无规则的粉色花朵,把整个画面升华,产品属性瞬间得到呼应。


美食

用粉色做美食类的设计需要谨慎,因为它的甜蜜属性太强了,基本上无论用于什么食物的表现,都可能出现甜甜的感觉。



少女风
少女风来说,基本上你套上了粉红色的调性,就可以成型了。
因为色彩属性太强了,看到就呼唤出你的少女心。

一般来说,粉红+白,无论是什么人用,都可以年轻10岁!

额。。。。

而配黑色就需要谨慎,面积不能太大,黑色大了,整个页面就会压抑了,会有一种杀人萝莉的感觉。
还好我手机扔得快,差点被砍到!


促销
好了,说到粉色系的促销,和上面的都很不一样的技巧。

由于促销最重要的是信息清晰,确定,和显眼。但是粉色天生就是存在感很弱,那怎么办?
当然是加大画面的对比度。也就是加入重色的配搭,同时还需要很超大的字号来提高信息清晰度。

如上图
左边:实用很大的粗体字,让白色的字不至于被画面给干扰掉了。
右边:实用黑色加粗的字,其它信息弱化,手几乎和画面同色,所以不会干扰促销信息。


这两张也是一样的道理。

这些都是使用了强烈的色彩对比,包括色相的对比,纯度的对比。

左边:粉红和绿的色相强烈对比。
中间:粉色的高明度和蓝色的低明度强烈对比。
右边:同中间。



注意!
粉色系的配色一定要干净,颜色的纯度和明度一般偏高,慎用灰色,过于偏灰画面就会显脏

左边:温馨浪漫
右边:略带颓废


-----------------------------------------

02.纯红色!
属于高明度+高纯度的红颜色。



纯红色的取色位置。
正面印象:
纯红是一个非常有力量的色系,很容易联想到热血、激进,个性,胜利等情绪,当我们需要刺激用户视觉神经时,纯红色是首选。
当然,还有一个重要的情绪,就是可口美味。因为大自然中成熟的果子用红色来告诉人类以及其它动物,我们可以吃了,而且是甜的。

在所有色彩中纯红色是最夺目的,永远不会被掩盖,所以特别适合当主色调使用。

负面印象:
血腥,警告,恐怖。

左边:虽然是很冷静的版式,但是红色就已经可以变得非常血拼促销的感觉了。
右边:非常个性的感觉。

关于左边这张,我调一下色相,发现这个版式并不是那种促销感的,配色帮了它很大的忙。

左边:红色与金色的配搭,皇室般的高端感。
右边:红色配黑色,个性时尚感强烈。


美食
红色的美味感是与身俱来的,而我们从小到大也被这种自然认知不断地加强印象。
上图:红色的苹果加上粉红色的产品,不用问,甜的。

下图:无论这一勺子,是草莓酱还是辣椒酱,都不会影响它表现出来的美味感。而且这个设计特意采用了木质的勺子,让人感觉这个东西是天然的,无加工的,好感更加强烈。

所以我们在做设计执行的时候,需要考虑的不仅仅是设计的形式感,更要考虑用户心理,看到这个画面会有怎样的感受。
我们对大自然的色彩认知比感性认知更加强烈。
(摄影师:Shiguangli时光里)

中国风
传统的中国红一般是正红,例如这种设计,我们经常看到,这个是发自内心的土到掉渣。

如果你不想让页面看起来过于正经隆重,可以尝试让颜色偏一点橙色或者玫红,这样可以让页面显得没那么“老气”。

同样是金色配红色,但是这三张都不会让人感觉很土气。

那这个时候你可能说了,我的老板就是土鳖,喜欢那种金光灿灿的东西,怎么办?
呵呵,你必须指着老板的鼻子说:有钱就可以为所欲为吗?


别说了,改吧!
把纯度增加,满足老板,然后和朋友说,这个不是你设计的。


海报
关于红色的海报,应用得太多太多了,尤其是越个性的内容越是适合,例如音乐的。
例如崔健的演唱会海报,经常都是纯红色配黑色,舞台灯光也是这种趋势。
而中国好声音的视觉表现也是红色,这些都是有利于品牌的个性暗示和形象传达。

嗯,这些海报也都是很有个性的心理暗示。


运动
运动的属性有什么?激情,速度,力量,那么在色彩上如何表现这些属性呢?
例如这张设计,大红的背景色,力量感十足,后面的漩涡一样的图形,增加了速度感,明快的色彩对比,加大画面的张力。

如果同样的形,换一下色会怎样?
画面的舒适性还在,但是力量感完全失去了。

这张设计也是,大色块的对比,增加力量感,而倾斜的造型,增加了速度感,你可以知道,设计师每一个色彩使用,元素的增加,都为围绕这最终的设计目的而服务,并不是为了美。

促销
大红色做促销设计,不要太容易了!!简直就是那个不痛,月月轻松!
只要红色一铺,随手加点粗字体,促销感就要爆棚了!

因为红色是典型的膨胀色、前进色,在视觉上它会主动抢你的眼球。平常促销的页面大多是高饱和度的红色,也是尽量放大红色前进和膨胀的两大特性。因此,大红色简直就是促销的代名词。


注意
红色的实用,要注意主题这个大前提,在需要激发这种特殊情绪的时候就可以用。
例如下图,虽然Tiffany色很好看,但是在七夕这种日子,爱情应该是红红的爱意,使用青色,总让人感受不到感情,太冷了。

-----------------------------------------


03.暗红色!
属于低明度+高纯度的红颜色。


暗红色的取色位置。
正面情绪:
高品质,有内涵,有个性,有力量,深沉感。

负面情绪:
低落,忧郁。

女性
深红色和深蓝色的搭配,再辅以有质感的背景纹理,能够很好的体现出女性成熟优雅的感觉,看到这些页面,你就会知道这个品牌应该很贵。


海报
关于新年主题,如果只是单纯到深红色,会让人略感压抑,但是如果加上点纹理,整个品质感马上就得到提升。


大红到深红的变化,画面会多很多张力,故事性大大增加。

运动
刚刚说到粉红色可以体现女性的柔美,
而深红色就完全相反,可以体现男性的力量!

美食
鲜红色是好吃,而暗红呢?那就是增加品质感,说白了就是告诉用户,没钱别来吃,我很贵!

游戏
说到游戏页面设计,我要多说几句。
为什么其它类目的设计师都羡慕游戏类目的设计师呢?

第一,优秀的素材多。
人物原画,精美场景等,这些随手一放,基本上就是一个精美画面。

第二,可以随便用暗色调。
要知道,暗色调比亮色调更容易出画面效果,暗中看亮光效果,比亮中看黑色的物体,更容易让人集中视觉焦点。这个就是暗色设计的好处。

这个是我2011年做的一张图,用到的就是暗红色调。


中国风
深红色搭配藏青色有着传统的国画的风格,这是很有韵味的中国。

注意
深红色的画面一般比较偏暗,质感厚重,因此在设计的过程中要特别注意,避免让整个页面过于沉闷消极,解决办法是可以在局部使用亮色,提高页面的对比度。

不要让你的主角埋没在环境中

三个不同的红色体系说完了,



但是不能光说不练对不对?

干活!

就拿一个化妆品的产品做测试配色的案例吧!


希望这篇文章可以帮到你。
下一期见。


素材每周更新,需要可自取
(复制链接粘贴使用)
提取码:0uht     


    游戏UI界面、图标、VIP网络班随到随学   
   秋季班10月份左右开课,可报名   
   课程咨询微信  jackartstudio
更多教程和素材,公众号菜单栏可查阅

               

本帖被以下画板推荐:

免费视频:www.bilibili.com/video/BV1D7411c7S4
使用道具 <
MJ漫步  发表于 2022-3-20 21:20:12  
2#
谢谢分享!!!!!!!!
回复 收起回复
使用道具
您需要登录后才可以回帖 登录 | 注册

本版积分规则

快速回复 返回顶部 返回列表