visual-design-foundations - UI系统视觉设计基础
应用字体排印、色彩理论、间距系统和图标设计原则创建一致的视觉设计
标签
更新于: 2026-03-23能力
典型输入
典型输出
该技能可以做什么
- 建立设计令牌
- 创建间距系统
- 选择字体
- 构建色板
- 设计图标
- 改善视觉层次
- 审核设计
- 实现深色模式
- 配置字体比例
- 定义间距令牌
- 创建颜色令牌
- 设置图标尺寸
输入
- 品牌色彩
- 字体文件
- 设计约束
输出
- 设计令牌
- 样式指南
- CSS配置
- 色板
- 间距比例
- 字体比例
- 图标系统
要求
- CSS知识
- 设计系统理解
- WCAG熟悉度