授权 | 版式设计很简单（ID：format_design）配色是设计中至关重要的一环，在配色方案中，色彩的数量并不是越多越好。每添加一种色彩，就会增加配色难度。如果对颜色把控不好，不仅影响用户的体验和画面的美观感，还可能降低信息传达的效果。
所以，为了能快速掌握配色技巧，我们可以控制色相的数量来进行搭配。在一个页面中，色相的数量应控制在三种以内，例如单色配色、双色配色或三色配色。
\ 单色配色 /
单色配色是指在一个页面中，使用一种色相进行搭配设计，这种配色方式能够让页面形成统一协调的效果，避免色相上的差异。因此，单色配色能够轻松实现整体色彩的平衡，是一种简单而实用的配色方案。◉ 单色配色并不意味着单调：
▲ 在许多设计项目中，单色搭配能展现出强烈的画面表现力，与多色搭配相比毫不逊色。对于初学设计师而言，单色搭配的运用能更轻松地掌控画面色彩的协调效果。◉ 通过“渐变”，呈现单色的多变性：
▲ 为了避免单色配色的单调感，可以通过渐变来表现它的多变性。如上图所示，在渐变色带上添加两个均为绿色的色标（#bfff00），再调整其中一个色标的不透明度为0。那么，渐变能够为设计带来不一样的视觉感受，有助于提升层次和空间感，打造视觉焦点。
◉ 通过改变“饱和度和明度”
如果想让单色配色在设计中呈现更丰富的视觉感，在确定色相（H）之后，再通过调整饱和度/纯度（S）和亮度/明度（B），打造一组更富个性和时尚感的配色方案，这种颜色搭配也可以被称为不同深浅变化的同色系配色。▲ 采用这种方法可以创建出同一色相下的多种配色方案，在保持单色的基调同时，也能实现足够丰富的色彩层。
⑵
![]()
双色配色是指在一个页面中，使用两种色相进行搭配设计。这两种色相可以根据类似色、互补色、对比色等色彩关系进行组合。双色搭配赋予设计更强烈的视觉吸引力，使色彩层次更加丰富有趣。▲ 以上海报虽然只使用了双色配色，但通过色彩关系能够建立各式各样的配色组合。此外，不论是单色还是双色配色，我们都可以通过调整颜色的明度或纯度来增添色彩的丰富度。
◉ 巧妙运用“渐变”，呈现双色的多变性：
▲ 如以上的画面为例，使用Ps中的“渐变映射”工具，将图片调整为双色调效果。双色调是设计师常用的调色方案之一，它能够迅速提升画面的艺术感和独特风格，也是创作中常用的手法之一。
⑶
三色配色是指在一个页面中，使用三种色相进行搭配设计。三色配色比前述的单色和双色配色更加多样，在视觉上是有很大的配色张力效果。而三种色相的搭配可以通过三角配色、相邻三色、分裂互补配色、三分色等色彩关系来创建组合。在RGB色相环上，以某一色相为基准，与其他两色形成一个等边三角形的三色组合。如三原色组合（红色、绿色、蓝色），间色组合（青色、黄色、品红），复色组合（橙色、青绿、紫色）。
在RGB色相环上，以某一色相为基准，在它的左右两边相邻的色相（相隔60°左右）所形成的色彩关系。相邻三色能柔和过渡差异大的色相，使版面色彩达到和谐统一，又显得丰富。在RGB色相环上，以某一色相为基准，在它的互补色上，分裂出左右两边相邻的色相所形成的色彩关系。如红色的互补色为青色，在青色左右两边的为靛色和青绿色。那么红色、靛色、青绿色为分裂互补色。
所以，对于初学者设计师来说，简化色彩层能更容易实现整体色彩平衡。因此，采用较少的颜色有助于更好地掌控画面。当你能轻松掌握单色和双色的配色技巧，再增加三色或多色的搭配，逐渐提高对色彩的审美能力。好啦，今天的内容分享到这里啦，如果对你有帮助，记得给我点个赞赞哦～欢迎加入设计圈交流群，加群 (fxhd99)，合作 (fxhd99)与13w+设计师共同探讨行业资讯，获得更多设计素材。![]()
2.下方扫描二维码添加小编个人微信，备注：3D图源 ，小编会将下载地址发给你（小编不是机器人，回复会慢一些，大家稍等![]()
）。![]()
已有小编微信的，无需重复添加
提前加好友，朋友圈每日放送更多有价值的设计资源
设计圈交流群：仅对星标“设计圈”公众号的用户开放。
