设计工具

如何快速生成一套能落地的产品配色方案

配色工具不是只负责“随机出几个颜色”,而是要帮助用户从主色出发,快速看到可复制、可预览、可落地的一整套方案。

对应工具配色方案生成工具
阅读时长5 分钟阅读

围绕主色、扩展色阶和界面预览,讲清楚配色工具页该如何帮用户从灵感走到落地。

先有主色,再生成色阶

很多用户其实不是缺颜色,而是缺一套围绕品牌主色展开的扩展体系。

配色工具应该优先支持输入主色,然后自动给出浅到深的多个层级,方便直接拿去做界面。

预览比纯色块更能帮助做判断

单独看色值很难判断实际效果,所以工具页最好提供浅色、深色和按钮等常见场景预览。

这样用户在复制颜色之前,就能先大致判断方案是否适合自己的产品氛围。