每次配色都觉得很难,该怎么办?

功夫UX 功夫UX

3年前

收藏 收藏 3

点赞 1

【摘要】:一文掌握界面配色底层原理

每当我们在做设计时候,都离不开色彩的搭配。色彩使用的好坏直接影响到界面的美学,也可能会直接让我们产生厌恶感 。所以掌握好色彩的基础心理学知识,可以帮助我们完成大部分工作中的配色。至少你做设计时,在配色上使用是准确的。所以作为设计师,对色彩底层认知是非常重要的,今天的内容也是简单易掌握。

什么是色彩心理学?

颜色心理学是对与人类行为有关的颜色的研究,它旨在确定颜色如何影响我们的日常决策 。比如我们购买商品时,会选择我们喜欢的颜色,而凸显高级感的色彩搭配最吸引我们购买。在产品设计中,一些有颜色的按钮或者图标,最吸引我们去触摸它。比如我们都知道红绿灯影响着驾驶员的行驶,我们也熟悉红色在设计中常常用来代表错误行为信息。

总结来说,色彩在生活中或者设计中都影响着我们诸多地方,比如我们决策速度、对危险的感知、对情绪的反馈、对事物的喜好,这就是色彩对人行为的影响。

为什么它如此重要?

色彩在生活中的重要性这里我们不做细说,下面来谈一下它在设计中的重要作用。色彩作为产品设计语言其中一个关键要素(形、色、字、质、构),时刻影响着产品。比如我们对可口可乐的红色、星巴克的绿色、麦当劳红黄搭配等记忆犹新,这就是通过色彩影响着品牌,传播品牌

将色彩与品牌进行巧妙的集合,实现色彩在产品设计中的创新与突破。在我记忆中Spotify就是这样一个产品,用色彩去打造封面的品牌DNA,我们只看封面设计,就知道这就是他们家的产品。

Spotify

色彩在品牌认知中起着重要作用,因此研究色彩的含义,可以帮助我们轻松定义UI品牌在外界的认知形象,以帮助我们更好的吸引用户群体。

但是色彩的组合上千万种都不止,有些设计师可能就会问,难道我都需要了解吗?其实不然,我们只要熟悉色相环上通用的几个色彩就OK,这几个颜色也是心理学上主要几个基本颜色,红、黄、蓝、绿、白、黑,接下来我们就来具体看看这些色彩在心理学上的主要认知。

红色心理学

红色在色彩心理学上象征着激动、热情 、兴奋、威望、危险等,它是一个充满着能量的色彩,我们国家的五星红旗就是红色,树立威信与力量 。红色在产品设计中,绝大部分意思是表示错误的信息,因此你在设计界面时候,红色需要谨慎的使用。

红色有代表这热情和欲望,所以我们也看到,有些产品的购买按钮使用醒目的红色,就是为了促进购买欲。有些品牌使用的红色为主的色调,可口可乐和麦当劳,红色可以促进食欲,有产生热量的感受。

可口可乐官网

在电商产品中,也使用红色作为品牌色,可促进用户购买商品氛围和幸福感,在国内如京东、拼多多、考拉等产品,韩国有11Street。

11 street

考拉app

蓝色心理学

蓝色在心理学上象征稳定、和平、冷静的、信任、安全、科技、智慧等含义 ,所以我们可以看到国内外一些科技公司品牌主色是蓝色,比如百度、腾讯、Facebok等。

蓝色是一个能安全感知强的色彩,我们熟悉的腾讯电脑管家主色就是蓝色,还有支付宝主色调也是科技蓝,给用户传达出一种安全可靠的感知。

IBM官网设计中,整体蓝色为主,体现科技的品牌调性。

Dapi – Banking API

金融产品设计,采用蓝色作为品牌色,体现科技安全感。

绿色心理学

绿色,是大自然的颜色,它象征着宁静、舒缓、健康、青春、生长,春天万物复苏。 我们的眼中,绿色有着强烈的生命气息,它为我们带来平静与安定的感受,我们日常在家里待久了,打开窗户看到外面绿色心情舒畅许多。

绿色在食品行业中应用相对出现多一些,比如我们熟悉的星巴克就是采用的绿色作为品牌色。在国内还有美团买菜等这样产品在使用,在食品中使用绿色,让我们心理感受,认为它是健康的

星巴克品牌主色,他们在食品包装、品牌插画和门店装修都延续绿色风格,整体给我们一种青春的感受。

来自:Farzan Faruk

上图星巴克的网页概念设计,他们在使用绿色作为品牌点缀色,既能突出品牌,也可以让界面干净清爽,这也是色彩使用一些小技巧。

白色心理学

 

白色在心理学上象征纯洁、朴素、神圣、光明、朴素、简约、高级等直观感受 。白色在设计中占比最大的颜色,因为白色在阅读性方面是我们看着最舒服的颜色。白色一般与黑色搭配使用最多,比如在产品设计领域,如果你想给用户营造高级感和简约感觉,那么黑白色调是最好的选择。

比如29cm的产品设计,整体全局以黑白为主的设计,加上大留白,给了我们高级简约的直观感受。

29cm官网

VSCO官网

从上面两个案例我们可以看出,如果想营造高级简约感,那么黑白搭配是最好的选择。

手表的官网设计,也是整体黑白调性为主凸显高级感。

黑色心理学

黑色在心理学在象征神秘、力量、优雅、愤怒、奢华等直观感受 。黑色也是我们产品设计中主要的字体颜色,在生活中黑色更多表达庄严、力量,比如我们看到黑色西装就比较有魅力和庄严感,黑色一般与白色混合搭配彰显尊贵高级感。

黑色一般除了我们产品设计中主要文字颜色,那么它也可以在一些娱乐类视频网站大面积使用,比如国内开眼视频、抖音产品 。黑色视频设计,给我们感受更加沉浸式,国外有netflix的网站整体黑色。

开眼视频

Netflix 

总得来说,如果你想大面积使用黑色,那么就需要考虑你的产品定位(黑色模式除外)。正常情况下我们产品设计中,黑色运用在字体层级上是最多的。

黑色在海报中使用 ,常常表达艺术相关的设计多一些

2021台湾文博会

黄色心理学

黄色在心理学中象征积极、热情、夏天、警告等,在产品设计中黄色有警告提示等含义,在生活中黄色在交通方面有减速的含义。 如果你要在你的界面单独使用黄色,一定要注意它的使用位置与使用比例

黄色在一些快餐类产品中运用广泛,比如国内的美团外卖、麦当劳,黄色促进食欲,加快消费。

麦当劳品牌包装

总得来说,黄色在生活中给我们带来积极热情、促进食欲的感受。

总结

到这里我相信大家对着种色彩的含义都有了解和熟悉,今天选取了我们在产品设计中运用较多的一些颜色来分析讲解。其实还有粉红色、紫色等,因为这些颜色对我们来说用得相对少一些,除了特殊产品会用它作为主色调。

我们真正在使用中也会存在很多问题,比如不同人对色彩的理解会有所不同,也会因为个人喜好而选择颜色使用。但是不管怎样,使用色彩时候也需要灵活,要看你想给用户传达什么样的品牌感受?从心出发。

那么问题来了,大家日常生活中最喜欢什么颜色? 比如我,个人比较喜欢黑白调性,因为这样的颜色耐看,显得高级,大家可留言说说自己喜欢的颜色。

本文由广告狂人作者: 功夫UX 发布,其版权均为原作者所有,文章为作者独立观点,不代表 广告狂人 对观点赞同或支持,未经授权,请勿转载,谢谢!

点赞

1

-已有1位广告人觉得这个内容很不错-

继续浏览与本文标签相同的文章

畅言一下
0/1000
全部评价

扫一扫

关注作者微信公众账号