分享UI设计实用又简单的配色技巧
新闻来源：优漫教育
日期：2021-07-14
对大多数UI设计而言，一半以上的UI设计培训班工作都与黑白灰度处理相关。UI接口的优劣也常常取决于此。
一、布局。
利用平面和平面来区分各部件之间的差异，通常会找到一个跟背景色相差无几、稍深或浅的颜色。这种色彩的唯一作用就是告诉人们这两个区域是不一样的。为避免抢走人们过多的注意力，通常在白色背景上使用很浅的灰度。
在较暗的背景下，使用的灰度会比背景景色略浅或稍深。
二、分级。
用户界面文字的层次性，除了使用字元和空格来表达外，最常用的一种是通过颜色的对比。这个反差与上面所遵循的布局原则是完全相反的。以上颜色对比就是越小越好。但字的层次关系中颜色的差异越大则层次关系越清晰。此外，它们都需要与背景有较高的对比，否则会影响文本阅读。
在Medium中，文本颜色的关系可以看出，在白色背景和黑色背景下，文本之间有着清晰的层次关系。
三、配色。
黑白灰基本上能与任何颜色和谐共处。大多数UI配色是黑白灰+主色调+辅助色。只有Medium这种没有颜色倾向的黑白灰。也有一种颜色，在黑白灰的基础上加了一点颜色，比如twitter，主色调是蓝色，不管是背景还是文字，实际上都是非常低饱和度的蓝色。除与主调相同的颜色外，背景上的色彩也可能是主调的对比色。主色调为橙红色，背景则为蓝色灰色。这样细微的色彩对比也可以形成和谐的视觉关系。
本期UI设计培训班的UI知识分享就先为大家介绍到这里了，如果想要制作一个更好的UI作品，需要不断的学习和积累，如果学习中遇到了问题或者想要系统学习UI设计，欢迎报名参加新视觉实训的UI设计课程。
