发布时间：2021-5-29 分类： 电商动态
在我们的日常生活中总会有无尽的选择和许多挑战。设计决策也是如此。正确的决定将受到许多不同因素，经验，知识，事实依据和其他人的建议的影响。在设计UI时，需要通过合理的决策来判断配色方案的选择。使用深色匹配或浅色匹配颜色更好吗？
影响配色方案的因素
正如我们所熟悉的，配色方案的最终确定受到许多因素的影响，不仅对用户而且对业务目标，市场条件和当前设计趋势都有影响。让我们简要回顾一下在这个问题上必须考虑的基本因素。
可读性和易读性
这两个概念都与文本内容的感知直接相关。可读性是指人们是否可以轻松阅读单词，短语和内容块的级别，而易读性是指用户能够快速轻松地识别特定字体中字母的度量。
在进行颜色匹配时应考虑这些因素，特别是涉及需要大量文本的界面时。配色方案对界面中文本的感知有效性具有至关重要的影响。在白色或浅色背景上，黑色文本看起来比黑色背景上的白色文本更明显更锐利。可读性差会直接导致用户体验变差，用户无法快速扫描数据，甚至在视觉上造成莫名的混乱，甚至导致用户错过关键信息。
这是否意味着浅色背景更具可读性？不必要。着名的UX设计大师Jacob Nielsen曾经提到过：“在文本和背景之间应该使用高对比度的颜色。白色背景（正面文本）上的黑色文本和黑色背景（负面文本）上的白色文本在对比度和易读性方面几乎相同，但后者与日常阅读习惯不一致。该计划将使人们阅读更慢。当文本比纯黑色更亮并且背景不是纯白色时，易读性将相应地变弱。 ”如果设计师对不同的颜色匹配和字体特征有足够的理解和探索，那么很多颜色方案都可以很好地阅读和阅读。
然而，20世纪80年代的一系列科学研究表明，对于大量的文本，浅色背景是更多用户的选择。为了研究广告背后的机制，D。Bauer和C.R. Cavonius在他们的文章《Improving the legibility of visual display units through contrast reversal》中分享了他们的发现。正如文章中提到的，与深色背景和浅色文本相比，他们发现参与调查的用户在白色背景深色文本上的读取率要高26％。
为什么会这样？来自Sensory Perception and Interaction Research Group的Jason Harrison解释了这一现象：双眼散光的用户（根据调查显示，约有50％的人会有这样的情况）将会更难以察觉黑白文本内容。当感知到屏幕的内容时，如果它是白色的黑色，则虹膜的更多部分将被关闭，并且镜头将相对较少变形。在黑色背景上为白色的情况下，将选择更多部分的光圈用于打开和关闭，这将增加光的吸收，并且镜头的变形将更大。相应的结果是眼睛更容易模糊失焦。因此，如果界面包含大量文本内容，则使用的浅色背景和深色文本将更加用户友好。
辅助功能
可访问性通常指的是网页或APP是否能够尽可能地满足更广泛的用户需求，允许常规用户和残疾用户顺利使用它。因此，“使用与否”取决于用户的需求和偏好，而不是用户的能力。配色方案对产品的可访问性几乎没有影响。在选择配色方案时，设计师需要考虑不同年龄，特殊需求和残疾用户的需求。这些用户还应该能够确定背景和布局元素的颜色选择。用户研究将为UX设计人员提供数据，使色彩方案更接近用户的实际需求。
锐度
清晰度用于定义屏幕或界面上所有核心细节的清晰度。在UI界面中，导航简单直观并且具有直接关系：用户是否可以快速扫描布局并查找关键信息区域和交互元素，用户是否需要花费大量精力来查找他们想要的信息。如果没有正确测试，信息和视觉层次结构可能会很混乱。对比度在这部分中起着非常重要的作用，颜色方案直接影响这部分的效果。为确保界面清晰且对比度良好，您可以使用“模糊效果”检查整个布局，以查看重要内容是否更加明显。
响应
无论用户是否可以使用任何设备正确使用网页或APP的功能，这都涉及整个设计的响应性。有些设计在高分辨率显示器上看起来很棒，但它们在小屏幕上拉伸。这涉及配色方案本身的适应性和响应性，并且一些配色方案可能在日常使用或在某些条件下失去美感。颜色匹配本身涉及颜色，形状和内容的感知，因此在最终设计完成之前尝试在尽可能多的不同设备上进行测试。
环境
当目标用户确定它时，实际上预见到Web和移动的使用场景。例如，在自然光下，在移动设备上，深色背景可以很容易地产生良好的反射，尤其是在平板电脑和移动电话上。相反，在光线不足的情况下，暗背景不易读取。值得注意的是，颜色，对比度和色调的组合在不同环境中可以具有非常不同的效果。
选择配色方案的注意事项
考虑到上述一系列因素，我将提供一个简短的步骤列表，以帮助您为网页和移动设备选择合理的配色方案。
确定界面设计的目标。确定界面的主要组件和核心功能点后，您可以选择更合适的配色方案。如果UI界面是文本驱动的（博客，新闻，电子阅读器等），浅色背景通常是更合理有效的选择。浅色背景将使整个屏幕看起来宽敞和大气，允许用户专注于内容。另一方面，如果界面是视觉驱动的并且基于图像，使用具有鲜艳颜色的深色背景可能是更好的解决方案，因为它将使诸如图像的视觉内容更加突出并且让整个布局更加时尚。
分析您的目标受众。通过定义和分析目标受众，通常可以让设计师更多地了解首先要做什么，然后做什么。了解潜在用户以及他们希望从您的代购源码网站或APP获得的内容，从而为有用，有用和引人入胜的界面奠定坚实的基础。中老年人更喜欢浅色配色方案，更直观，更易于导航。年轻人更喜欢原始而时尚的深色背景。青少年和儿童喜欢明亮的背景颜色和有趣的细节。以目标受众为中心设计，可以使设计决策更加清晰。
研究竞争者。要记住的一件事是，你的产品通常不是面向蓝色的海洋，而是面对激烈竞争的红海。颜色方案的选择将直接影响您的产品在竞争中是否足够突出，并将影响用户是否愿意在首次使用时与其进行互动。花时间探索现有产品可以节省您的时间和精力。
测试。在基于诸如用户组，可用性和吸引力的不同因素确定颜色方案的近似方向之后，应当在不同分辨率，不同屏幕和不同条件下适当地测试每个设计方案。在产品投放市场之前，之前的不间断测试将揭示配色方案的强度。如果设计效率低下，可能会给用户留下不好的第一印象。
妥协解决方案
有时，最终的解决方案并不完全遵循计划的计划，妥协通常是不可避免的。
黑暗界面，白色标签和文字
正如我们之前关于设计趋势的文章中所提到的，在黑暗的背景下，白色标签和块用于携带文本，这确保了文本的可读性。在设计时，核心信息文本与浅色块背景配对并与深色背景隔离。这种治疗方法实用而优雅。
赋予用户彩色权
另一种方法是让用户选择我们在设计Upper应用程序时所做的配色方案。在此待办事项应用程序中，用户有权选择颜色方案。一方面，这种方法更加用户友好，并根据不同的可用性问题和用户的审美偏好提供个性化解决方案。另一方面，设计人员和开发人员需要额外的时间来创建更多可选的配色方案。
