【配色指南】UI设计中使用明亮色彩的利与弊，你…

【配色指南】UI设计中使用明亮色彩的利与弊，你…

创作者AlinaArhipova

以下几点由Mockplus精英团队中文翻译整理，仅供交流学习。Mockplus是一个用于快速和更简单的原型绘图的特殊工具。

有效的色彩应用是每个设计师都应该具备的专业技能，尤其是画家和UI设计师。随着平面图标和材质设计的普及，色彩基础知识的必要性越来越明显！

在很多智能产品的页面中，你可以看到一些亮色和颜色渐变，从有挑战性和趣味性的app，到商业服务类app和网站。众所周知，亮色对用户感受的伤害还是有很多异议的。本文对在UI中使用光泽度的优缺点进行了分析和总结。

一、在UI中应用艳丽颜色的优势

1。提高易读性和易读性

在我们之前的文章中，我们详细介绍了有害配色选择的要素。可读性和易读性是设计师考虑色彩运用的基本要素。这里必须注意的是，易读性是指每个人阅读文章的正文都非常容易，易读性决定了用户区分特殊字体样式和英文字母的速率。

明亮的颜色可以显示页面足够的饱和度，也有助于提高可读性和易读性。因为对比的存在，合理布局的要素越来越清晰可见。然而，高对比度的颜色并不总是有效。如果文本内容和情境之间的颜色对比太强烈，用户将很难阅读文章或访问文本。这就是为什么建议设计师创建一个更柔和的饱和度，只突出一些元素，应用高对比度的颜色。

2。改进导航栏，提高视觉交互

视觉效果结构分析是所有智能商品创建清晰导航栏和可视化交互系统软件的关键因素。UI组件一般都是这样构造的，人脑可以根据商品的物理差异(包括颜色)来区分物体。

如何分辨颜色的结构分析？是由用户的逻辑思维决定的。比如，鲜红色和橙色一般被认为是大胆的颜色，而奶油和鲜奶油则被认为是淡色。鲜艳的颜色非常容易吸引用户的注意力，所以设计师经常把它作为一种关注或者比较的方式。如何有效利用视觉效果结构分析？常见的 *** 作方法有:对几个元素应用一种颜色，以表示它们之间的某种联系。将UI页面中的购买按钮设置为鲜红色，以便在需要时可以直观地找到它们。

3。提高知名品牌的认知度

人类的大脑对大胆的颜色有非常明显的反应，因此明亮的色彩构成更容易吸引用户的注意力。多彩的UI设计通常在众多商品中脱颖而出。但要特别注意根据整体目标受众的喜好和市场调研来选择某一层次的色彩。

如果一个公司在Logo、产品、网站上应用统一明亮的颜色，无非是在一定程度上实现知名品牌利润最大化的好办法。按照这种方法，设计师依靠高度一致的数据可视化来提升知名品牌的识别度。

4。传达心态，营造氛围

为了更好地传达适当的信息内容，并呼吁用户做出估计的行动，设计师必须了解颜色如何伤害每个人的心态和个人行为。每个人的大脑对不同的颜色有不同的反应，但一般大家都忽略了。根据“颜色社会心理学”的研究，当人的眼镜识别一种颜色时，人的大脑会向中枢神经系统发出信号，释放出负责心态变化的雄性激素。

选择正确的颜色有利于营造正确的氛围，向用户传递正确的信息内容，使用户处于正确的精神状态，并正确引导他们采取预测的行动。比如设计师建立了一个自然或园艺花卉相关产品的用户页面，这个页面的主色调很可能是翠绿色和深蓝色。那种色彩应用会给用户建立商品或服务之间联系的感觉。

5。创造时尚外观和设计风格

明亮的颜色和颜色渐变在UI设计中起着最重要的作用。如今，你可以在不同种类的智能商品中看到大量时尚的设计风格，而严肃刻板的商业服务设计风格早已不见踪影。

用户页面中的亮色和渐变色可以给用户带来明显的现代科技感和神秘感。而且一般根据新的发展趋势设计的手机应用软件或者网站，通常看起来都很吸引人，虽然市场竞争激烈，但还是可以更好的。

二、在UI中应用艳丽颜色的缺陷

1。亮色很难搭配

对于这些只靠判断力和艺术美来搭配色彩的设计师来说，通常容易犯很多低级错误。如果你想写出一部令人满意的视觉效果书，那么关于如何运用和搭配色彩的基础知识是必不可少的。

UI中使用的颜色越亮，越难搭配。为了让用户感到更加满意和舒适，设计师们试图在UI设计中达到某种平衡。色彩的和谐是最吸引人的，也是用户对设计方案中色彩顺序认知最合理的。和谐的色彩构成有利于一个网站或应用软件的良好第一印象。色彩基础理论定义了几种基本的色彩搭配，供大家参考！

纯色，纯色是以一种颜色为基础，选择不同的颜色进行色彩构成。

相同的颜色，与色轮上相邻的颜色相匹配。

对比色(Contrastcolor)，是相对于彼此放置在色轮上的色彩构成方案，致力于创造色彩的高对比度。

拆分对比色，这种配色的原理类似于对比色，不同的是选择了大量的颜色。例如，如果您选择深蓝色，该颜色必须形成与相反颜色(橙色)相邻的另外两种颜色(浅黄色和亮红色)。

三色，基于色轮上相隔一定距离的三种不同颜色。专业人士建议用一种颜色为主色，另外两种颜色提亮。

两种颜色相辅相成，这种颜色搭配是由两对对比色组成的。如果这四种颜色在色轮上相连，就会产生一个矩形框。

2。失去商品的特性

粗体颜色是在UI中创建个性化和设计风格的特殊工具，但也可能是因为功能的褪色。在单一视觉效果的构图方法中应用许多绚丽的色彩，会导致失去页面特色的风险，因为它们会造成所有页面色彩的过度混乱。

这也是为什么建议设计师在使用色彩时，使用6:3:1的比例。大一点的部分应该是设计方案中的核心色，三分之一的部分是主次色，最少的部分用来帮助打造特色色。那个比例让用户慢慢认可所有的视觉效果元素，所以那个比例被认为是最好的。

3。亮色并不适合所有用户

用户科研是智能商品建立的关键环节之一。首先，设计师必须对整体目标受众进行界定和分析，从而把握他们对网站或应用软件的预期。其次，年龄、性别、文化等因素都有可能损害潜在用户的偏好。比如孩子普遍喜欢黄色；但当它们成年后，淡黄色看起来就没那么吸引人了。除此之外，女性和男性一般都喜欢冷色，比如深蓝色、翠绿色等颜色。但与女性不同的是，男性一般更喜欢无色的颜色，包括乳白色、灰黑色和深灰色。

亮色的使用也是一样，必须定义和分析整体的目标受众。即使是为游戏娱乐搭建UI设计，也必须考虑整体目标受众的细节。成年人一般更喜欢轻量级的用户页面，他们可能讨厌显示屏上的大胆颜色，因为这会让他们分心。

4。亮色在手机屏幕上很可能看起来太僵硬

如前所述，鲜艳的颜色可以做出明显的对比，有助于突出关键的用户页面元素，表现出理想的易读性和易读性。众所周知，应用过多的色彩对比可能会导致一些低级的不准确，尤其是在移动页面这样有限的室内空空间。

在那样的小显示屏上，自然的光源和明亮的字体风格会让用户感到眼睛酸痛。这也是为什么UI设计师在移动终端页面使用亮色时一定要注意谨慎的原因。只有有效地设置颜色中间的饱和度，才能让用户在手机上阅读文章文字时感到舒适。

色彩在设计师手中无疑是一把双刃剑，有利有弊。如果能合理利用，也能找到适合设计产品的色彩应用方案。

作者:阿丽娜·阿希波娃

全文地址:https://tubikstudio.com/bright-colors-in-ui-design-strong-weak-sides/