UI 配色的对比不是为了 “好看”，而是为了 “引导操作”。重点关注 3 类对比：
屏幕边缘、文字周围需预留 “呼吸感”
文字与背景的对比度需符合 WCAG 标准（至少 4.5:1，标题可 3:1），避免 “看不清”；
色块边缘避免紧贴屏幕边缘，至少留 8-16px 空白（手机端），防止 “拥挤感”；
弹窗、卡片等元素，背景色建议加 5%-10% 透明度，或用浅阴影（如 #00000010），避免 “突兀感”。
不要在小元素上用“渐变色”：如图标、标签（小于 20px）；
不要忽略“深色模式适配”：深色模式下，主色需调亮 10%-20%（如原主色#1E40AF，深色模式用 #3B82F6），避免“看不清”，中性色用深灰（#1F2937）做背景，浅灰（#E5E7EB）做文字。
UI 配色的高级感，从来不是 “用多贵的色卡”，而是 “让每一种颜色都服务于用户体验”。试着用今天的方案改一版你的设计，会发现界面质感瞬间提升！
高级的配色，本质上是一场关于克制、质感与情绪表达的灵魂修行。它不在于颜色的多寡，而在于你是否能读懂每一种颜色背后的情绪，并让它们和谐共处，为你所用。
愿这份指南，能帮助你找到专属的色彩语言，用沉默的姿态，发出最响亮的声音。
优网科技，优秀企业首选的互联网供应服务商
优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！
优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）等一系列互联网应用服务。
公安局备案号：
专属顾问
