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 PrototypingLottie动画Blender三维图标HTML/CSS基础用户研究方法数据分析基础设计系统思维

工具清单

设计工具

Figma(必学)Sketch(Mac推荐)Adobe XD(可选)Photoshop(辅助)

原型工具

Figma Prototyping(必学)Principle(推荐)ProtoPie(进阶)Axure(可选)

动效工具

After Effects(推荐)Lottie(加分)Framer(进阶)

作品集要求

至少2套完整APP界面设计，包含启动页、首页、个人中心等核心页面
展示设计规范/组件库，体现系统化设计思维
每个项目包含设计背景、用户画像、设计决策说明
如果有动效设计一定要演示
包含1-2个PC端/Web端设计作品更佳

学习路线

大一-大二基础期

(2年)

学习平面设计基础
掌握PS/AI基础操作
了解设计史和优秀产品
培养审美能力

大二-大三技能期

(1-2年)

精通Figma
学习iOS/Android设计规范
完成APP界面设计项目
学习交互设计基础

大三-大四实战期

(1-2年)

参加设计竞赛
寻找UI/UX实习
完善作品集
准备秋招/春招

毕业后持续学习

(终身)

关注设计趋势
学习动效和交互进阶
培养用户体验思维
建立个人设计方法论

常见误区

✗
作品集只有视觉没有交互思考
✗
不了解iOS/Android设计规范基础
✗
图标风格不统一，大小比例混乱
✗
排版不规范，间距不统一
✗
缺少设计过程，只展示最终界面
✗
不了解设计组件化和设计系统概念