?

全国统一服务热线:18021770366

站内公告:

淮安市嘉瑞广告有限公司主要提供广告设计制作安装服务以及网站制作,是一家经验丰富的广告设计制作公司,拥有十几年广告设计制作经验!

联系我们CONTACT

地址:淮安市翔宇大道1009号
热线:0517-8588 1663
Q Q:34665706
邮箱:34665706@qq.com

18021770366

新闻中心

当前位置:主页 > 新闻中心 >

UI设计师必备的制作色彩搭配理论

2019-12-07 点击量:

UI设计师必备的色彩搭配理论

Photo by George Becker from iconscout

 

我们身处在一个多彩的世界中,物体的不同颜色,会让我们产生不同的情绪。色彩会影响人们的身心,强烈的红色会使血压升高,而蓝色则使人冷静。

设计UI界面时,色彩是影响用户最简单和最重要的一个因素。很多人认为UI界面色彩的选择取决于设计师的品味和审美。然而,颜色的选择过程比它看起来要复杂的多,在设计中扮演着重要的角色。

可以用颜色来营造一种情绪、吸引注意力或作出强调,用色彩调动人的情绪或使人冷静下来。通过选择正确的配色方案,可以营造一种优雅、温暖和平静的氛围。

色彩的选择是基于色彩心理学和色彩理论的,下面就详细介绍一下这块的内容吧。

 

色彩心理学

男性和女性的色彩偏好是不同的,不同年龄群体的色彩偏好也是不同的。

根据 JoeHallock的研究,不同性别的色彩选择有天壤之别。研究旨在发现不同色彩的偏好程度,从最喜欢的色彩到不那么喜欢的色彩分别所占的比例。

UI设计师必备的色彩搭配理论

不同性别的色彩偏好

如上图,男女都格外喜欢蓝色,而对棕色的喜爱程度最低。

 

以一个APP案例来说明

这款APP的目标是管理成本,用户包含男性和女性。先假设一个不了解色彩的初学者,选择棕色作为APP的主色,因为棕色是他最喜欢的颜色。 结果如下:

UI设计师必备的色彩搭配理论

成本管理APP

如图,虽然设计还行,但由于色彩的选择,APP可能无法正常使用。 那如何优化呢? 本文稍后的部分中,将介绍如何仅通过色彩的改变来优化整个APP。

配色的价值就来了,设计师需要了解色彩的含义和影响,以传达正确的语气、信息并引导用户做出预期的行为。 每种色彩都会对我们的思维产生影响,了解可能的影响可以帮助设计师传达正确的信息、引导用户行为。

作为一个设计师,你需要了解色彩的含义,这里只是简要介绍,详细内容请参考 http://www.color-wheel-pro.com/color-meaning.html

 

 

色彩理论

1.色环

设计界面时,有很多色彩可以使用。首先,要提到的是色环。

UI设计师必备的色彩搭配理论

著名的色环

另一个重要的话题是配色。配色有很多方法,但暖色和冷色应该平衡。下面是几种配色方式:

UI设计师必备的色彩搭配理论

互补色、邻近色、三色组、分裂互补色、矩形(双分裂互补色)、正方形

每个设计师都应该知道色彩的三个属性:色相、明度和饱和度。 Christian Vizcarra对色彩的属性描述非常详尽,本文借鉴了其相关内容。

 

2.色相

色相是自然状态下的色彩。比如蓝色、黄色、绿色和红色等等,没明暗的变化。简言之,色环上没有改变明暗的色彩。如下图:

UI设计师必备的色彩搭配理论

 

3.明度

明度,指色彩的明暗度。以自然界为例,一些物体在早晨和晚上的色彩不同。如树木和山脉,早晨色调浅;傍晚因为光线减少了,色调变得偏暗。

UI设计师必备的色彩搭配理论

Photo by Nextvoyage from iconscout

距光源越近的物体,嘉瑞广告,明度越高,反之,则明度越暗。明度在UI设计中扮演重要的角色,明度运用得好,可以实现好的对比效果。

明度达到100%时,色彩就会变成白色;明度是0%时,就会变成黑色。如下图:

UI设计师必备的色彩搭配理论

色彩的明度

 

4.饱和度

?
日本牲交大片免费观看_午夜大片男女免费观看爽爽爽_农村妇女野外牲交视频