文章目录
在线作品集从案例目录、交互展示到投递文件的阅读路线

在线作品集可以把项目案例、界面细节和可点击原型放在一起,通过链接分享给招聘者,也便于持续更新。制作时先整理能说明个人贡献的案例,再在 Pixso 中创建文件、安排画板、添加跳转,最后检查分享权限并准备 PDF 备份。在线版负责清楚地展示与交互,PDF 版满足离线阅读和招聘系统的附件要求,两种形式可以共享素材,但应分别检查阅读效果。

作品集的重点是让读者看懂:你解决了什么问题、为什么作出这些设计决定、具体负责哪一部分。先选与目标岗位有关的项目,不必把所有练习都放进去。完整讲清一次取舍,比展示几十张没有上下文的界面更容易让人理解你的能力。

1. 登录 Pixso,准备作品集素材

从 Pixso 官网进入工作台,登录自己的账号。开始设计前,为每个候选项目整理项目名称、目标用户、个人职责、关键界面和可以公开的材料;有数据的结果保留观察时间与计算口径,没有数据则清楚说明已完成的工作和待验证的问题。

例如一个“连续录入商品”的项目,可以先写下:仓库管理员保存后需要反复返回列表,你负责录入页流程与界面,方案是在保存后保留常用字段并继续新增。随后选择能解释这个变化的旧界面、方案对照和最终状态。这样进入画布后,每张图片已经有明确用途。

Pixso 资源社区中的作品集封面、项目展示和个人介绍模板
选择模板时观察目录、案例和个人介绍的组织方式,再替换为自己的内容。

需要排版参考时,可浏览 Pixso 作品集资源。先确认素材的使用要求,再按项目调整;模板里的用户研究、客户名称或结果数字不能直接当作自己的经历。

2. 创建设计文件,安排目录与案例画板

在工作台新建设计文件,并为文件取一个便于识别的名称,如“姓名—UI 作品集”。先建立目录、个人介绍和项目案例等内容区域,再决定各页尺寸与版式。不要一开始就把全部内容做成一张极长的大图,重要结论应在常用阅读尺寸下看得清楚。

Pixso 工作台中的新建设计文件入口
先建立独立作品集文件,再集中整理案例画板和共用样式。

目录页先展示最匹配岗位的项目,为每个项目写一句任务说明。案例页可沿用“问题与限制—个人职责—关键决定—结果”的阅读顺序,但不必为每个方法都单独增加一页。只有影响了最终方案的研究记录、流程或对照才值得展开。

案例位置读者需要看懂什么可放入的材料
项目开头谁遇到了什么问题,你负责什么一段背景、职责范围、关键界面
方案过程为什么选择这个方向候选方案对照、限制条件、评审决定
结果与反思完成了什么,哪些仍需验证最终状态、可复核结果、后续改进点

3. 导入已有设计,或直接制作静态作品集

已有设计文件时,可以使用 Pixso 的导入入口整理到作品集文件中;仅有导出图片时,先放入图片再补项目说明。对于 Figma、Sketch 等来源,按官方导入说明选择对应方法。导入后检查字体、图层、组件和布局,能打开文件不等于每处细节都与原稿一致。

Pixso 文件菜单的导入入口与作品集首页画板
导入素材后,先检查文字与布局,再添加适合招聘者阅读的项目说明。

没有现成作品集时,可以直接用 Pixso 的文字、图形和画板组织内容。先统一标题、正文、图注和间距,再设计各案例的视觉层级。长段过程说明与关键界面不要争夺同一层级:结论放在前面,详细依据放在后面,保证快速浏览和深入阅读都能成立。

在“连续录入商品”案例中,整体界面用于说明页面结构,局部前后对照用于说明保留字段的变化,短流程用于交代保存后的去向。对照图保持相同内容和比例,标出真正改变的位置。不要为了让终稿更漂亮而更换全部数据,使读者无法判断修改了什么。

上传之前先处理客户信息、未公开功能、联系方式和内部数据。需要授权的材料应先确认展示范围;仅给截图加遮挡,并不会自动清除源文件中的敏感图层。公开版、面试版和个人源稿可以分开管理,投递时使用已经确认可公开的版本。

4. 添加交互跳转,让招聘者按项目阅读

静态内容整理好后,在原型模式中给目录项目、返回目录和重点流程添加交互。先选中触发对象,再设置目标画板与触发方式,最后播放验证。作品集只需覆盖读者真正会点击的路径,不必把每一处装饰都做成动效。

Pixso 原型模式中连接作品集目录与项目画板,并配置跳转效果
先保证“目录—案例—返回目录”能连续走通,再为关键项目补充交互展示。

一个审批项目可以演示待办列表、详情、处理结果和返回列表;一个商品录入项目则可以展示填写、校验错误、保存并继续新增。让原型对应案例中的关键决定,并在入口写清“体验审批流程”或“查看连续录入操作”,比单独写“点击这里”更容易理解。

原型旁边仍保留静态摘要与关键截图,避免读者没有时间操作时看不懂结果。复杂状态可以参考高保真原型的状态组织方法,但作品集不需要完整复制项目的全部页面。

5. 分享链接,确认访问权限

完成后从分享入口复制链接,并选择适合外部阅读的查看权限。让招聘者浏览作品集与邀请同伴编辑是两种用途,投递链接不应随意开放编辑。若希望对方直接体验原型,先进入原型播放,检查分享后的起始页面和阅读路径。

Pixso 作品集文件的链接分享弹窗和查看权限设置
复制链接前确认权限;投递前用未登录窗口检查对方实际能看到什么。

用未登录窗口和手机分别打开链接,检查是否要求额外申请权限、目录能否进入对应案例、返回是否正常、图片和文字是否清楚。公开链接能持续反映文件更新,但应为每次投递保留版本记录,避免面试时双方谈论不同版本。

准备 PDF 备份,完成投递检查

招聘系统要求附件时,可从文件导出选项准备 PDF。导出前按阅读顺序整理画板,导出后逐页检查文字、图片、分页与链接。不要把交互本身当作 PDF 能保留的能力:关键操作需要用静态状态与说明表达清楚。

Pixso 作品集文件菜单中的 PDF 文件导出选项
PDF 版重点检查页序、清晰度和附件大小,在线版重点检查访问与交互。

具体导出与分享细节可查看Pixso PDF 交付方法。在手机、常用笔记本和 PDF 阅读器中各看一遍成品;重要说明保留为文字,不全部埋进图片。请一位没有参与项目的人复述问题、个人职责与关键选择,听不清楚的地方再回到案例中修改。

最后核对岗位名称、联系方式、附件版本和权限。准备好一个完整案例后,就可以进入 Pixso 创建作品集,从目录与第一组案例画板开始,把内容、展示与投递方式一起做好。