![]()
如何在即将到来的金三银四求职季，拿到心仪的 offer、找到超棒的实习岗位，一份完整且出彩的作品集必不可少！
很多设计师小伙伴都知道作品集的重要性，但一开始做就脑袋空空、没有思路；再一想到要做三四十页，只觉工作量巨大，不由自主开始打退堂鼓。
其实，只要找对方法和工具，
用 120+ 高品质作品集模板梳理思路、搭建框架
用 110+ 样机模型包装亮点、展示作品
用 130+ 封面设计案例启发灵感、确定风格
事不宜迟，现在就来一起用即时设计打造超棒的作品集！
1. 整理聚合过往工作/个人项目
从业时间越久，积累的项目文件越多。但是作品集容量有限，只能挑选最合适的 2~3 个着重展示。所以，将所有项目文件整理汇总到一起是必做的前期准备。无论是 Figma、Sketch、XD 格式的设计稿，还是用 Axure 绘制的原型图，过往项目中用到的所有文件，都可以拖拽到即时设计工作台内导入解析并保持可编辑性。把历史项目文件都翻找出来导入工作台后，你还可以根据项目类型、作品类型、设计风格的不同，对作品进行分类，将它们整理到不同的文件夹中，方便后续取用。2. 浏览高品质作品集/设计文件资源
没有思路的时候，看看别人怎么做的，无疑是最好的选择。打开即时设计资源社区，搜索关键词“作品集”，就可以在线浏览 120+ 模板与素材。https://js.design/community不仅如此，即时设计师团队的小伙伴们还优中选优了一批素材，从优秀案例到参考模板，从样机资源到封面图设计，作品集要用到的素材都在这里啦~以下素材均可在资源广场免费获取，复制链接到浏览器打开，或者点击图片跳转均可查看~第一类，作品集案例
通过学习借鉴他们的结构，完成思路梳理、搭建属于你自己的作品集框架。
第二类，内页模板
无论你做的是移动端 APP 设计、PC 端 web 设计还是品牌周边设计，都可以从这些展示页模板中，提取效果不错的装饰元素、学习包装形式、样机的排版布局，再将这些亮点设计用到自己的作品集中。在即时设计资源社区进入 Mockup 分类，更有 110+ 的样机模型资源，都可以免费获取用到你的作品集中~
第三类，封面图设计
想要让人眼前一亮，迅速抓住面试官的眼球，一张高品质的作品集封面必不可少。了解当下的风格趋势，结合自己作品集主题，确定封面图的视觉风格，比如：扁平、3D、酸性镭射风等等。快从这些优秀案例中汲取灵感，形成你自己的独特创意吧！
真 · 自动布局：帮你高效调整作品排版
作品集作为设计师的“门面”往往需要反复打磨，最怕增删改内容以后一一调整布局。「自动布局」采用代码思维，给设计稿设置好固定间距、依附效果等属性后，随意调整内部的内容时都将全自动排布，无需设计师单个调整手动修改。巧用组件 & 变体：相同模块批量修改替换
为了保证作品集风格的统一，必然要在设计稿中反复用到非常多相同的模块与装饰元素。将重复模块设为引用组件，再灵活使用变体功能进行管理，就可以在后续的更新过程中批量修改替换，节约大量时间！丰富插件：设计提效 & 素材制作必备
除了以上两个实用功能，即时设计插件广场里的超多实用插件，还能让你的作品集制作效率再次翻倍！https://js.design/community?category=plugin丰富的资源类插件，充分满足你对图标、插画、无版权图片的使用需求；还有包括平面 3D、不规则图形、平滑光晕、半调渐变在内的多种效率插件，帮你轻松搞定装饰元素制作与效果设计。即时 AI：要什么素材，让 AI 帮你画出来
插件能做到的远不止这些，再给大家分享一个进阶玩法——用「即时 AI」画素材！当我需要一张纹理图作为背景时，以前可能要手动修改调整 1 个多小时；现在输入关键词，用「即时 AI」几秒钟就能生成，不仅速度更快，生成的效果也更自然~文字超链接：搭建快速导航、实现精准跳转
面对动辄三五十页的作品集，一张张翻看不仅效率低下，还容易遗漏重要页面，如果能点击目录快速跳转至对应项目，一定能让面试官好感倍增！用即时设计的「文字超链接」功能，你可以轻松实现一键跳转到设计稿中的任意一个页面甚至单个画板。当然，你还可以设置跳转外部连接，非常适合用来展示，规范库这类页面多、体量大、无法完整放进作品集的重要项目。多方字体库：满足多样展示诉求
字体的合理使用，可以帮助更好地塑造作品集整体风格。用即时设计做作品集，你可以同时使用「官方内置可商用字体」、「本地安装个人字体」，以及接入第三方的「字由字体库」，充分满足你多样化的展示诉求~智能动画：制作可交互作品集，脱颖而出
最后来介绍点进阶玩法——用即时设计的原型功能，打造可交互的作品集！你可以对设计稿直接添加交互原型，不仅能帮你更清晰地梳理文件流程、构架、模拟用户交互方式，还能帮助观看作品集的人还原你为用户体验设计所做的努力。除了简单的动效交互，还可以利用「智能动画」所具备的自动补间特性制作更细节的内容，比如 LOGO、图标、Loading 等动效展示，提高作品集的精致度。
1. 云端分享，打造可实时更新的作品集
与传统的发送文件、发云盘分享链接相比，用即时设计做云端作品集有几个非常突出的优势。你是否遇到过发送简历邮件后，突然看到作品集中有一个小错误，手忙脚乱想要撤回邮件已经来不及，只能补发一封的尴尬情况？用即时设计就完全不用担心这个问题，以链接的形式分享作品集，所有修改实时更新，其他人打开链接看到的始终是最新版。为了能让自己的作品集附件最先被下载完成，你可能需要忍痛删掉很多页面、或压缩画面质量，做一个精简版的作品集。用即时设计产出作品集，所有页面云端储存，再不用担心文件太大，各种高清图都可以放上来。大多数设计师做完作品集后，都会找自己的导师或者更资深的设计师朋友帮忙提提修改意见。发送文件来回截图，流程繁琐还容易遗漏要点；面对面沟通需要事后记录整理，也不是最优解。用即时设计的「打点实时评论」功能就是个不错的选择。点击/圈选要修改的位置留下评论，就能同时完成作品集点评和反馈留痕。进入即时设计预览模式后，分享预览页链接给面试官，你就可以在线展示交互动效能力，无论是插入作品集的 GIF 图，你精心设计的悬停、点击等交互效果，还是预先设置好的文字超链接跳转，都可以在作品集中一一展现。2. 一键导出 PDF文件，满足多样投递需求
考虑到有部分公司信息保密要求高，只能打开内网链接，在线作品集查看可能受限制。我们贴心地为大家提供了「PDF 位图文件导出」功能，让你仍可以用最常规的 PDF 文件来投递简历！你可以使用即时设计内置的「导出压缩」功能，一次性压缩下载作品集的所有页面，再将压缩后的图片制作成 PDF 文件。不用购买付费压缩工具，简单操作就可以获得体积更小的 PDF 文件，亲测可以压缩到原有的 1/3~1/2，妥妥能满足你的需求啦~好啦~ 今天的作品集模板与制作技巧分享就到这里了！还想要更多素材？复制链接打开，进入「即时设计-资源社区」，超多精品素材免费获取！👉 https://js.design/community
还想看更多干货？立即锁定 酸梅干超人、张双、设计师的睡前毒物、Genji 等资深设计师的直播间，作品集制作思路、排版技巧、求职干货都在这里啦！
计划开播时间&直播平台整理如下：
👇关注订阅号【即时设计UI星球】👇
欢迎在评论区留言，可以分享一下你设计作品集的心得与技巧，也可以在线提需求，说说你还需要哪些作品集素材~评论点赞数前 8 名用户，都可获得「即时设计」新版鼠标垫 1 个。
欢迎大家加入用户群，有任何需求建议或实际使用过程中遇到任何问题，都可以及时反馈，一起打造一款超给力的设计工具！你想要的，我们帮你实现！~
![]()
扫码加入微信交流群