作品集准备

直接给你一套能落地的作品集方案。你两个项目刚好够，别硬凑第三个：

• 校园迎新视觉设计 → 证明你有“视觉落地 + 信息传达”能力
• 小程序原型开发 → 证明你有“用户调研 + 交互逻辑 + UI执行”能力

下面按网页作品集的方式来写，文案可以直接改。

1. 首页文案：先让人知道你是谁

可直接用：

你好，我是XX，应届UI/UX设计师。

我关注两件事：信息清不清楚，流程顺不顺。

两个实战项目：

① 校园迎新视觉引导系统

② 校园服务小程序“XX帮”原型设计

首页不要写“熟练掌握Figma、热爱设计”这种话，没用。直接把你的两个项目放出来。

2. 案例一：校园迎新活动视觉设计

不要叫“校园迎新海报设计”，要叫“视觉引导系统”或“主视觉与物料系统”。这样更专业，也更像解决真实问题。

项目标题

XX大学202X年迎新季主视觉与物料系统

一句话摘要

为3000+新生的报到现场做了一套“一眼看懂”的视觉引导系统。

项目背景

迎新现场信息多、动线乱，新生和家长最常问的是“报到入口在哪”“下一步去哪”。学院需要一套统一视觉，把“去哪里、做什么、什么时候”讲清楚。

你的角色

视觉设计，独立负责/主创

目标

降低现场引导压力，提升迎新活动识别度和信息传达效率。

设计过程

1. 信息分层

把现场信息分三级：

• 一级：报到入口、流程
• 二级：场地指引
• 三级：活动介绍

1. 视觉策略

高对比配色 + 大号数字/箭头标识，保证3米外可读。

1. 落地输出

主视觉1套、海报3张、导视牌12个、新生手册封面1套。

成果

• 覆盖约3000名新生和家长
• 物料实际落地使用，现场志愿者反馈“问路变少了”
• 主视觉被学院官方公众号/新生群使用
• 如果老师或负责人说“明年还想用”，也可以写进去

复盘

这个项目让我意识到，视觉设计的第一目标是信息效率，不是装饰。后来做小程序时，我也更关注用户能不能一眼找到下一步。

这个案例的关键不是“好看”，是“信息清晰 + 真实落地”。

3. 案例二：小程序原型开发

这个案例要重点写，因为UI/UX岗更看重它。

项目标题

校园服务小程序“XX帮”原型设计

或者：校园社团服务小程序“XX帮”从调研到高保真原型

一句话摘要

从用户调研到高保真原型，让新生在3步内完成“找信息—报名—确认”。

项目背景

新生获取社团/活动信息主要靠群消息，信息散、截止时间不明、报名后没反馈。我想设计一个降低信息获取门槛的小程序。

你的角色

UX/UI设计，负责用户调研、信息架构、交互流程、视觉界面

研究过程

1. 用户调研

访谈8名新生，整理出3个核心痛点：

• 信息太散
• 截止时间不明
• 报名后无反馈

1. 信息架构

首页只保留三个入口：

• 找社团
• 看活动
• 我的报名

1. 关键流程设计

从浏览到报名不超过3步，增加状态反馈：已报名、审核中、已通过。

1. 可用性测试

找5名用户完成“找到目标社团并报名”任务。
根据测试结果调整了按钮位置和流程顺序。

成果

• 高保真原型12个页面
• 测试任务完成率从约60%提升到90%
• 用户能更快找到关键信息，流程更短

复盘

这个项目让我学会用测试结果修改设计，而不是靠个人感觉。视觉风格最后统一，不会为了好看牺牲清晰度。

这个案例的关键是：不要只放最终界面，一定要放过程图。
至少要有：

• 调研记录/访谈截图
• 信息架构图
• 线框图
• 高保真界面
• 测试数据或反馈

4. 两个案例不够？别凑第三个

你的两个项目已经够撑起一个应届作品集。
如果非要多放一个，可以放一个小的：“小程序组件库/图标系统”或者“迎新物料细节”，但不要给它完整案例权重。

一个原则：两个完整项目，比三个半成品更像样。

5. 网页作品集结构

首页

• 名字 + 定位：应届UI/UX设计师
• 一句话介绍：我关注信息清晰度和真实使用流程
• 两个项目入口
• 联系方式

项目页

每个项目页统一用这个结构：

1. 标题
2. 一句话摘要
3. 背景与目标
4. 过程图
5. 结果数据
6. 复盘

关于页

不要写“本人性格开朗、热爱设计”。写具体信息：

XX大学，视觉传达/数字媒体/工业设计专业，202X年毕业

技能：Figma、Illustrator、Photoshop、基础HTML/CSS

实践方向：品牌视觉落地、移动端UI/UX

联系方式：邮箱 + 微信/LinkedIn

6. 量化数据替换表

你提到有大概范围，直接把下面这些换成你的真实数据：

注意：数据别编太细。
如果你只有大概范围，就写“约”“3000+”“60%→90%”这种。
没精确数据就写反馈，比如“志愿者反馈问路减少”。

7. 去作业感：这些写法直接改掉

❌ 作业感：
“这是大二视觉课作业，要求设计一张迎新海报。”

✅ 实战感：
“202X年迎新活动需要统一视觉，我负责主视觉和现场导视，覆盖新生约3000人。”

❌ 作业感：
“这是一个课程设计，做了小程序界面。”

✅ 实战感：
“从用户调研到高保真原型，完成一个校园服务小程序，关键流程控制在3步以内。”

还有几条硬规则：

• 不放“第一次尝试”“简单练习”这种词
• 不放学校作业截图，要放完整项目过程
• 项目标题不要叫“XX课作业”
• 每张图配一句说明，不要只扔图
• 多用“落地、测试、迭代、反馈”，少用“我觉得好看”

8. 发布工具建议

你想要网页/在线链接，推荐这几个：

如果你时间紧，用 Framer 最稳。
发布后自己用手机打开测一遍，确认链接不需要登录，图片能加载。

最后一句：你这两个项目够用，关键是别只放结果图。
把“真实问题—你怎么想—你怎么做—结果怎么样”讲清楚，就不会像作业。