青松
UI设计
- 公司信息：
- 阿里巴巴
- 工作经验：
- 6年
- 兼职日薪：
- 1600元/8小时
- 兼职时间：
- 可工作日远程
- 所在区域：
- 武汉
- 全区
技术能力
**UI设计工作技术经历**
在阿里巴巴担任UI设计师期间，我主导了多个项目的界面设计工作。熟练使用Figma和Sketch进行高保真原型设计，并配合产品经理完成用户流程优化。通过用户调研与A/B测试，迭代设计方案，提升产品易用性20%。
在XX项目中，我运用组件化设计思维，建立统一的设计系统，减少开发还原度问题。同时，我精通动效设计（After Effects、Principle），为关键交互节点增加微交互，增强用户体验。与开发团队紧密协作，确保设计落地效果，推动产品数据指标显著提升。
持续关注Material Design与iOS设计规范，保持设计的前沿性与一致性，平衡美学与功能性需求。
项目经验
---
### **UI设计工作技术经历总结：从入门到进阶的实战历程**
#### **一、入门阶段：基础工具掌握与设计思维建立（1-2年）**
**1. 工具技能沉淀**
作为非科班转行者，我的UI生涯始于工具学习。通过在线课程系统掌握了**Sketch**和**Photoshop**的核心功能，包括矢量绘图、图层样式、符号（Symbol）复用等。初期独立完成了一套电商App低保真原型，虽视觉表现生涩，但理解了**栅格系统**和**间距比例**（如8pt基准规则）的重要性。
**关键突破**：在一次企业官网改版中，首次使用**Auto Layout**实现响应式布局，发现设计稿与开发落地间的差距，开始关注**设计交付规范**（如标注工具Zeplin的使用）。
**2. 设计理论实践**
- 通过《Don’t Make Me Think》等书籍建立用户体验基础认知，在B端后台项目中应用**费茨定律**（按钮大小与间距优化）。
- 参与用户访谈后，将用户旅程图中的“支付流程卡点”转化为设计优化点，推动将3步支付缩减至2步，转化率提升15%。
---
#### **二、成长阶段：全流程协作与专业化提升（2-4年）**
**1. 复杂项目实战**
**项目案例：医疗预约App重构（202X年）**
- **用户研究**：通过热图工具发现原版首页“预约入口”点击率不足20%，结合问卷反馈明确信息层级混乱问题。
- **解决方案**：
- 采用**卡片式布局**突出核心功能，通过色彩对比度（WCAG 2.0 AA标准）强化可访问性；
- 设计交互动效（After Effects制作微交互Demo），减少页面跳转的割裂感；
- 与开发协作定义**Design Token**，确保颜色、圆角等属性代码化复用。
- **成果**：上线后用户任务完成率提高32%，获公司年度创新奖。
**2. 设计系统构建**
主导某SaaS平台设计系统（Design System）搭建：
- **组件化思维**：将高频控件（如表单、弹窗）抽象为可复用组件，Sketch+Abstract实现版本管理；
- **开发协同**：使用Figma共享库，配合Storybook输出文档，减少重复沟通；
- **数据验证**：通过A/B测试验证按钮样式（填充vs描边），最终选择点击率更高的方案。
**技术拓展**：
- 学习**前端基础**（HTML/CSS），能与开发讨论布局实现方案（如Flexbox适配问题）；
- 探索**动效设计**：Lottie落地加载动画，体积较GIF减少70%。
---
#### **三、进阶阶段：技术驱动与全链路视角（4年+）**
**1. 智能化设计探索**
- 引入**AI工具**：用MidJourney快速生成Banner灵感图，将创意发散效率提升50%；
- **数据驱动设计**：通过Google Analytics分析用户行为，发现“筛选功能”使用率低，优化为可视化筛选器后，功能使用率提升40%。
**2. 跨领域协作挑战**
**案例：车载HMI设计（202X年）**
- **特殊场景适配**：针对驾驶场景优化交互逻辑（如减少视觉停留时间，增加语音交互触点）；
- **多端一致性**：定义车载端与手机端的设计语言关联规则，确保品牌认知统一；
- **硬件限制**：与工程师合作解决屏幕色偏问题，通过调整色域参数保证设计还原度。
**3. 技术趋势响应**
- **暗黑模式适配**：制定动态色彩方案，使用CSS变量实现一键切换；
- **无障碍设计**：为政府项目设计高对比度模式，通过VoiceOver测试确保读屏兼容性。
---
#### **四、关键问题与解决方案**
1. **设计还原度争议**
- **问题**：开发总抱怨“效果难实现”，如模糊效果导致Android端卡顿。
- **解决**：建立“可行性评审会”，提前沟通技术限制，改用半透明图层替代高斯模糊。
2. **多平台适配困境**
- **问题**：同一组件在iOS/Android/Web表现不一致。
- **解决**：输出平台差异文档（如Material与Human Interface指南对比），定义适配规则。
---
#### **五、未来技术规划**
1. **3D设计能力**：学习Blender构建三维UI元素，适应元宇宙场景需求；
2. **前端深化**：掌握React基础，参与设计到代码的“零损耗”交付实践；
3. **AI协同**：探索Figma插件开发，自动化生成设计稿注释。
---
#### **总结**
从工具操作者到体验设计者，再到技术协作者，我的UI技术成长始终围绕三个核心：
- **用户视角**：数据验证代替主观审美；
- **工程思维**：设计可行性前置评估；
- **技术敏感度**：持续学习驱动创新。
