visual-emphasis-and-hierarchy - 设计UI视觉层级以提升用户体验
通过尺寸、颜色、字重和位置建立UI设计中的清晰视觉层级
标签
更新于: 2026-06-30能力
典型输入
典型输出
该技能可以做什么
- 创建层级阶梯
- 设计按钮组
- 应用尺寸强调
- 使用颜色强调
- 应用留白
- 调整字重
- 创建文字阴影
- 定位元素
- 区分动作
- 设置光标指针
输入
- 品牌颜色
- 产品图片
- 仪表板数据
- 页面内容
- 表单字段
- 操作按钮
输出
- 层级按钮组
- 视觉强调内容
- 定位元素
- 样式化文字
- 图像上的文字叠加
- 交互元素的指针光标
要求
- CSS支持
- 设计系统访问