2026 升级版

UI 设计师
系统充电方案

基于各大招聘平台真实 JD 分析，附带可查证的学习资源与链接，助你系统提升胜任更高薪岗位

开始充电 查看岗位要求
40 周
逐周任务规划
5 阶段
渐进式提升
50%+
薪资溢价潜力
📋 岗位拆解

高薪岗位 JD 深度解析

基于 BOSS 直聘、拉勾、Indeed 等平台代表性高薪 JD 提炼，点击展开查看详情

📱
C 端产品高级 UI/UX 设计师
互联网大厂 / 独角兽 · 一线城市
25K-40K
岗位职责
  • 负责公司核心 App/Web 产品的 UI 界面设计，定义整体视觉风格与设计语言
  • 参与产品规划与用户研究，从多维度思考设计方向，输出高保真原型与交互方案
  • 制定并维护设计规范（Design System），确保产品视觉一致性
  • 与产品经理、前端工程师紧密协作，跟进设计落地还原度
  • 持续关注行业设计趋势，推动产品体验创新
任职要求
  • 本科及以上学历，视觉传达/交互设计/数字媒体等相关专业优先
  • 5 年及以上互联网产品 UI/UX 设计经验，有成功上线的 C 端产品案例
  • 精通 Figma（必须），熟练使用 Photoshop、Illustrator
  • 熟悉 iOS HIG 和 Material Design 等平台设计规范
  • 具备扎实的交互设计能力，能独立完成从需求分析到视觉输出的全流程
  • 优秀的沟通表达能力，能清晰阐述设计理念
加分项
  • 具备动效设计能力（AE / Principle / Lottie）
  • 有设计系统从 0 到 1 搭建经验
  • 了解前端基础知识（HTML/CSS），能与开发高效协作
  • 有 AI 工具（Midjourney/Figma Make）使用经验
💼
B 端 / SaaS 高级设计师
企业服务公司 · 一线/新一线城市
20K-35K
岗位职责
  • 负责 B 端产品（CRM/ERP/OA/数据平台）的 UI 界面与交互设计
  • 针对复杂表单、数据表格、实时监控看板等场景提供高效的视觉解决方案
  • 搭建并维护 B 端设计系统与组件库，确保跨模块视觉一致性
  • 深入理解业务流程，配合产品梳理用户场景与核心目标
  • 参与可视化大屏、数据仪表盘的设计与交付
任职要求
  • 本科及以上学历，3-5 年互联网产品设计经验
  • 有 B 端/G 端复杂业务系统设计经验，理解企业级产品设计逻辑
  • 精通 Figma/Sketch，熟练使用 Axure 进行复杂交互原型制作
  • 具备数据可视化设计能力，了解 ECharts 等可视化框架的设计适配
  • 能够独立产出设计规范文档，具备组件库管理经验
  • 较强的逻辑思维能力，能从用户体验和业务目标出发解决问题
加分项
  • 有金融、医疗、政务等行业 B 端项目经验
  • 具备前端基础知识，理解组件化开发思路
  • 有 Design Token 实践经验，了解设计到代码的自动化流程
🤖
AI 产品体验设计师
AI 创业公司 / 大厂 AI 部门 · 一线城市
30K-50K
岗位职责
  • 负责 AI 产品（对话式 AI、智能助手、AI 工作流平台）的用户体验设计
  • 将 AI 能力转化为直观、高效的用户交互体验，处理概率性输出的界面呈现
  • 设计多模态交互方案（文字、语音、图像、手势的融合）
  • 与算法工程师协作，理解模型能力与限制，设计合理的容错与兜底方案
  • 探索 AI 驱动的个性化体验与自适应界面设计
任职要求
  • 本科及以上学历，5 年以上互联网产品设计经验
  • 有 AI 产品（ChatBot、Copilot、智能推荐等）设计经验
  • 精通 Figma，具备高级原型制作能力
  • 理解 AI 基础概念（Prompt、Token、模型能力边界等）
  • 掌握 AI 交互设计原则：透明性、可控性、容错性、渐进式披露
  • 具备前端基础（HTML/CSS），能用 v0.dev 或 Cursor 快速验证交互方案
  • 优秀的跨职能沟通能力，能与算法/产品团队高效协作
加分项
  • 有 Prompt Engineering 实战经验
  • 熟悉 Vibe Coding 工作流（v0.dev / Lovable / Cursor）
  • 有用户研究背景，能独立设计并执行可用性测试
👥
设计主管 / 设计总监
中大型企业 · 一线城市
35K-60K+
岗位职责
  • 负责设计团队管理（5-15 人），制定团队工作流程与质量标准
  • 主导产品整体视觉风格与品牌设计体系的构建与演进
  • 参与产品战略规划，从设计角度推动业务增长
  • 制定设计团队 OKR，建立设计度量体系（HEART 框架等）
  • 推动设计系统在组织内的落地与治理
  • 培养团队成员，建立梯队，推动设计文化建设
任职要求
  • 本科及以上学历，8 年以上互联网设计经验，3 年以上团队管理经验
  • 有从 0 到 1 搭建设计团队或设计体系的成功案例
  • 深刻理解用户体验方法论，能将用户洞察转化为产品策略
  • 优秀的跨部门沟通与资源协调能力
  • 具备商业敏感度，能用数据论证设计对业务的价值贡献
  • 关注 AI 等前沿技术对设计工作流的影响，能推动团队工具升级
加分项
  • 有大厂设计团队管理经验
  • 有行业会议演讲或专业文章发表经验
  • 具备产品经理思维，有产品规划参与经验
🎯 能力模型

高薪岗位能力矩阵

对照上方 JD 提炼的核心能力要求，明确自身差距

硬技能矩阵

🔒

基础必备

门槛技能 — 不具备则无法入行
Figma（核心）PhotoshopIllustrator色彩理论排版布局图标绘制iOS/Android/Web 规范
🚀

进阶加分

竞争力技能 — 脱颖而出的关键
动效设计（AE / Principle / Lottie）3D 视觉（C4D / Blender）设计系统搭建与治理数据可视化设计
💎

高薪差异化

溢价技能 — 薪资跃迁的核心
AI 工具链（Midjourney / Figma Make / v0.dev）Prompt Engineering前端基础（HTML/CSS/Tailwind）Vibe Coding（氛围编程）设计度量与数据驱动

软技能要求

📈

业务洞察力

设计与转化率、留存率等指标挂钩

🎙️

沟通叙事力

通过案例故事解释设计逻辑

🤝

跨职能协作

与产品、开发、运营高效对齐

🧠

批判性思维

对 AI 产出进行质量把控

📚

持续学习力

快速上手新工具、新趋势

🗺️ 充电路线

分阶段充电计划（逐周任务）

40 周系统性提升，每日投入 1.5-2 小时，点击展开查看每周具体任务

学习进度共 40 周 / 10 个月
12345678910
第 1-8 周

阶段一：AI 武装期

目标：掌握 AI 工具链，效率提升 3-5 倍，建立个人 Prompt 模板库
📅 第 1 周：Midjourney 入门
注册 Midjourney 账号（midjourney.com），熟悉网页版界面
学习基础 Prompt 结构：主体 + 场景 + 风格 + 参数
生成 10 张 UI 相关素材（图标、背景、插画风格）
学习 --ar（比例）、--style raw（减少艺术化）参数
阅读入门教程：shejidaren.com/midjourney-ru-men-jiao-cheng.html
📅 第 2 周：Midjourney 进阶 + Adobe Firefly
学习 --sref（风格参考）和 --cref（角色一致性）参数
掌握垫图功能（Image Prompting），用 --iw 调整参考图权重
注册 Adobe Firefly（firefly.adobe.com），体验与 PS 联动
用 Midjourney 为一个旧项目重新生成全套视觉素材
📅 第 3 周：Figma Make + Uizard
在 Figma 中启用 Make 功能，用自然语言生成第一个界面原型
注册 Uizard（uizard.io），上传手绘草图转为可交互原型
对比 Figma Make vs Uizard 的生成质量，整理使用场景笔记
用 Figma Make 生成一个完整的 App 登录/注册流程
📅 第 4 周：Recraft.ai + AI 矢量素材
注册 Recraft.ai（recraft.ai），生成一套可编辑 SVG 图标
将 AI 生成的 SVG 导入 Figma，进行二次编辑和规范化
体验 Magnific AI 图像放大功能，处理低质量素材
整理本月 AI 工具对比笔记，明确各工具最佳使用场景
📅 第 5-6 周：Prompt Engineering 系统学习
学习结构化 Prompt 写法：角色设定 + 任务描述 + 约束条件 + 输出格式
用 PromptHero（prompthero.com）搜索并分析高质量 UI Prompt
建立个人 Prompt 模板库（按场景分类：图标/界面/插画/背景/3D）
用 ChatGPT / Claude 辅助生成设计方案文案和 UX 文案
📅 第 7-8 周：综合实战 + 效率对比
选一个做过的完整项目，用 AI 工具链重走全流程
记录各环节耗时对比（传统方式 vs AI 辅助），撰写效率报告
将 AI 生成物整理为可复用的素材库，导入 Figma 团队库
回顾本阶段学习成果，更新个人 Prompt 模板库至 30+ 条
阶段产出：个人 Prompt 模板库（30+ 条）+ AI 效率对比报告 + AI 素材库
第 9-16 周

阶段二：交互与体验深化期

目标：从"视觉设计师"升级为"体验设计师"，掌握用户研究与动效
📅 第 9-10 周：交互设计原则
逐条学习 Laws of UX（lawsofux.com），每天 2-3 条法则
开始阅读《About Face: 交互设计精髓》（每天 30 分钟）
学习交互流程图和状态图的绘制方法
选一个 App 的核心功能，绘制完整的交互流程图
📅 第 11-12 周：用户研究方法
学习用户访谈技巧：开放式提问、追问、倾听（推荐 NN/g 文章）
学习可用性测试的设计与执行流程（任务设计、Think Aloud 法）
了解热力图分析工具 Hotjar（hotjar.com），理解用户行为数据
找 3 位朋友做一次简易可用性测试，撰写测试报告
📅 第 13-14 周：信息架构 + Google UX 课程
学习卡片分类法、树形测试等信息架构方法
开始 Google UX Design Certificate 课程（coursera.org，可免费旁听）
为一个复杂产品（如电商 App）梳理完整信息架构图
阅读 NN/g（nngroup.com）3-5 篇关于 IA 的深度文章
📅 第 15-16 周：动效设计 + UX 审计实战
学习 Principle 基础（或 Figma Smart Animate），制作微交互动效
用 After Effects 制作 1 个 Lottie 动效并导出 JSON
对一个常用但体验差的 App 做完整 UX 审计报告
报告包含：问题发现 → 严重性评级 → 改进方案 → 原型演示
阶段产出：1 份完整 UX 审计报告 + 3-5 个可交付动效方案 + 交互流程图
第 17-24 周

阶段三：设计系统与前端协作期

目标：搭建完整设计系统，掌握 HTML/CSS/Tailwind 基础，打通设计到代码的桥梁
📅 第 17-18 周：Figma 高级功能精通
精通 Auto Layout（嵌套、填充、绝对定位子元素）
精通 Components + Variants 系统（属性、布尔值、实例交换）
学习 Figma Variables（颜色、数值、字符串变量 + 多模式主题切换）
推荐教程：B 站·酸梅干超人 Figma 系统课（bilibili.com/video/BV1n3iMByEug）
📅 第 19-20 周：搭建设计系统
定义色彩系统（Primary/Secondary/Neutral + 语义色 + 深浅模式）
定义排版系统（字阶、行高、字重规范）
搭建基础组件库（Button、Input、Card、Modal、Toast 等）
用 Figma Variables 实现 Light/Dark 主题切换
📅 第 21-22 周：HTML/CSS 基础
完成 freeCodeCamp 响应式网页设计课程（chinese.freecodecamp.org）
查阅 MDN Web Docs（developer.mozilla.org）学习 Flexbox 和 Grid
手写一个简单的个人作品集静态页面
理解浏览器开发者工具（F12），学会查看和微调样式
📅 第 23-24 周：Tailwind CSS + Design Token
学习 Tailwind CSS 基础（tailwindcss.com/docs），理解 Utility-First 理念
理解 Design Token 概念：如何将 Figma Variables 映射为代码变量
体验 Figma Dev Mode 的标注功能，理解开发者如何读取设计稿
尝试用 Figma MCP 将设计系统导出为前端代码
阶段产出：1 套完整设计系统（含 Light/Dark 模式）+ 代码同步 Demo + 手写静态页面
第 25-32 周

阶段四：业务思维与作品集打磨期

目标：具备业务洞察力，打造 3 个有竞争力的深度案例研究
📅 第 25-26 周：产品思维 + 数据驱动
阅读《俞军产品方法论》（微信读书可免费阅读部分章节）
学习 HEART 框架（Google 出品的设计度量方法）
了解 Google Analytics（analytics.google.com）基本使用
浏览人人都是产品经理网站（woshipm.com），建立产品感
📅 第 27-32 周：案例研究打磨（共 3 个）
第 27-28 周：完成案例 1（最强项目，展示全链路能力）
第 29-30 周：完成案例 2（展示 AI 工具应用 + 效率提升）
第 31-32 周：完成案例 3（展示业务影响力 + 数据成果）
参考 Behance（behance.net）顶级案例的叙事结构和视觉排版
用 Figma 制作在线作品集页面（或使用 Framer 搭建个人站点）
每个案例研究应包含（不要堆项目，要讲故事）
1项目背景与挑战（为什么做）
2调研与洞察（发现了什么）
3设计策略（怎么想的）
4方案迭代（含草图/线框/终稿对比）
5AI 工具应用（如何利用 AI 提效）
6开发协作（如何确保落地还原度）
7成果数据（带来了什么业务价值）
第 33-40 周

阶段五：Vibe Coding 与前沿探索期

目标：掌握 Vibe Coding，成为能独立验证想法的"超级个体"
📅 第 33-34 周：Vibe Coding 入门
注册 v0.dev（v0.dev），用自然语言生成第一个 React 组件
安装 Cursor（cursor.com），了解 AI 编程编辑器的基本使用
注册 Lovable（lovable.dev），体验无代码 Web 应用搭建
将 Figma 设计稿通过 v0.dev 转化为可运行的 React 页面
📅 第 35-36 周：React 基础概念 + 实战
学习 React 基础概念：组件、Props、State（react.dev 官方教程）
理解组件化思维如何与 Figma 组件概念对应
用 v0.dev + Cursor 独立产出一个可运行的交互原型
将原型部署到 Vercel（vercel.com）并分享链接
📅 第 37-38 周：3D / 沉浸式设计
学习 Spline（spline.design）基础操作，创建简单的 3D 场景
制作 1-2 个可嵌入网页的 3D 交互作品
了解 Blender 基础建模（blender.org，完全免费）
将 3D 作品整合到作品集中
📅 第 39-40 周：AI 交互设计 + 总复盘
研究 3-5 个 AI 原生产品的交互模式（ChatGPT、Midjourney、Copilot 等）
掌握 AI 交互核心原则：透明性 · 可控性 · 容错性 · 渐进式披露
设计一个包含 AI 能力的产品概念界面，加入作品集
全面复盘 40 周学习成果，完善作品集，准备求职
阶段产出：2-3 个可运行的交互原型 + 3D 作品 + AI 产品概念设计
🧰 装备库

必备工具清单

全部附带官方地址与价格，按优先级排列

🎨

核心设计工具

Figma（含 Make、MCP）
免费版可用Pro $15/月figma.com
★★★★★
Principle
$29 买断（macOS）principleformac.com
★★★★☆
Photoshop / Illustrator
Adobe 创意云 ¥298/月起adobe.com
★★★★☆
蓝湖
免费版可用lanhuapp.com
★★★★☆
🤖

AI 工具链

Midjourney
$10/月起midjourney.com
★★★★★
Adobe Firefly
免费额度付费 $4.99/月firefly.adobe.com
★★★★☆
Recraft.ai
免费额度recraft.ai
★★★★☆
ChatGPT / Claude
免费版可用Pro $20/月chat.openai.com
★★★★☆
⚡

Vibe Coding 工具

v0.dev（Vercel）
免费额度Pro $20/月v0.dev
★★★★★
Cursor
免费版Pro $20/月cursor.com
★★★★☆
Lovable
免费额度$25/月lovable.dev
★★★★☆
Bolt.new
免费额度$25/月bolt.new
★★★☆☆
🔧

进阶工具

After Effects + Lottie
Adobe 创意云lottiefiles.com
★★★★☆
Spline（3D 设计）
免费版可用spline.design
★★★☆☆
Blender（3D 建模）
完全免费开源blender.org
★★★☆☆
Framer（个人站点）
免费版$5/月起framer.com
★★★☆☆
📚 资源库

学习资源（全部附真实链接）

精选课程与书单，明确标注免费/付费与价格

Google UX Design Certificate

免费旁听Coursera · 7 门课程

Google 官方设计的入门课程，涵盖 UX 全流程，可申请助学金免费获取证书

coursera.org/professional-certificates/google-ux-design

Interaction Design Foundation (IxDF)

40+ 门课程

Don Norman 等大师授课，理论深度极高，行业权威认证

interaction-design.org/courses

Designlab UX Academy

导师制训练营

1:1 导师指导，含真实客户项目，可分期付款（零利息）

designlab.com/ux-academy

Uxcel

免费基础版

游戏化碎片学习，每课 5-10 分钟，50+ 门互动课程

uxcel.com

freeCodeCamp 中文版

完全免费前端开发课程

HTML/CSS/JavaScript 基础课程，含项目实战，全球最大的免费编程社区

chinese.freecodecamp.org

MDN Web Docs

完全免费Mozilla 官方文档

最权威的前端技术文档，Flexbox/Grid 布局学习首选

developer.mozilla.org/zh-CN

Tailwind CSS 官方文档

完全免费CSS 框架

Utility-First CSS 框架，设计师理解前端样式的最佳起点

tailwindcss.com/docs

React 官方教程

完全免费

React 官方中文文档，理解组件化思维的最佳途径（不用精通，了解概念即可）

zh-hans.react.dev/learn

《About Face: 交互设计精髓》

Alan Cooper · 中文版有售

交互设计圣经，第 4 版。系统学习交互设计方法论的必读之作。

京东/当当 ¥89 左右 · 微信读书有电子版

《Don't Make Me Think》

Steve Krug · 中文名《点石成金》

Web 可用性入门经典，轻松易读，2 小时可通读。

京东/当当 ¥45 左右 · 微信读书有电子版

《用户体验要素》

Jesse James Garrett · 中文版

UX 五层模型（战略层→范围层→结构层→框架层→表现层），体验设计的系统框架。

京东/当当 ¥39 左右 · 微信读书有电子版

《俞军产品方法论》

俞军 · 中文

前百度产品副总裁的产品思维精华，理解商业逻辑和用户价值。

京东/当当 ¥49 左右 · 微信读书可免费阅读

《设计心理学》（1-4 册）

Donald Norman · 中文版

理解用户行为与认知的经典，推荐先读第 1 册《日常的设计》。

京东/当当 ¥35-45/册 · 微信读书有电子版

《写给大家看的设计书》

Robin Williams · 中文版

CRAP 四大设计原则（对比/重复/对齐/亲密性），非设计专业入门首选。

京东/当当 ¥55 左右 · 微信读书有电子版

Figma 官方帮助中心

免费英文为主

最权威的功能参考文档，遇到具体操作问题时查阅。

help.figma.com

Figma 官方设计基础教程

免费英文

涵盖配色、排版、布局等核心设计概念。

figma.com/resource-library/design-basics

Figma.Cool 中文导航站

免费中文

国内社区整理的系统学习路径、插件推荐及中文文档。

figma.cool

B 站·酸梅干超人 Figma 系统课

免费中文视频

2026 最新版 Figma 从入门到精通系统课程，涵盖 Variables 等新功能。

bilibili.com/video/BV1n3iMByEug

Figma 官方 YouTube 频道

免费英文视频

官方系列教程，短小精悍，适合快速了解新功能。

youtube.com/@Figma
✨ 每日灵感

每日灵感输入渠道

建议每天花 15-30 分钟浏览，保持对优秀设计和行业动态的敏感度

🎨 设计灵感

Dribbbledribbble.com
Behancebehance.net
Mobbin（App 流程参考）mobbin.com
Awwwards（顶级网页）awwwards.com

📰 行业资讯

优设网uisdc.com
站酷zcool.com.cn
人人都是产品经理woshipm.com
UI 中国ui.cn

🧪 学术前沿

Nielsen Norman Groupnngroup.com
Laws of UXlawsofux.com
UX Collective (Medium)uxdesign.cc
Smashing Magazinesmashingmagazine.com

💬 社区交流

知乎 UI/UX 话题zhihu.com
即刻·设计圈okjike.com
Figma Communityfigma.com/community
ADPList（找导师）adplist.org
🏔️ 垂直深耕

垂直领域深耕建议

选择 1-2 个领域深入，建立不可替代的专业壁垒

💼 B 端 / SaaS

薪资 ★★★★★门槛 中等

需求稳定，逻辑复杂，不易被 AI 替代

🤖 AI 产品体验

薪资 ★★★★★门槛 较高

风口领域，薪资溢价最高

🏦 金融 / Fintech

薪资 ★★★★★门槛 较高

高薪行业，合规要求多

🏥 医疗健康

薪资 ★★★★☆门槛 较高

专业门槛高，竞争者少

🛒 电商

薪资 ★★★★☆门槛 较低

需求量大，注重转化率

📡 智能硬件 / IoT

薪资 ★★★★☆门槛 中等

跨屏设计，差异化强

🎮 游戏 UI

薪资 ★★★★☆门槛 中等

视觉要求高，趣味性强

🎯 求职攻略

求职策略

从简历优化到面试准备，全方位提升求职竞争力

📄 简历优化

  • 用"数据 + 结果"描述项目，如"重新设计 XX 模块，转化率提升 15%"
  • 突出 AI 工具使用经验，展示效率提升
  • 附高质量作品集链接（推荐 Figma 在线作品集或 Framer 个人站点）

🎤 面试准备

  • 准备 2-3 个深度案例的完整讲述（5 分钟版本）
  • 练习白板设计挑战（Design Challenge）
  • 了解目标公司的产品，准备 1 个改进建议

📣 持续曝光

  • 在站酷（zcool.com.cn）/ Dribbble 定期发布作品
  • 在知乎 / 公众号分享设计方法论，建立个人品牌
  • 参加设计社区活动，拓展人脉（ADPList 找行业导师）
💡 核心心法

设计师成长心法

高薪设计师 = 设计美学 × AI 效率 × 业务思维 × 沟通能力

1

AI 是副驾驶，不是替代者

用 AI 处理重复劳动，把精力放在策略和创意上

2

不要只画图，要解决问题

面试官要的不是漂亮界面，而是你解决问题的思路

3

深度 > 广度

在一个垂直领域建立专家身份，比什么都会一点更有价值

4

作品集是最好的简历

每个项目都是一个完整的故事，要展示思考过程而非仅展示结果

5

持续输出 = 持续成长

写文章、做分享、参与社区，输出倒逼输入