SuperAPI AI 工具集

uiux-design-expert

设计与创作

查看项目

更新于 10-16 07:20

技能介绍

用途:该技能面向 UI/UX 设计工作,提供以用户为中心的设计指导,涵盖无障碍标准(WCAG 2.2)、设计系统、用户研究方法与 2025 设计趋势,目标是把可访问性、可维护性和一致性纳入设计流程。

主要能力:

  1. 无障碍与 WCAG 2.2:按 POUR 四原则给出对比度要求(正文 4.5:1、大字号 3:1、UI 组件 3:1)、键盘可达性、触控目标最小 44×44 CSS 像素、动效与闪烁控制、表单标签与错误提示、ARIA 与语义化 HTML、屏幕阅读器与测试工具(axe DevTools、WAVE、Lighthouse 等)。
  2. 设计系统与组件库:设计令牌(颜色、排版、间距、圆角、阴影、断点)、原子设计(原子/分子/组织/模板/页面)、组件文档与状态说明,并引用 Material Design、Apple HIG、IBM Carbon、Ant Design、Tailwind CSS 等参考体系。
  3. 用户研究:定性方法(用户访谈、情境调查、可用性测试)与定量方法(问卷、分析指标、A/B 测试),以及亲和图、旅程图、人物画像等综合方法。
  4. UI 设计与交互模式:层级排版、配色策略(60-30-10、无障碍优先配色)、8 点网格与响应式栅格、导航/表单/反馈模式、空状态与错误状态处理。
  5. 设计工具与移动端:Figma 等工具的文件组织、命名、设计令牌与开发交付;移动优先、断点与性能优化建议。

使用方式:把该技能用于设计评审、无障碍检查、设计系统搭建、研究方案制定和交互规范编写等设计任务中,按其中给出的标准与清单执行。资料未提供具体安装命令、调用方式或配置步骤。

适用场景:产品与界面设计、设计系统与组件库建设、无障碍合规审查、用户研究与测试规划、原型与交付协作。

限制:资料以设计指导原则为主,未提供具体价格、收费模式、平台支持范围、效果数据或实施步骤;相关数值与法规(如欧洲无障碍法案 2025 年 6 月 28 日截止日期)需以最新官方信息为准,实际应用时应结合所在地区的合规要求核实。