用户使用任何设备是否都能正常使用网页或者 APP 的功能，这就涉及到整个设计的响应性了。有的设计在高分辨率的显示器下看起来非常不错，在小屏幕上却显得捉襟见肘。这就涉及到配色方案本身的适应性和响应性了，有些配色可能在日常的使用或者某些状况下失去美感。配色本身会涉及到色彩、形状和内容的感知，所以在最终设计完成之前，要尽量多在不同的设备上进行测试。

　　环境

　　在目标用户确定的情况下，Web 和移动端的使用场景其实是可以预见到的。比如在自然光下，移动端设备上，深色背景很容易产生良好的反光效果，特别是在平板和手机上。而相反，在光线不好的环境下，深色的背景可读性并不好。色彩的组合，对比度和色调在不同的环境下会产生截然不同的效果，这一点值得注意。

　　配色方案的选取注意事项

　　考虑到上面的一系列因素，下面我将提供一个简短的步骤清单，帮你为网页和移动端设备挑选合理的配色方案。

　　明确界面设计的目标。确定界面的主要组成和核心的功能点之后，你才可以更加合理地选择配色方案。如果 UI 界面是文本驱动型的(博客、新闻、电子阅读器等)，浅色背景往往是更合理有效的选择。浅色的背景会使得整个屏幕显得宽敞而又大气，让用户更专注于其中的内容。另一方面，如果界面是视觉驱动型的，并且是以图片为主的话，使用深色背景搭配明亮的色彩，可能是更好的解决方案，因为这样会让图片等视觉内容更加突出，并且让整个布局显得更为时尚。

　　分析你的目标受众。通过界定和分析目标受众往往能够让设计师更清楚要先做什么后做什么。了解潜在用户，了解他们想从你的网站或者 APP 中获得什么，这样才能为可用、有用且有吸引力的界面奠定坚实的基础。中年人和老年人会更加喜欢浅色为主的配色方案，这样的界面对他们而言更加直观，也更加易于导航。年轻人更加喜欢原创和时尚的深色背景。青少年和儿童更喜欢明亮的背景色彩和有趣的细节。以目标受众为中心来设计，可以让设计决策更加明晰。

　　研究竞争对手。要记住一件事情，你的产品所面对的通常都不是蓝海，而是竞争激烈的红海。配色方案的选取将会直接影响到你的产品在竞争中看起来是否足够突出，会影响用户初次使用的时候，是否愿意与之互动。花费时间在探索已有的产品上，能够帮你节省时间和精力。

　　测试。基于用户群体、可用性、吸引力等不同因素对配色方案的大概方向确定之后，每个设计方案都应该在不同的分辨率，不同的屏幕以及不同条件下进行适当的测试。在产品投放市场之前，之前不间断的测试会揭示出配色方案的强弱，如果设计方案的效率低下，可能会给用户留下不好的第一印象。

　　妥协的解决方案

　　有时候，最终的解决方案并没有办法完全遵循计划中的方案，妥协往往是不可避免的。

　　深色界面，白色标签和文本

　　正如同我们在之前的设计趋势的文章当中所提到的，在深色系背景之下，使用白色的标签和区块来承载文本，这可以确保文本的可读性。在设计的时候，核心的信息文本会搭配一个浅色的区块背景，和深色背景隔离开来，这种处理方式实用且优雅。

　　将配色的权利交给用户

　　另外一种方法是让用户来选择配色方案，而我们在设计 Upper 这个应用的时候就是这么做的，这个待办事项应用当中，用户有选择配色方案的权利。一方面，这种方式对于用户更加友好，并且根据不同的可用性问题以及用户的审美偏好，提供个性化的方案。另一方面，设计师和开发人员需要额外的时间来创建更多可选的配色方案。