前言：色彩是设计中最具表现力和感染力的因素，也是影响用户最简单和最重要的一个因素。作为一个设计师，你有没有常常因为配色问题头疼，色感不准，配色方案迟迟不能确定，影响设计效率，配色水平也难以提升，其实色彩搭配看似复杂,但并不神秘。看完今天关于色彩原理和应用指南的讲解，你就明白了。

1. 色彩基础知识：什么是色彩及色彩的各种属性
2. 色彩心理学：不同颜色的性格和对人们的影响
3. 色彩对用户体验的影响：了解你的用户群体规避设计陷阱
4. 色彩在UI设计中的应用：色彩运用技巧和迷人的渐变色
5. 如何创建调色板：创建调色板的方法
6. 站点推荐及色彩空间配置：一些配色网站推荐和关于电脑色彩管理

研究表明，人们只需90秒就能对一种产品做出下意识的判断，而其中高达60%以上的判断仅基于颜色。因此，选择合适的颜色对于改进产品的转换率和提高产品的可用性是非常有用的。在没有文字的场景中，颜色的搭配非常重要。如何配色可以使设计感更强，如何配色更好看，哪些配色不好看，解决这些问题就需要学习色彩理论。

我们身处在一个多彩的世界中，物体的不同颜色，会让我们产生不同的情绪。色彩，即光从物体反射到人的眼镜所引起的一种视觉心里感受，按字面含义上理解可分为色和彩。所谓色是指人对进入眼睛的光传至大脑时所产生的感觉，彩则指多色的意思，是人对光变化的理解。色彩的基本理论虽然老生常谈，但在UI设计中具体怎么运用，还有关于色彩的性格和含义，都是我们需要了解的。因此在学习UI配色之前我们先来了解色彩的基础知识。

Adobe Color 通过拖拽色轮或输入自定义色值，可以创造出基于相似、互补、三原色、正方形等不同色彩规则的配色方案。除此之外，还支持 CMYK、RGB、HSV 多种色彩模式的配色调整。用法很简单，点击颜色块上的小三角确定基础色，就会自动生成5个基于你所选色彩规则的配色方案，拖动下方的颜色条时相应的也会改变配色方案。如果没有灵感可以通过顶部导航进入“探索”页，这里为我们提供了很多提取好的颜色和图片，这里的图片很丰富，有的是摄影作品，有的是设计作品，上方的轮播图提供的一些格外的内容，比如潘通流行色、Adobe 社区、Adobe 手机端的 APP

Paletton是一个在线面色调色网站，选择一个颜色后，即可在上方查看4种不同的配色模式。网站还提供配色方案调整，网页演示效果等。

Grabient 一个非常漂亮且实用的渐变网站，支持 CSS 样式代码复制、360度渐变旋转、自由增加或删除渐变颜色等功能。设计师可以在色块下方自由添加和调整渐变的色系、以及线性渐变方向。

Picular 是一款基于谷歌图像搜索的色彩生成器，只需输入描述词，就能快速生成配色方案。点击图钉可创建自己的颜色版。

Eva Design System 是一个基于深度学习算法的配色网站。适用于给我们的产品或品牌生成一个系统的配色方案。右上角可以切换浅色模式和深色模式的对比。

当然，以上这些配色工具只是为我们提供方便的，而不是主导我们的，所以在使用配色工具的时候最好是要有一定的理论基础作为支撑，让你的配色有理有据，切忌生搬硬套。对于新手设计师来说，颜色越少越容易把控画面。色彩层级越精简，就越容易达到整体色彩平衡，掌握好色彩的功能划分必然会让你的配色过程保持思路清晰从而提高效率。

6.2关于色彩空间配置

建议设计软件使用 sRGB 作为色彩空间的默认配置，而不要采用未管理（ Sketch 中默认是未管理/非托管 ），若团队协作请提前保持色彩空间配置的统一性。如果有需要针对广色域色彩空间做项目，可以单独设置该项目文档的色彩空间为 Display P3 或者 Adobe RGB。

Mac系统色彩空间配置

建议所有 macOS 用户都在系统偏好设定的显示器颜色设定当中换用 sRGB IEC 这个校色方案，可以极大改善系统显示效能。如果有外接显示器，也建议使用外接的默认选项，默认选项一般可以发挥出该显示器的最大色彩性能。

因为Sketch目前还是UI设计师的主力软件，在此就说下怎么更改Sketch色彩空间配置。Sketch默认颜色配置是「非托管」， 我们可以在「偏好设置」中为 Sketch 指定默认的色彩空间配置，如此一来每次新建设计文档将会默认采用我们的设置作为默认的色彩空间，不用每次新建文档都单独设置一次。

如果要更改已有的文档为sRGB色彩配置，可以通过文件——更改颜色配置，在弹出的对话窗里对文件进行色彩空间的更改即可。

你有没有认真看完全文呢，这是一篇非常全面的关于色彩原理和使用方法的文章。尤其是对于色彩小白，看完文章的你有没有对色彩有一个全新深刻的认识呢？希望所有设计师色彩搭配不迷茫，每个都能成为配色大神。