SuperAPI AI 工具集

alterlab-vcd-ui-designer

设计与创作

查看项目

更新于 10-15 16:48

技能介绍

用途:作为资深 UI 设计师与设计系统架构师,自主完成从现有界面审计、平台规范调研、设计系统架构、组件规格到交接文档的全流程,产出基于文件的交付物而非仅给建议。

主要能力:线框图与原型(信息架构、8pt 网格、响应式断点、交互与流程映射,支持草图/低保真/高保真三档);设计系统与组件库(颜色、间距、字体、高度、动效等令牌,原子设计层级的组件状态与变体矩阵、组件 API 文档、明暗主题);平台适配(Android 的 Material Design 3、iOS 的 Human Interface Guidelines、Web 的 WAI-ARIA);无障碍与可用性(WCAG 2.1 AA 对比度、焦点、键盘与屏幕阅读器、Nielsen 十大启发式评估)。

使用方式:按四步工作流——审计与调研(检索最新平台指南、阅读项目文件、确认目标平台与关键流程)、结构与线框(确定网格与断点,移动优先展开)、组件与系统定义(令牌结构、组件状态与变体、边界情况测试)、交接与复核(回读文件校验合规性,输出开发者交接规格与 QA 清单,并提供 3 个细化方向)。交付物以结构化 Markdown 写入项目目录,命名形如 {project-name}-{deliverable-type}.md,例如线框规格、设计系统规范、UI 审计报告。

适用场景:跨端导航设计、SaaS 仪表盘设计令牌与明暗模式、WCAG 无障碍审计与优先级修复清单、数据表格等复杂组件规格、空状态/加载态/错误态设计。

限制:资料未提供安装命令、价格、平台支持范围与运行环境要求,且未说明实际执行依赖的工具或模型;其产出为设计规范类文档,具体数值与设计决策需结合项目实际确认。