18801051825的个人主页

http://www.qtcn.org/bbs/u/185984  [收藏] [复制]

18801051825

  • 2

    关注

  • 11

    粉丝

  • 142

    访客

  • 等级:新手上路
  • 身份:禁止发言
  • 总积分:0
  • 男,2011-01-01

最后登录:2021-03-12

更多资料

日志

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

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

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

以下几个方面也许就是经常困扰你的点:
  • 想要表达的设计思想不知道怎么去选取合适的色彩;
  • 缺少对色彩全面的认识;
  • 对配色没有一个系统的搭配方法;
  • 不懂得如何提高对色彩的敏感度。
接下来,我会分几个部分,来聊一聊色彩及配色。


一、认识色彩

1. 色彩理论
开始理解色彩,必然要提到色彩三要素,色相、纯度、明度,这是最基本的概念,我就简单的以三张图概括下:
色相:指的就是红色、绿色这些色调的称呼。

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

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

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



二、色彩印象

在进行配色实践之前,关于色彩本身的理解十分重要,在理解色彩独特的性质之后,才能进一步学习更有效的配色设计技巧。
点缀我们生活的各种色彩,都具有影响人类心理、情绪、感觉的力量,下面展开介绍一些代表性的色彩印象。
1. 红色
红色既有积极的一面,也有消极的一面,在考虑如何用其他颜色去搭配红色之前,先想想想要红色在整个作品中表现什么?
属于红色的关键词有:热情、兴奋、能量、爱、华丽的、辉煌的、生命力、主动性、活力、激情、辛辣的、炙热的;愤怒、危险、攻击性的、暴力性的、嫉妒、压力、压迫感、刺激的等等。

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

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

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

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

红色也有着「华丽感」和「刺激感」,大面积的红色做为底色,凸显出画面中的人物形象,很好的诠释优雅和成熟。
2. 橙色
每种颜色都会有某种情感偏向,而橙色的情感是非常暧昧的,这种暧昧感使得它比红色更加温和,比黄色更加老练,即它有一种中性的魅力。
属于橙色的关键词有:活跃、温暖的、喜悦、开朗的、朝气蓬勃的、明快的、跃动的、亲近的、丰收、健康的、轻快的、明朗的、朴素的、安心的、温和的;任性的、歇斯底里的、嘈杂的、廉价的等等。

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

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

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

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

饱和度高的色彩难免会表现出「廉价」的气息,画面中的橙色、黄色、蓝色、紫色,饱和度都偏高,很好的展现了作品的「销售属性」。
3. 黄色
谁都无法否定黄色带来的温暖,因为它就是太阳发出的光,黄色就是光,它也被称为「光之色彩」。而作为光的颜色,黄色可以作为挽救黯淡色调的救世主,赋予画面更多活力。
属于黄色的关键词有:明亮的、集中精神的、健康的、幽默的、希望、开放感、未来、宽厚的、轻快的、幸福、纯洁、明快、知识、权威、非正式的、可爱的、繁华的;幼稚、不成熟、警戒等等。

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

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

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

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

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

黄色同时也是小朋友最喜爱的颜色之一,高明度的配色,整体呈现出「可爱」和「童稚」的感觉。
4. 绿色
绿色作为大自然的主旋律,能带给人安宁舒适、生机勃勃的感觉。同时,绿色也是一种存在感极强的颜色,虽然是最为普遍的存在,但也是很难和其他的颜色搭配。
属于绿色的关键词有:自然、和谐、平衡、健康的、和平、治疗、新鲜、安逸、安心、安定、和煦的、诚实的、朴素的、放松的、年轻的、平等、公平、安全;不成熟、带有乡土气息的等等。

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

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

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

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

绿色与偏暖的黄色搭配时,重要的是要强调两者之中的一个,在上图中的主色为绿色,点睛色为黄色,突出强调作品中的画面感。绿色的饱和度较低,与部分黄色相得益彰地变为了背景,辅助突出了点睛色。
5. 蓝色
在很多最爱颜色的民意调查中,蓝色都是最受大家喜欢的颜色。蓝色的原始记忆来自天空的广阔和大海的深邃。它有凉爽、神秘和寂静的感觉,同时又能塑造出特别的亲和力。
属于蓝色的关键词有:稳重、镇静、冷静、爽快、清爽、清凉感、信赖感、沉着、知识性、清洁的、成功的、男性的、理性、诚实;忧郁、孤独、荒凉、悲伤的、保守的、消极的等等。

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

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

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

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

「蓝色是忧郁的」,静谧的夜晚,带来「孤独」与「荒凉」。
6. 紫色
在商业设计中,紫色被认为是一种优雅高档的色彩,常用于表现商品的奢华和高贵,同时也是很多艺术家喜爱的颜色。
属于紫色的关键词有:高贵、典雅、高尚、优美、风度、尊严、干练、神秘、秘密、心性、性感的、豪华的、华丽的、改观的;不安的、悲伤、孤独、嫉妒、自负、不健康、病弱等等。

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

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

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

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

紫色靠近蓝色,所以紫色也有带有「孤独」和「悲伤」的调性,蓝紫色系的紫色更容易传达消极的感觉。
7. 白色
提起白色首先想到的纯洁,给人干净的感觉,它不会有强烈的个性,但是白色是永远的流行色。
属于白色的关键词有:清洁、纯净、清澈、正义、善良、和平、净化、诚实、胜利、真实、简约;空虚、变幻无常的、孤独、失败、离别、死亡、寒冷。

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

大面积的白色显得「空虚」,加上蓝色的点缀,画面更显得「孤独」和「寒冷」,将白色的负面情绪表现的更淋漓尽致。
8. 黑色
当所有的光线都被吸收了,感觉就是黑色, 是一种具有多种不同文化意义的颜色,和白色一样也是永不过时的颜色。
属于黑色的关键词有:严肃、厚重、威严、神秘、高级感、充实、富裕、正式的、时髦的、硬的、重的;收缩、黑暗的、阴郁、邪恶、黑夜、恐怖、压抑、绝望、死亡、自卑、不安。

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

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


总结

颜色无所谓美丑,我们对于颜色的判断完全是一种主观的经验,这个作品配色的好坏,并不是取决于这个颜色的好不好看,而是这个颜色适合不适合这个作品要传达的意境。
我们必须摒弃旧有的对颜色的判断,排除自身受到的社会文化的观念影响,从一个全新的眼光来研究色彩。只有在充分了解每一种颜色的色彩印象,才能消除你对配色的迷惑与不安。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 cs界面设计 ipad界面设计 包装设计 图标定制 用户体验 、交互设计、 网站建设 平面设计服务





阅读全文

分类:默认分类|回复:0|浏览:450|全站可见|转载
 

Powered by phpwind v8.7 Certificate Copyright Time now is:03-29 19:35
©2005-2016 QTCN开发网 版权所有 Gzip disabled