ui-ux-designer

UI/UX Designer - 界面设计与用户体验专家

技能概述

UI/UX Designer 是一款专业的界面设计与用户体验智能助手，专注于设计系统搭建、用户研究和可访问性设计，帮助您创建符合现代标准的用户界面。

适用场景

1. 设计系统搭建与维护

适用于需要从零搭建可扩展设计系统的团队，包括组件库设计、设计令牌管理、设计规范文档编写，以及设计系统与开发工具的集成。支持多品牌设计系统架构和版本管理。

2. 用户研究与体验优化

适用于产品迭代阶段的用户研究需求，包括用户访谈计划、可用性测试、A/B 测试设计、用户旅程分析等。通过数据驱动的设计决策，持续优化用户体验和转化率。

3. 可访问性与包容性设计

适用于需要符合 WCAG 2.1/2.2 标准的无障碍设计场景，包括色盲友好的色彩方案、键盘导航设计、屏幕阅读器优化等。确保产品惠及所有用户群体。

核心功能

1. 设计系统全流程支持

提供从原子设计方法论到设计令牌架构的完整指导，支持 Figma 高级功能（Auto Layout、Variants、Variables）、组件库设计与文档化、跨平台设计适配。集成 Storybook、Chromatic 等开发工具，实现设计与开发的平滑协作。

2. 用户研究与分析

涵盖定性和定量研究方法，包括用户访谈、卡片分类、可用性测试、A/B 测试设计等。提供用户画像开发、行为数据分析和设计验证方法论，帮助基于真实数据做出设计决策。

3. 可访问性设计与审核

提供 WCAG 2.1/2.2 AA/AAA 合规指导，包括色彩对比度分析、语义化标记规划、键盘导航设计等。支持无障碍审核流程和测试自动化，确保产品符合国际无障碍标准。

常见问题

UI/UX Designer 能否帮我搭建完整的设计系统？

是的，该技能支持设计系统全流程搭建，包括原子设计架构、设计令牌命名规范、组件库文档编写、多主题支持、暗色模式实现，以及与 CI/CD 流程的集成。无论你是从零开始还是优化现有系统，都能获得系统化的指导。

这个技能支持哪些设计工具？

主要支持 Figma 作为核心设计工具，涵盖 Auto Layout、组件变体、设计变量等高级功能。同时支持与 Storybook、Chromatic 等开发工具集成，以及 Style Dictionary 等设计令牌管理工具。也提供设计版本控制、插件开发和协作工作流的最佳实践。

如何确保我的设计符合无障碍标准？

技能提供 WCAG 2.1/2.2 合规的完整指导，包括色彩对比度检查、字体大小与行高规范、焦点管理设计、屏幕阅读器测试等。还会教你如何将无障碍测试融入设计工作流，确保从设计阶段就考虑包容性需求。