《在色彩上设计》
色彩是设计师手中强大的力量,它吸引你的眼球,调动你的情绪,让沟通更为有效。为了让你能够认识到色彩是多么重要,在一篇广泛被引用研究的报告-“The Impact of Color on Marketing”,研究者们发现对一些产品来说,90%的人仅仅基于它的颜色对一款产品下决定。
所以对设计而言,有效的使用色彩是非常重要的。但是想出不同的色彩组合是很困难的。每一种颜色都有它的含义,这里有无数种搭配的可能存在。
这篇文章的目的就是作为一篇指南,帮助企业为自己确定企业独一无二的调色板。
选择一款调色版
有时候调色版可能就是一个临时起兴的灵感,但是大多数的时候,它是来自于一套系统的方法。
确立目标
在做任何其它事情之前,首先要确定你的设计目标,优秀的设计会将它的色彩与目标相匹配。
首先问问自己,下面这个问题:
你的设计想要传达出哪些信息?
你的设计目标是什么?包涵更多的信息?更有说服力?
你想让你的设计唤起何种情绪?
当你开始选择调色版的时候,你的设计目标应当像是一份指南为你的选择服务。
确立你的受众
(谁是你的受众并且会如何影响你的设计?)
每个人对色彩的感知都是不同的。色彩在观察者眼中是一种心理现象。根据用户的个人偏好,文化教养,和个人经历的不同,色彩也会对用户产生不同的影响。因此,为了了解人们对企业官网的设计会有怎样的反应,我们需要去确立企业的受众。
尽管一些颜色对受众而言具有普遍相同的含义,但是并不适用于所有人。绿色通常被认为代表自然,因为这是植被的颜色。然而红色,跨越不同文化的理解是不同的。在西方世界,红色和火,暴力,战争相关。它也会关联爱和激情。在中国,红色象征着繁荣和幸福。
(中国的红包)
正因为色彩会有如此多的不同含义,作为设计师去建立一个匹配用户认知的色彩模型是很重要的。
寻找灵感
有时候去为你的设计想象出好的调色是很难的。但是这都没关系,伟大的艺术家都在窃取。她们从其他的艺术家身上获取灵感。
试着去接触,你正在设计的特定产品之外的设计。这样会让你创作出独一无二,出人意料,令人愉悦的调色板。举个例子,你可以看看室内设计。
(室内设计通过色彩让环境生动起来)
如果你想要一些不一样的,可以在其他不同文化的设计中去寻找灵感。
灵感无处不在,包括你日常的生活。下一次你走出去的时候,停下来欣赏周围的颜色。
(生活中处处都是灵感的来源)
当你发现什么东西可以赋予你灵感,为它建立一个调色板吧。你可以在你最喜欢的设计方案中去使用滴管工具,梳理出调色板并作出适当调整。
建立一套设计体系
设计体系,有时候叫做风格指南,是一个封装了你的设计方案中所有设计元素的框架,这包括了从按钮到排版的所有事情。考虑事情像哪种按钮你将会使用,导航栏会是什么样子。
(MashCreative的设计规范)
在选择调色板之前,建立一套设计体系是很有帮助的,即使它只是草图。做这些工作可以让你知道你有哪一些元素,你的颜色可以应用在哪里。
当为你的设计选择调色板的时候,最好是坚持KISS(Keep It Simple ,Stupid)原则。颜色越少越好。对于大多数的设计体系而言,下面的结构是一个不错的开端:
背景色 | 主色调 | 次色调 | 错误颜色 | 成功颜色
主要颜色是你最常使用在重要的按钮和模块的颜色。对于许多公司而言,这也是他们标志的颜色。
次要颜色是你用来与主要色区分的动作。
选择调色板
现在你带着灵感和设计体系的草图,是时候选择一个颜色了。
是时候带着你所有的灵感去创造调色板。越多越好,不要害怕去尝试你自己的颜色。
回顾先前提及的设计目标和受众两部分,来缩小你的颜色选项。问自己下面这几个问题:
这些颜色可以被接受吗?
这些颜色是否有视觉冲击力,能够吸引你的眼球?
你是否需要明暗两个颜色方案?人们在一天的什么时候会使用你的产品?
你的设计想要传递出怎样的情绪?是不是在调色板中有比这更适合的颜色呢?
色彩会在你的设计体系里扮演不同的角色,这通常意味着颜色会有不同的权重,比如背景色就会比主题色使用的更多。
因此,有时候可以做一些联系,通过创建一些大小不一的形状,通过使用频率来分配占据页面的面积。
应用调色板
给你一些如何应用色彩到设计体系的idea,让我们来看看骐迹咨询,骐迹咨询的主色是绿色,色彩来源于敦煌中的代表色——青绿色。黄色作为次要色,三种灰色作为辅助色。品牌视觉第一是传播性、第二是认同感。
(骐迹咨询的色板)
通过鼠标交互,凸显主色。赏心悦目才能牢牢吸引用户感知,和谐得体的效果源自专业科学的配色。
无需语言,无需文字,色彩会在第一时间通过眼球反馈到大脑,触发感受,影响情绪。不同的色彩会带给人不同的刺激,并唤醒人们不同的感受。正因为颜色可以透过人的视觉系统最快速地唤醒和触动人的内心。网站设计,也只有做到色彩的和谐得体,才能散发出令人赏心悦目的效果。
你的网站也能如此优质卓越,精彩纷呈、有条有理、层次井然......
思考你的设计中的视觉层次。哪些设计组件是你想要突出的,并分配对应的颜色。同时,考虑使用不同深浅的颜色,像是hover或click。
总结
色彩是关于实验和迭代。
普升十几年深耕,丰富的行业经验和敏锐的行业洞察,帮助企业从视觉、互动、营销等维度进行企业品牌数字化重塑,助力企业推进数字产业化建设与升级,构建数字化体系。