新手必看：UI 设计师在工作中如何配色

1 Coolorsco

Coolorsco是挑选颜色的好工具。只需锁定所选颜色并按空格即可生成调色板，还提供了锁定部分色卡再次生成颜色的功能。包括HEX、HSB、RGB、CMYK等四种色彩模式。

2Mockplus

Mockplus是一款非常方便的UI / UX设计工具，其启动页面加入了配色精美的示例项目和模板，可直接导入桌面客户端。其编辑器中，可对组件进行多样的色彩设置和编辑，内部也包含完整的颜色选择器，支持导入和GIF，如果您是要在原型设计过程中产出精美的UI 界面，Mockplus能满足您的需求。

3Paletton

Paletton有点类似于Kuler，但又不仅限于5个色调。当您已经拥有原色并想要使用其他色调时，Paletton将会是您很好的选择，它可以创建协同色彩组合工作，是强大的UI调色板。

4Check my Color

Check my Color是一款可以用于检查所有DOM元素的前景和背景颜色组合的工具，也是一款能够检查不同网页自己的颜色亮度和对比度差异的工具。

5Chinaz

该网站提供了丰富的配色资源，包括在线调色板，网页常用色彩，web安全色以及网页颜色选择器，会使您UI 配色的一个很好的帮助。建议对色彩运用比较初级的设计师可以做一个参考。

以上就是青藤小编关于UI 设计配色的工具的相关分享，希望对大家有所帮助，如果您想要了解更多相关内容，欢迎大家及时在本平台进行查看哦!

字体不是越多越好，也不是越个性越有设计感，尽量选择简单的字体，即便是简单的放大或加粗也能很好突出主题。

02、稍加英文，稍装逼格

在做设计时，我建议大家可以稍微添加英文元素，毕竟现在都与国际接轨。而且英文与中文的字体结构也不一样，在设计中确实有不一样的视觉效果。

03、适当添加线条，提高精致感

线具有装饰感，适当的点缀线条就能提升整体画面的层次感，即使添加细细的长线或短线，也会带来版面的精致感。

04、颜色不选多，纯色更高档

配色难不妨大面积使用纯色，纯色更容易把握、更容易达到效果，当然也不要出现五彩斑斓的场景。

05、经典配色，黑白灰

黑白灰在配色上显得很安全，也不容易出差错，这种配色非常简洁大气给人一种高档神秘、沉稳大方的感觉。

即便整个画面背景只有黑色，但是通过大面积的留白，档次“咚咚咚”就上去了，很多设计师都热衷于这种配色。

06、少用烂图，多用好图

多采用高质量的，其实已经很显格调了，是否高质量，一般从清晰度、构图、光线等方面去看，当然还有后期的处理。

07、格调感，少不了留白

多做减法，去掉没有实际意义的元素，利用“空”的区域突显主体，体现“白”的高大上档次。

08、除了设计，还有工艺和材质

对于做书籍、包装、宣传物料等设计来说，善用工艺和材质可以让你的设计发挥到极致，能快速地提升成品的质感，甚至还能弥补设计上的不足。