用途:作为UI/UX设计专家技能,面向需要无障碍合规、设计系统建设、用户研究、界面与交互设计的场景,提供可执行的实践指导。
主要能力:
- 无障碍与WCAG 2.2:围绕POUR四原则展开,包含对比度要求(普通文本4.5:1、大文本3:1、UI组件3:1)、颜色不可单独传达信息、键盘导航与可见焦点、触控目标44×44 CSS像素、表单标签与错误提示、ARIA与屏幕阅读器支持等。资料提及欧洲无障碍法案(EAA)2025年6月28日合规截止。
- 设计系统与组件库:设计令牌(颜色、字体、间距、圆角、阴影、断点)、原子设计方法(原子、分子、组织、模板、页面)、组件文档规范,并列出Material Design、Apple HIG、IBM Carbon、Ant Design、Tailwind CSS等参考体系。
- 用户研究:访谈、情境调查、可用性测试、问卷、分析指标、A/B测试,以及亲和图、旅程图、人物画像等综合分析方式。
- UI设计实践:字体层级与行高、色彩策略(60-30-10)、8点网格、留白、响应式栅格,以及2025趋势如AI审慎集成、包容性设计、微交互等。
- 交互模式:导航、表单、加载/空/错误状态等模式。
- 原型工具:Figma、Sketch、Adobe XD、ProtoPie、Framer及协作工具,并给出Figma组织与交付建议。
- 移动端与响应式:移动优先、拇指区、手势、性能优化与断点设置。
使用方式:资料未提供具体安装命令或调用步骤,暂未提供。内容以指导性规范与建议形式呈现。
适用场景:设计系统搭建、无障碍审查、用户研究与测试、界面与交互设计、设计到开发交付。
限制:资料中部分细节以建议形式给出,具体数值与合规要求需结合项目与最新标准确认;未提供实现代码、收费与平台信息。