CHAPTERS
课程章节目录
七个章节从原子到系统,带你搭出真正可复用的组件库资产。
01
为什么需要组件库
从"重复造轮子"的痛点出发,理解组件库在一致性、效率、协作上的价值,明确搭建目标。
02
组件分层:原子、分子、模板
用原子设计思想给组件分层,从最小元素到页面模板逐级组合,建立清晰的组件组织结构。
03
按钮与表单组件规范
按钮的类型、尺寸、状态规范,输入框、选择器、开关等表单组件的统一定义与交互细节。
04
卡片、列表、表格组件
信息展示类组件的规范设计:卡片的结构与留白、列表的密度、表格的对齐与可读性。
05
导航与弹层组件
顶部导航、面包屑、分页等导航组件,以及弹窗、抽屉、下拉等弹层组件的设计与触发规范。
06
组件文档与版本管理
给每个组件写清楚用法、属性、状态说明,并用版本号管理迭代,让组件库真正可维护可协作。
07
组件库到设计系统的演进
组件库 + 设计令牌 + 规范文档 = 设计系统。学习如何把组件库升级为驱动全局一致的设计系统。