# 💡Summary > [!Info] > 一句话说清楚 > # 🧩 Cues # 🪪Notes 1.3 设计理论体系 * 色彩理论 * 色彩心理学：不同颜色传达的情感和品牌调性 * 配色方法：单色、互补色、三角配色、$60-30-10$法则 * 色彩对比度：WCAG标准、可访问性设计 * 实用工具：Coolors、Adobe Color、ColorHunt * 排版设计 * [[字体设计]]选择：衬线体 vs 无衬线体、中英文搭配 * 字体层级：标题、正文、注释的尺寸比例 * 行高行距：$1.5-1.8$倍行高确保可读性 * 推荐字体：思源黑体、苹方、Inter、SF Pro * 布局与栅格 * 栅格系统：$8$pt 网格、$12$列布局、响应式断点 * 留白原则：呼吸感、视觉层次、内容聚焦 * 对齐方式：左对齐为主、居中慎用、右对齐特殊场景 * 设计系统 * 设计系统是进阶必备技能，包括组件库、设计规范、文档。 * 学习资源：Material Design、Apple HIG、Ant Design * 核心要素：原子设计、组件分类、Token 系统