1为网页设计快速生成协调的配色方案
- 1打开 Colormind 官网(http://colormind.io/),页面会自动生成一组随机配色方案。
- 2点击底部任意色块,从弹出的颜色选择器中调整该颜色,或点击色块下方的锁图标锁定不想改变的颜色。
- 3点击“Generate”按钮,Colormind 会基于锁定的颜色和深度神经网络生成新的协调配色方案。
- 4点击每个色块下方的十六进制色值即可复制,用于网页 CSS 或设计稿中。
2从一张图片中提取配色方案并让 AI 补全
- 1在 Colormind 官网点击左上角的“Image”标签,进入图片上传模式。
- 2上传一张本地图片,Colormind 会自动从图片中提取主要颜色并填充到色块中。
- 3锁定你希望保留的图片提取色,点击“Generate”让 AI 补全其余颜色,形成完整协调的配色方案。
- 4复制生成的色值,用于设计项目。
3为 UI 设计探索多种配色变体
- 1打开 Colormind 官网,在默认的“Generate”模式下,先锁定一个品牌主色或关键色。
- 2多次点击“Generate”按钮,每次都会生成包含该锁定色的不同配色方案。
- 3观察并记录喜欢的方案,点击色块复制色值。
- 4将选定的配色方案应用到 UI 设计工具(如 Figma、Sketch)中进行视觉测试。
