示例成品 · 平台演示，按左边这组点选真跑出来的
直接给你一套能落地的作品集方案。你两个项目刚好够，别硬凑第三个：
- 校园迎新视觉设计 → 证明你有“视觉落地 + 信息传达”能力
- 小程序原型开发 → 证明你有“用户调研 + 交互逻辑 + UI执行”能力
下面按网页作品集的方式来写，文案可以直接改。
---
## 1. 首页文案：先让人知道你是谁
**可直接用：**
> 你好，我是XX，应届UI/UX设计师。
> 我关注两件事：信息清不清楚，流程顺不顺。
> 两个实战项目：
> ① 校园迎新视觉引导系统
> ② 校园服务小程序“XX帮”原型设计
首页不要写“熟练掌握Figma、热爱设计”这种话，没用。直接把你的两个项目放出来。
---
## 2. 案例一：校园迎新活动视觉设计
不要叫“校园迎新海报设计”，要叫“视觉引导系统”或“主视觉与物料系统”。这样更专业，也更像解决真实问题。
### 项目标题
> XX大学202X年迎新季主视觉与物料系统
### 一句话摘要
> 为3000+新生的报到现场做了一套“一眼看懂”的视觉引导系统。
### 项目背景
> 迎新现场信息多、动线乱，新生和家长最常问的是“报到入口在哪”“下一步去哪”。学院需要一套统一视觉，把“去哪里、做什么、什么时候”讲清楚。
### 你的角色
> 视觉设计，独立负责/主创
### 目标
> 降低现场引导压力，提升迎新活动识别度和信息传达效率。
### 设计过程
1. **信息分层**
把现场信息分三级：
- 一级：报到入口、流程
- 二级：场地指引
- 三级：活动介绍
2. **视觉策略**
高对比配色 + 大号数字/箭头标识，保证3米外可读。
3. **落地输出**
主视觉1套、海报3张、导视牌12个、新生手册封面1套。
### 成果
- 覆盖约3000名新生和家长
- 物料实际落地使用，现场志愿者反馈“问路变少了”
- 主视觉被学院官方公众号/新生群使用
- 如果老师或负责人说“明年还想用”，也可以写进去
### 复盘
> 这个项目让我意识到，视觉设计的第一目标是信息效率，不是装饰。后来做小程序时，我也更关注用户能不能一眼找到下一步。
**这个案例的关键不是“好看”，是“信息清晰 + 真实落地”。**
---
## 3. 案例二：小程序原型开发
这个案例要重点写，因为UI/UX岗更看重它。
### 项目标题
> 校园服务小程序“XX帮”原型设计
> 或者：校园社团服务小程序“XX帮”从调研到高保真原型
### 一句话摘要
> 从用户调研到高保真原型，让新生在3步内完成“找信息—报名—确认”。
### 项目背景
> 新生获取社团/活动信息主要靠群消息，信息散、截止时间不明、报名后没反馈。我想设计一个降低信息获取门槛的小程序。
### 你的角色
> UX/UI设计，负责用户调研、信息架构、交互流程、视觉界面
### 研究过程
1. **用户调研**
访谈8名新生，整理出3个核心痛点：
- 信息太散
- 截止时间不明
- 报名后无反馈
2. **信息架构**
首页只保留三个入口：
- 找社团
- 看活动
- 我的报名
3. **关键流程设计**
从浏览到报名不超过3步，增加状态反馈：已报名、审核中、已通过。
4. **可用性测试**
找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名新生和家长 |
| 迎新视觉 | 物料数量 | 主视觉1套、海报3张、导视12个 |
| 迎新视觉 | 使用反馈 | 现场志愿者反馈问路减少 |
| 小程序 | 调研人数 | 访谈8名新生、测试5名用户 |
| 小程序 | 页面数量 | 高保真原型12个页面 |
| 小程序 | 完成率 | 任务完成率从约60%提升到90% |
注意：数据别编太细。
如果你只有大概范围，就写“约”“3000+”“60%→90%”这种。
没精确数据就写反馈，比如“志愿者反馈问路减少”。
---
## 7. 去作业感：这些写法直接改掉
❌ 作业感：
“这是大二视觉课作业，要求设计一张迎新海报。”
✅ 实战感：
“202X年迎新活动需要统一视觉，我负责主视觉和现场导视，覆盖新生约3000人。”
❌ 作业感：
“这是一个课程设计，做了小程序界面。”
✅ 实战感：
“从用户调研到高保真原型，完成一个校园服务小程序，关键流程控制在3步以内。”
还有几条硬规则：
- 不放“第一次尝试”“简单练习”这种词
- 不放学校作业截图，要放完整项目过程
- 项目标题不要叫“XX课作业”
- 每张图配一句说明，不要只扔图
- 多用“落地、测试、迭代、反馈”，少用“我觉得好看”
---
## 8. 发布工具建议
你想要网页/在线链接，推荐这几个：
| 工具 | 优点 | 适合 |
|---|---|---|
| Framer | 设计感强，模板现代，免费域名 | 首选，适合UI/UX |
| Readymag | 视觉强，排版自由 | 适合视觉表现 |
| Notion + Super | 快，文字为主 | 时间紧可用 |
如果你时间紧，用 **Framer** 最稳。
发布后自己用手机打开测一遍，确认链接不需要登录，图片能加载。
---
最后一句：你这两个项目够用，关键是别只放结果图。
**把“真实问题—你怎么想—你怎么做—结果怎么样”讲清楚，就不会像作业。**
点左边「开工 · 直接出成品」，出一份你自己的版本（文字免费）