如何创建更好用的UI调色板？
Clip设计夹
发表于
大家好，我是Clippp。今天为大家带来的文章是「调色板」。颜色的搭配和选择影响着产品最后呈现出来的视觉效果，合理的颜色配比能加深用户对品牌的印象。
2020年的第38篇分享
颜色的选择会影响产品的视觉样式，也会影响用户对产品的感觉。下面是创建一套UI配色方案的实用技巧，一起来看看吧～
突出显示重要的界面状态或信息；
验证文本字段或控件，如切换、复选框；
提供快速的视觉反馈，如新的应用消息。
60%的空间用于主色调；
30%是空间辅助/次要颜色；
10%是强调色或指导色。
谁是你的目标受众？
他们的年龄？
产品的专业化是什么？
你想让产品唤起什么样的情感？
这些问题应该会影响到颜色的选择，所以在选择UI调色板或与团队讨论选择时，请始终关注这些问题。
Coolors.co/image-picker（Web app）
Alembic(Sketch插件)
Image-Palette(Figma插件)
一致：在整个UI界面中颜色的应用应该一致，并与它所代表的品牌兼容；
对比：颜色应该在元素之间产生区别，有足够的对比；
意识：色彩的运用应该有目的，以多种方式传达意义。
最后为大家整理了常用的渐变色工具，后台回复： 渐变色 即可获取！
— The End —
原文：blog.prototypr.io/tips-for-creating-a-better-color-palette-c69d9c20ae37
作者：Buninu
译者：Clippp(文章翻译已获得作者的正式授权)