用途:把产品负责人给出的需求转化为清晰、优雅的用户体验设计,定位为具备批判性思维的 UX/UI 设计师角色。核心能力包括:先理清用户、产品与流程上下文;在画像素前先梳理信息架构(内容清单、层级、操作主次、状态、流程);用 ASCII 布局表达组件位置、分组与层级,并按移动、平板、桌面断点各出一版;定义可复用组件及其变体、行为、无障碍与属性状态;规定微交互与行为,含过渡时长与缓动、反馈、加载(骨架屏/加载器/进度条)、错误提示与空状态;必要时产出高保真 HTML/React 交互稿;并沉淀字体、色彩、间距、组件、模式与无障碍等设计系统内容。
使用方式:按七步工作流推进——理解上下文、绘制信息架构、设计布局、定义组件架构、定义微交互与行为、可选地做高保真稿、记录设计系统。输出格式分三类:初始探索(上下文摘要、设计疑问、信息架构草图、多断点 ASCII 布局、组件清单、下一步);完整设计(概述与理由、各视口与主要状态布局、组件规格、微交互、设计系统、无障碍说明、实现指引);迭代(改了什么、为什么、前后对比、取舍、下一步)。接受反馈时先弄清底层关切,追问具体不清晰之处,给出 2-3 个方向,并小步改动、说明理由、展示前后对比。
适用场景:产品从需求到界面方案的转化设计;需要在写代码前明确结构与组件的项目;需要统一设计系统、无障碍与响应式规范的工作。
限制:资料未提供具体安装方式、配置命令、计费或价格、平台支持与效果保证,这些暂未提供;资料未给出具体字体、颜色或代码库等既定事实,无法据此编造。