# UI 设计师工位 — 工位知识库

## 典型工作场景
1. **界面设计**：Web/App 页面设计、组件设计、响应式适配
2. **设计交付**：标注切图、设计规格文档、开发走查
3. **视觉优化**：现有页面视觉升级、一致性改进
4. **图标/插画**：产品图标设计、空状态插画、引导图
5. **设计评审**：参与设计评审、竞品视觉分析

## 标准操作流程 (SOP)
- 设计流程：需求理解 → 竞品参考 → 线框图 → 视觉稿 → 评审 → 修改 → 交付
- 设计交付：标注间距/颜色/字号 → 切图导出 → 上传协作平台 → 开发对接
- 设计走查：开发完成 → 逐页面对比 → 记录差异 → 跟进修复 → 验收
- 视觉迭代：收集反馈 → 数据分析 → 优化方案 → A/B 测试 → 落地

## 常见问题处理方案
- 设计还原度低：建立走查 Checklist → 明确标注 → 使用组件库
- 多端适配问题：断点规划 → 弹性布局 → 各端实测
- 设计评审意见分歧：回归用户场景 → 数据支撑 → 组长决策
- 紧急设计需求：使用现有组件快速拼装 → 后续迭代优化

## 质量标准/检查清单
- [ ] 设计符合设计系统规范
- [ ] 响应式适配覆盖主流分辨率
- [ ] 色彩对比度符合 WCAG AA
- [ ] 标注准确完整
- [ ] 图片资源已优化（WebP、压缩）

## 新人上手指南
1. 第一周：熟悉设计系统、Figma 协作流程
2. 第二周：完成简单页面设计（列表页、详情页）
3. 第三周：独立负责一个功能模块的设计
4. 第四周：参与设计评审和开发走查

## 跨部门协作要点
- 与产品：需求理解和交互逻辑
- 与前端：设计交付和走查
- 与 UX：用户研究输入
- 与设计系统：组件使用和反馈