UI/UX设计技能图谱
UI/UX设计师负责数字产品的界面视觉设计和用户体验。需要兼顾美学、易用性和商业价值。
适合人群：视觉传达、数字媒体、交互设计等专业的学生，以及对互联网产品设计感兴趣的设计类学生。
基础能力
版式设计
入门
掌握网格系统、视觉层次、信息架构
色彩理论
入门
色彩心理学、配色原则、色彩搭配
字体设计
入门
字体选择、字重运用、排版规则
图标设计
基础
线性图标、面性图标、图标风格统一
设计规范
基础
了解iOS和Android设计规范基础
求职能力要求
Figma必须精通，行业标准工具
原型设计、界面设计、团队协作
界面设计必须掌握
APP界面、Web界面、设计系统
交互设计必须掌握
用户流程、页面跳转、交互逻辑
设计规范必须掌握
iOS Human Interface Guidelines、Android Material Design
SketchMac用户推荐
UI设计工具，Figma的替代品
动效设计面试加分项
Principle、After Effects动效
加分能力
After Effects动效设计
Principle/Figma Prototyping
Lottie动画
Blender三维图标
HTML/CSS基础
用户研究方法
数据分析基础
设计系统思维
工具清单
设计工具
Figma
(必学)Sketch
(Mac推荐)Adobe XD
(可选)Photoshop
(辅助)原型工具
Figma Prototyping
(必学)Principle
(推荐)ProtoPie
(进阶)Axure
(可选)动效工具
After Effects
(推荐)Lottie
(加分)Framer
(进阶)作品集要求
- ✓至少2套完整APP界面设计，包含启动页、首页、个人中心等核心页面
- ✓展示设计规范/组件库，体现系统化设计思维
- ✓每个项目包含设计背景、用户画像、设计决策说明
- ✓如果有动效设计一定要演示
- ✓包含1-2个PC端/Web端设计作品更佳
学习路线
1
大一-大二基础期
(2年)- •学习平面设计基础
- •掌握PS/AI基础操作
- •了解设计史和优秀产品
- •培养审美能力
2
大二-大三技能期
(1-2年)- •精通Figma
- •学习iOS/Android设计规范
- •完成APP界面设计项目
- •学习交互设计基础
3
大三-大四实战期
(1-2年)- •参加设计竞赛
- •寻找UI/UX实习
- •完善作品集
- •准备秋招/春招
4
毕业后持续学习
(终身)- •关注设计趋势
- •学习动效和交互进阶
- •培养用户体验思维
- •建立个人设计方法论
常见误区
- ✗作品集只有视觉没有交互思考
- ✗不了解iOS/Android设计规范基础
- ✗图标风格不统一，大小比例混乱
- ✗排版不规范，间距不统一
- ✗缺少设计过程，只展示最终界面
- ✗不了解设计组件化和设计系统概念