UI界面设计中,应如何科学配置调色板及配色方法论

用户体验   2022-05-24

人类可以看世界中的不同颜色,是因为人类的视网膜天生就有区分光及波频率的能力,通过某些颜色能唤起人们不同的潜在的情绪,今天分享在UI界面设计中,应该如何科学的配置调色板及配色方法论。

颜色和人们的情绪存在潜在关联性,所以设计可以通过不同的颜色来达到不同的目的。
比如:
红色代表献血、爱、能量和强度有关,所以很与爱情有关的事物都是红色的。
黄色往往用于传达喜悦、注意力、智力的事物,黄色是一种非常引人注目的颜色。但是黄色不是数字化产品背景或主界面的好选择,黄色会增加视觉疲劳,是应用图标设计或应用截图设计的绝佳选择。
绿色与新鲜、安全和成长联系在一起,这就是为什么您会看到大多数自然健康食品相关公司使用绿色作为其品牌的原因。
蓝色代表稳定性、相信、科技、宁静,所以很多互联网数字化产品也更青睐蓝色。紫色代表皇室、财富、时尚、女性气质,紫色往往用于针对女性的产品和奢侈品。 

如何组合颜色以创建调色板?
当然你不会在你的应用程序APP里到使用相同的颜色,您需要相互搭配且赏心悦目的颜色组合,为了科学合理的组合颜色,设计师经常使用一种叫做色轮的色彩工具。
在UI界面设计中,应该如何科学的配置调色板及配色方法论有几种方法可以使用色彩理论科学为您的设计组合不同的颜色

1、相邻色盘:
对于这种组合,您从色轮中选择一种颜色。然后你选择一个与之相邻的颜色。然后您使用这些颜色创建设计。类似的颜色创造了一种和谐且易于观看的设计。
在UI界面设计中,应该如何科学的配置调色板及配色方法论
2、互补色盘:
对于这种组合,在色轮上选择一种颜色,然后选择一种与之相对的颜色。比如这里的红色和绿色。补色设计通常很引人注目,因此对于主界面或应用程序的背景不太好。相反,将它们用于您的应用程序图标效果更好。
在UI界面设计中,应该如何科学的配置调色板及配色方法论
3、分色色盘:
对于这种颜色组合,您选择一种颜色。然后拿起与相反颜色相邻的两种颜色。它们仍然引人注目,但看起来也很愉快。
在UI界面设计中,应该如何科学的配置调色板及配色方法论
4. 三元色盘:
你选择一种颜色并绘制一个等边三角形。他们往往给人一种平衡的感觉。这个调色板来自 90 年代,所以感觉有点过时了。那个时代的许多快餐连锁店都有他们的标志在三色配色方案中。
在UI界面设计中,应该如何科学的配置调色板及配色方法论
5. 单色色盘:
它们非常现代且非常流行。单色设计在现代智能手机屏幕上看起来很漂亮。您只需选择一种颜色,然后将其与不同数量的白色或不同数量的黑色组合,即可创造出不同的色调和阴影。 您可以混合尽可能多的黑色或白色以获得所需的对比度。这些调色板往往具有令人难以置信的现代感,并且非常适合现代数字设计。
在UI界面设计中,应该如何科学的配置调色板及配色方法论
色彩设计工具
我们介绍了一些关于如何组合不同颜色以看起来赏心悦目并达到某些效果的理论。
有大量在线工具可用于查找调色板或制作自己的调色板。

我们最常用的配色工具:

Colorhunt.co
这是专业设计师去策划他们最喜欢的调色板的地方。您可以找到热门、随机、流行的调色板,并且根据调色板的情绪,您可以为您的特定项目找到一个。

Flatuicolors.com
这个网站有 20 种颜色,特别适用于 iOS 平台。对于 Android,我听说Material Palette是开发人员使用的。

Colorzilla.com
这是一个超级棒的 chrome 扩展,可以找出网站上任何颜色的 HEX 代码。

通过使用以上这些配色工具,了解色彩情绪背后的色彩理论基础,以及混合和匹配颜色,提升您的色彩修养,您应该能够获得适合您的数字化产品、APP、小程序、网站B端系统设计...等项目的配色方案。

维好维可-用户体验体验创新设计

联系我们:

关注我们微信

关注我们,持续输出与分享

+86-21-51115850
©2010-2022 维好维可 | 用户体验创新设计咨询公司-版权所有
沪ICP备19006116号-1

请留下您的联络方式
我们将在两个工作日内安排专人与您联系

合作咨询
+86-21-51115850
© 2010-2022  维好维可 | 用户体验创新设计咨询公司
沪ICP备19006116号-1
维好维可-微信二维码