第9课：配色方案
进度 0/30
🌈
配色方案
好配色让APP自带高级感
📖知识引入
🎨主色定气质
每个APP都有一个主角色：微信绿、淘宝橙、银行APP的蓝。主色用在按钮、图标、重点文字上，一眼就认出「这是它家」。
📊60-30-10法则
配色黄金比例：60%背景色（浅色为主）、30%辅助色、10%主色点缀。主色像辣椒面——提味就好，撒多了呛人。
🌗对比度要够
白底黄字、浅灰底浅灰字都是灾难。深色文字配浅背景，对比够强才看得清——这是「无障碍」设计的基本要求。
😊颜色有情绪
红色急迫热情（警告、抢购）、蓝色冷静可靠（银行、工具）、绿色自然健康（运动、饮食）、紫色浪漫神秘——选色先想情绪。
🤖AI一键配色
不确定配色？把界面截图丢给AI：「帮我把这个界面配成清爽的夏日风」。AI能给出成套色卡，还能解释为什么这样搭。
💡
配色不是越多越好：一两个主色+黑白灰，就能很高级！
🔍配色急救前后对比
一个打卡APP的配色改造：
❌ 改造前（花花绿绿）： 背景：亮黄色 按钮：大红 文字：紫色、绿色、蓝色都有 → 眼睛不知道往哪看 😵
✅ 改造后（清爽高级）：
背景：米白色（60%）
卡片：白色+浅灰阴影（30%）
主色：薄荷绿，只用在
按钮和打卡图标上（10%）
文字：深灰色
→ 重点突出，气质拉满 ✨小练习： 打开你的手机相册APP， 找出它的主色是什么， 再数数它一共用了几种颜色， 答案大概率是：不超过3种！
🎯小测验
第1题：「60-30-10法则」中的10%一般留给什么？
第2题：一个银行APP通常选什么颜色做主色？
第3题：浅灰色背景上放浅灰色文字的问题是什么？
📝本课知识点
- ✓主色定气质，用在关键位置
- ✓60-30-10配色黄金比例
- ✓对比度够强才看得清
- ✓颜色自带情绪，先想再选
- ✓配色拿不准，AI帮你出方案
第9课完成！继续探索下一课吧 🚀