GUIDE深度 · Deep dive
从图片到配色的工作流
取色只是起点。先选 6 个主色,再筛到 3 个,检查文字对比度,最后在真实组件里试;不要直接把照片里的所有颜色都用上。
步骤
提取 6 色 → 选 1 主 1 辅 1 强调。
检查按钮/正文对比度。
在卡片、按钮、链接上试。
常见坑
颜色太多,页面花。
只在大屏好看,小屏文字看不清。
常见问题
需要几个颜色?
3 个主色 + 中性色通常够。
能用于品牌吗?
可以参考,但要做商标/对比度/印刷检查。
取色只是起点。先选 6 个主色,再筛到 3 个,检查文字对比度,最后在真实组件里试;不要直接把照片里的所有颜色都用上。
提取 6 色 → 选 1 主 1 辅 1 强调。
检查按钮/正文对比度。
在卡片、按钮、链接上试。
颜色太多,页面花。
只在大屏好看,小屏文字看不清。
3 个主色 + 中性色通常够。
可以参考,但要做商标/对比度/印刷检查。