SuperAPI AI 工具集

UI/UX Design

设计与创作

查看项目

更新于 10-16 05:07

技能介绍

用途:在用户询问 UI 设计、UX 设计、用户界面、用户体验、线框图、原型图、设计模式等问题时,提供界面与体验设计决策的指导。

主要能力:

  1. 核心原则:视觉层级(尺寸、颜色、间距、位置)、一致性(4/8/16/24/32/48px 间距尺度、组件模式、平台规范)、反馈(即时按压态、进度指示、完成提示)。
  2. 布局模式:卡片布局(集合、商品、文章)、列表布局(设置、导航、数据表)、仪表盘布局(指标、主图表、表格与动态)。
  3. 组件设计:按钮分主/次/三级或幽灵/破坏性;表单标签置于输入框上方、行内校验、分组字段、标注可选字段、友好错误提示;导航含顶部、侧边、底部(移动端 3-5 项)与面包屑。
  4. 响应式:移动优先,断点 640px、1024px、1280px;适配策略为堆叠、隐藏、缩放、重排。
  5. 颜色:语义色(蓝主操作、绿成功、黄橙警告、红错误、灰中性禁用);对比度要求正文 4.5:1、大文本 3:1、交互元素 3:1(WCAG AA)。
  6. 字体:字号尺度从 12px 到 36px;行高标题 1.2-1.3、正文 1.5-1.6、UI 元素 1.0-1.25。
  7. UX 模式:空状态、加载状态(骨架屏优于转圈)、错误处理(说明原因、给出修复与恢复操作、不指责用户)。
  8. 设计检查清单:层级、间距对齐、响应式、对比度、交互状态、错误信息、加载反馈、空状态。

使用方式:作为设计决策参考,在讨论界面方案时按上述原则与模式给出建议。资料未提供具体安装命令或调用方式。

适用场景:产品界面设计评审、组件与布局选型、响应式与无障碍检查、UX 状态设计。

限制:资料为设计指导性内容,未提供具体工具集成、代码实现或平台支持信息;实际项目需结合具体平台规范与用户测试。