恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
甲方竟敢说你的配色丑! 我来教你怼回去(一)
0.0°
2018-09-21 原创文章 经验/观点 举报 4176 103 64 2

选中一个合适的配色绝不是一个偶然的事儿,这其实是一项系统的工作,只有知己知彼,把色彩研究透了,才能运用的得心应手。



当我们看到一件设计作品的时候,往往映入眼帘的先是配色,然后才是其他的内容,配色的好坏,直接决定了我们对这个作品的第一印象。


当然,选中一个合适的配色绝不是一个偶然的事儿,这其实是一项系统的工作,只有知己知彼,把色彩研究透了,才能运用的得心应手。


Image title



以下几个方面也许就是经常困扰你的点:


1、想要表达的设计思想不知道怎么去选取合适的色彩;

2、缺少对色彩全面的认识;

3、对配色没有一个系统的搭配方法;

4、不懂得如何提高对色彩的敏感度;


接下来,我会分几个部分,来聊一聊色彩及配色




认识色彩


▐ 色彩理论


开始理解色彩,必然要提到色彩三要素,色相、纯度、明度,这是最基本的概念,我就简单的以三张图概括下:


色相:指的就是红色、绿色这些色调的称呼;

Image title



纯度:指色彩的鲜明程度;

Image title



明度:指色彩的明亮程度;

Image title



而色相又大体上可以分为冷色系和暖色系;

Image title




色彩印象


在进行配色实践之前,关于色彩本身的理解十分重要,在理解色彩独特的性质之后,才能进一步学习更有效的配色设计技巧。


点缀我们生活的各种色彩,都具有影响人类心理、情绪、感觉的力量,下面展开介绍一些代表性的色彩印象。



▐ 红色


红色既有积极的一面,也有消极的一面,在考虑如何用其他颜色去搭配红色之前,先想想想要红色在整个作品中表现什么?


属于红色的关键词有:热情、兴奋、能量、爱、华丽的、辉煌的、生命力、主动性、活力、激情、辛辣的、炙热的;愤怒、危险、攻击性的、暴力性的、嫉妒、压力、压迫感、刺激的等等。

Image title


如果想要表现红色积极性的一面,最好使用泛黄的大红色或者明度较高的粉红色系的颜色。泛黄的红色比100%红色更能够表达温暖的感觉,而在粉红色系中,泛黄的暖粉红色比泛紫的冷粉红色更能传达出积极的印象。

Image title


相反,如果想要表现红色消极性的一面,使用泛紫的红色比较好。红色和紫红色中间的色系给人冷淡、不自然的感觉。这些色彩的明度越低,越给人不自然的和消极的形象。

Image title


下面举几个红色配色的案例


Image title

上面这幅作品,设计师想要传达出“危险”“压迫感”的情感信息,塑造一个难民的形象,整个配色以红黑搭配,更显深沉。



Image title

红色也有着“华丽感”和“刺激感”,大面积的红色做为底色,凸显出画面中的人物形象,很好的诠释优雅和成熟。



▐ 橙色


每种颜色都会有某种情感偏向,而橙色的情感是非常暧昧的,这种暧昧感使得它比红色更加温和,比黄色更加老练,即它有一种中性的魅力。


属于橙色的关键词有:活跃、温暖的、喜悦、开朗的、朝气蓬勃的、明快的、跃动的、亲近的、丰收、健康的、轻快的、明朗的、朴素的、安心的、温和的;任性的、歇斯底里的、嘈杂的、廉价的等等。

Image title

同属于橙色系的色彩,实际上给人的印象是完全不同的。鲜明的橙色富于年轻感,而便褐色的橙色更具有复古感。Image title

下面举几个橙色配色的案例


Image title

以大面积的橙色做为底色,搭配高饱和度的黄色,这些色彩的“温度”都很很高,很好的表现出了橙色“朝气蓬勃”的感觉。



Image title

将橙色的明度适当降低,搭配上“厚重”的红褐色,很好的展现除了橙色鲜明的个性。



Image title

饱和度高的色彩难免会表现出“廉价”的气息,画面中的橙色、黄色、蓝色、紫色,饱和度都偏高,很好的展现了作品的“销售属性”。



 黄色


谁都无法否定黄色带来的温暖,因为它就是太阳发出的光,黄色就是光,它也被称为“光之色彩”。而作为光的颜色,黄色可以作为挽救黯淡色调的救世主,赋予画面更多活力。


属于黄色的关键词有:明亮的、集中精神的、健康的、幽默的、希望、开放感、未来、宽厚的、轻快的、幸福、纯洁、明快、知识、权威、非正式的、可爱的、繁华的;幼稚、不成熟、警戒等等。Image title

泛橙色的黄色比原色黄更能营造柔和温暖的氛围,这种平和积极的印象更能表现亲切多情的感觉。

Image title

泛绿的黄色偏冷,给人感觉冷漠。在原黄中加入白色和黑色的话,黄色本身的明亮的光感和暖意就会消失,变成偏冷的色彩。Image title

下面举几个黄色配色的案例


Image title

黄色的最“暖”的颜色,它很好的体现的色彩的“轻快感”,采用黄色最为主色调,使得整个画面都“明亮起来”了。



Image title

这是一个以黄色为主,黑色为点睛色的配色,使用黄色超强的表现力,和黑色这种冷色搭配表现出“强烈刺激”的对比。


Image title

黄色同时也是小朋友最喜爱的颜色之一,高明度的配色,整体呈现出“可爱”和“童稚”的感觉。



▐ 绿色


绿色作为大自然的主旋律,能带给人安宁舒适、生机勃勃的感觉。同时,绿色也是一种存在感极强的颜色,虽然是最为普遍的存在,但也是很难和其他的颜色搭配。


属于绿色的关键词有:自然、和谐、平衡、健康的、和平、治疗、新鲜、安逸、安心、安定、和煦的、诚实的、朴素的、放松的、年轻的、平等、公平、安全;不成熟、带有乡土气息的等等。Image title

自然界的绿色是多种多样的,虽然看上去都是绿色,却可以有青葱的嫩绿,松针的草绿,清亮深邃的青绿色,落叶的橄榄绿等。这些颜色各有各的感觉

Image title

下面举几个绿色配色的案例


Image title

绿色是最“自然”的颜色,会然人不禁想起田园和植物,绿色和蓝色的搭配,没有强烈的对比感,倒显得画面更加“朴素”。



Image title

绿色搭配黑白灰,毫无异议的显得干净利落,上图中的绿色作为点睛色,平衡了黑白的单调,而这里的白色和绿色都趋向于轻薄,因此需要用深黑,以加强色彩的力量感。



Image title

绿色与偏暖的黄色搭配时,重要的是要强调两者之中的一个,在上图中的主色为绿色,点睛色为黄色,突出强调作品中的画面感。绿色的饱和度较低,与部分黄色相得益彰地变为了背景,辅助突出了点睛色。



▐ 蓝色


在很多最爱颜色的民意调查中,蓝色都是最受大家喜欢的颜色。蓝色的原始记忆来自天空的广阔和大海的深邃。它有凉爽、神秘和寂静的感觉,同时又能塑造出特别的亲和力。


属于蓝色的关键词有:稳重、镇静、冷静、爽快、清爽、清凉感、信赖感、沉着、知识性、清洁的、成功的、男性的、理性、诚实;忧郁、孤独、荒凉、悲伤的、保守的、消极的等等。Image title

如果要强调蓝色的积极印象,越贴近绿色的蓝色越好。但是,即便纯度较低,明度高的蓝色也能表现出明朗和积极的氛围。

Image title

下面举几个蓝色配色的案例


Image title

提起夏天,我猜你最先想到的肯定是蓝天、大海,明度稍高的天蓝色,搭配深蓝色,充分体现了夏天的“爽快”与“清凉感”。



Image title

同时,蓝色也是极具商务个性的颜色,很多企业都选择蓝色做为品牌色,它也代表着“信赖感”和“成功”。



Image title

“蓝色是忧郁的”,静谧的夜晚,带来“孤独”与“荒凉”。



▐ 紫色


在商业设计中,紫色被认为是一种优雅高档的色彩,常用于表现商品的奢华和高贵,同时也是很多艺术家喜爱的颜色。


属于紫色的关键词有:高贵、典雅、高尚、优美、风度、尊严、干练、神秘、秘密、心性、性感的、豪华的、华丽的、改观的;不安的、悲伤、孤独、嫉妒、自负、不健康、病弱等等。

Image title

紫色带有暗色的特质,所以明度稍微低一点就容易给人以沉闷的感觉。因此,紫色在与其他色彩配色时,尽量选择明度较高的紫色。Image title

下面举几个紫色配色的案例


Image title

紫色是“神秘”的,紫色本身是“冷暗”的颜色,所以与纯度高的色彩配色会强化紫色的冷暗感。



Image title

要用紫色来表现优雅、高贵等积极印象时,要特别注意纯度的把握。这种情况下,低纯度的暗紫色比高纯度的亮紫色更能传达积极的印象。



Image title

紫色靠近蓝色,所以紫色也有带有“孤独”和“悲伤”的调性,蓝紫色系的紫色更容易传达消极的感觉。



▐ 白色


提起白色首先想到的纯洁,给人干净的感觉,它不会有强烈的个性,但是白色是永远的流行色。


属于白色色的关键词有:清洁、纯净、清澈、正义、善良、和平、净化、诚实、胜利、真实、简约;空虚、变幻无常的、孤独、失败、离别、死亡、寒冷。



Image title

无印良品的产品一直注重“纯朴”、“简洁”、“环保”、以人为本等理念,在包装与产品设计上皆无品牌标注,但是却让人牢牢的记住了它。



Image title

大面积的白色显得“空虚”,加上蓝色的点缀,画面更显得“孤独”和“寒冷”,将白色的负面情绪表现的更淋漓尽致。



▐ 黑色


当所有当光线都被吸收了,感觉就是黑色, 是一种具有多种不同文化意义的颜色,和白色一样也是永不过时的颜色。


属于黑色的关键词有:严肃、厚重、威严、神秘、高级感、充实、富裕、正式的、时髦的、硬的、重的;收缩、黑暗的、阴郁、邪恶、黑夜、恐怖、压抑、绝望、死亡、自卑、不安。



Image title

在画面中以黑灰色为底色,加上磨砂质感,突出了自行车的“高级感”。



Image title

黑色的背景加上压暗的人物形象,一种“力量感”油然而生,人物的形象也是凸显了整体画面的氛围。



▐ 总结


颜色无所谓美丑,我们对于颜色的判断完全是一种主观的经验,这个作品配色的好坏,并不是取决与这个颜色的好不好看,而是这个颜色适合不适合这个作品要传达的意境。


我们必须摒弃旧有的对颜色的判断,排除自身受到的社会文化的观念影响,从一个全新的眼光来研究色彩。只有在充分了解每一种颜色的色彩印象,才能消除你对配色的迷惑与不安。


Image title




更新:2018-09-21

收藏

103人已收藏

  • 16

    作品

  • 46

    粉丝

  • 0

    关注

  • 你说我的产品不好用? 产品可用性(Part1)
  • 文字设计原理(四):字体的表现力
  • 文字设计原理(三):文字的易读性
  • 文字设计原理(二):文字与意像

    猜你喜欢

      2018-09-21 原创文章 经验/观点 举报 4176 103 64 2

      甲方竟敢说你的配色丑! 我来教你怼回去(一)

      0.0°

      你确定要举报甲方竟敢说你的配色丑! 我来教你怼回去(一)

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年09月19日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      64
      103
      2

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录