📊 昨日数据
📋 今日建议
建议复习「设计系统基础」,你在交互原则方面还需加强
今日还有 2 个任务未完成
小星已为你生成3月15日学习复盘,点击查看
发现「Figma 进阶技巧」课程,与你的学习方向匹配
设计系统(Design System)是一组可复用的组件和标准的集合,用于构建大量产品。
核心要素:
1. 设计原则 — 指导设计的价值观和理念
2. 组件库 — 可复用的 UI 组件
3. 设计规范 — 颜色、字体、间距等标准
4. 图标系统 — 统一的图标风格
设计原则:
• 一致性 — 保持界面统一
• 可用性 — 用户能轻松使用
• 可访问性 — 所有用户都能使用
• 响应式 — 适配不同设备
本节重点:设计系统包含设计原则、组件库、设计规范和图标系统四大核心要素。其中设计原则是最重要的基础,一致性原则贯穿始终。
设计系统是一套完整的 UI 设计标准和组件库,由设计原则、颜色体系、字体规范、间距系统、组件库和图标系统组成。
设计原则是设计系统的核心指导方针,常见的包括:一致性、可用性、可访问性、反馈性等。
颜色体系定义了品牌色、功能色、中性色的使用规范,确保颜色的一致性和可访问性。
组件库包含了按钮、输入框、卡片等可复用的 UI 组件,每个组件都有明确的设计规范和使用指南。
本文介绍了设计系统的四大核心组成部分。重点掌握设计原则中的"一致性"原则,这是设计系统最基础也是最重要的概念。