如何在即將到來的金三銀四求職季，拿到心儀的 offer、找到超棒的實習(xí)崗位，一份完整且出彩的作品集必不可少！

很多設(shè)計師小伙伴都知道作品集的重要性，但一開始做就腦袋空空、沒有思路；再一想到要做三四十頁，只覺工作量巨大，不由自主開始打退堂鼓。

其實，只要找對方法和工具，

用?120+ 高品質(zhì)作品集模板梳理思路、搭建框架

用?110+ 樣機模型包裝亮點、展示作品

用?130+ 封面設(shè)計案例啟發(fā)靈感、確定風(fēng)格

用?高效工具?解放設(shè)計中的繁瑣操作作品集制作過程中的困難都能迎刃而解！事不宜遲，現(xiàn)在就來一起用即時設(shè)計打造超棒的作品集！

01 項目整合 + 海量素材前期準(zhǔn)備快速又充分

1. 整理聚合過往工作/個人項目

從業(yè)時間越久，積累的項目文件越多。但是作品集容量有限，只能挑選最合適的 2~3 個著重展示。所以，將所有項目文件整理匯總到一起是必做的前期準(zhǔn)備。

無論是?Figma、Sketch、XD 格式的設(shè)計稿，還是用 Axure 繪制的原型圖，過往項目中用到的所有文件，都可以拖拽到即時設(shè)計工作臺內(nèi)導(dǎo)入解析并保持可編輯性。

把歷史項目文件都翻找出來導(dǎo)入工作臺后，你還可以根據(jù)項目類型、作品類型、設(shè)計風(fēng)格的不同，對作品進(jìn)行分類，將它們整理到不同的文件夾中，方便后續(xù)取用。

2. 瀏覽高品質(zhì)作品集/設(shè)計文件資源

沒有思路的時候，看看別人怎么做的，無疑是最好的選擇。

打開即時設(shè)計資源社區(qū)，搜索關(guān)鍵詞“作品集”，就可以在線瀏覽 120+ 模板與素材。

??即時設(shè)計資源社區(qū)（復(fù)制鏈接到瀏覽器打開）

https://js.design/community

不僅如此，即時設(shè)計師團(tuán)隊的小伙伴們還優(yōu)中選優(yōu)了一批素材，從優(yōu)秀案例到參考模板，從樣機資源到封面圖設(shè)計，作品集要用到的素材都在這里啦~

以下素材均可在資源廣場免費獲取，復(fù)制鏈接到瀏覽器打開查看~

第一類，作品集案例

通過學(xué)習(xí)借鑒他們的結(jié)構(gòu)，完成思路梳理、搭建屬于你自己的作品集框架。??復(fù)制鏈接到瀏覽器打開：http://mtw.so/6mbwol

??復(fù)制鏈接到瀏覽器打開：http://mtw.so/6tHJxS

??復(fù)制鏈接到瀏覽器打開：http://mtw.so/5S2tKg

第二類，內(nèi)頁模板

無論你做的是移動端 APP 設(shè)計、PC 端 web 設(shè)計還是品牌周邊設(shè)計，都可以從這些展示頁模板中，提取效果不錯的裝飾元素、學(xué)習(xí)包裝形式、樣機的排版布局，再將這些亮點設(shè)計用到自己的作品集中。

??復(fù)制鏈接到瀏覽器打開：http://mtw.so/66oUbE

在即時設(shè)計資源社區(qū)進(jìn)入 Mockup 分類，更有 110+ 的樣機模型資源，都可以免費獲取用到你的作品集中~

??復(fù)制鏈接到瀏覽器打開：http://mtw.so/5YSJJR

第三類，封面圖設(shè)計

想要讓人眼前一亮，迅速抓住面試官的眼球，一張高品質(zhì)的作品集封面必不可少。在正式制作封面圖之前大量瀏覽優(yōu)秀案例，你可以：

? 提取亮點元素，讓封面圖有更強的視覺吸引力；

??復(fù)制鏈接到瀏覽器打開：http://mtw.so/5Kwh79

??還可以學(xué)習(xí)他們的版式構(gòu)圖；

??復(fù)制鏈接到瀏覽器打開：http://mtw.so/6796uB

了解當(dāng)下的風(fēng)格趨勢，結(jié)合自己作品集主題，確定封面圖的視覺風(fēng)格，比如：扁平、3D、酸性鐳射風(fēng)等等。

??復(fù)制鏈接到瀏覽器打開：http://mtw.so/5D4gdA

快從這些優(yōu)秀案例中汲取靈感，形成你自己的獨特創(chuàng)意吧！

02 高階功能+實用插件作品集產(chǎn)出效率 Max

1. 真 · 自動布局：幫你高效調(diào)整作品排版

作品集作為設(shè)計師的“門面”往往需要反復(fù)打磨，最怕增刪改內(nèi)容以后一一調(diào)整布局。

「自動布局」采用代碼思維，給設(shè)計稿設(shè)置好固定間距、依附效果等屬性后，隨意調(diào)整內(nèi)部的內(nèi)容時都將全自動排布，無需設(shè)計師單個調(diào)整手動修改。

2. 巧用組件 & 變體：相同模塊批量修改替換

為了保證作品集風(fēng)格的統(tǒng)一，必然要在設(shè)計稿中反復(fù)用到非常多相同的模塊與裝飾元素。

將重復(fù)模塊設(shè)為引用組件，再靈活使用變體功能進(jìn)行管理，就可以在后續(xù)的更新過程中批量修改替換，節(jié)約大量時間！

3. 豐富插件：設(shè)計提效 & 素材制作必備

除了以上兩個實用功能，即時設(shè)計插件廣場里的超多實用插件，還能讓你的作品集制作效率再次翻倍！

??即時設(shè)計插件社區(qū)（復(fù)制鏈接到瀏覽器打開哦）

https://js.design/community?category=plugin

豐富的資源類插件，充分滿足你對圖標(biāo)、插畫、無版權(quán)圖片的使用需求；

還有包括平面 3D、不規(guī)則圖形、平滑光暈、半調(diào)漸變在內(nèi)的多種效率插件，幫你輕松搞定裝飾元素制作與效果設(shè)計。

4. 即時 AI：要什么素材，讓 AI 幫你畫出來

插件能做到的遠(yuǎn)不止這些，再給大家分享一個進(jìn)階玩法——用「即時 AI」畫素材！

當(dāng)我需要一張紋理圖作為背景時，以前可能要手動修改調(diào)整 1 個多小時；現(xiàn)在輸入關(guān)鍵詞，用「即時 AI」幾秒鐘就能生成，不僅速度更快，生成的效果也更自然~

5. 文字超鏈接：搭建快速導(dǎo)航、實現(xiàn)精準(zhǔn)跳轉(zhuǎn)

面對動輒三五十頁的作品集，一張張翻看不僅效率低下，還容易遺漏重要頁面，如果能點擊目錄快速跳轉(zhuǎn)至對應(yīng)項目，一定能讓面試官好感倍增！

用即時設(shè)計的「文字超鏈接」功能，你可以輕松實現(xiàn)一鍵跳轉(zhuǎn)到設(shè)計稿中的任意一個頁面甚至單個畫板。

當(dāng)然，你還可以設(shè)置跳轉(zhuǎn)外部連接，非常適合用來展示，規(guī)范庫這類頁面多、體量大、無法完整放進(jìn)作品集的重要項目。

6. 多方字體庫：滿足多樣展示訴求

字體的合理使用，可以幫助更好地塑造作品集整體風(fēng)格。用即時設(shè)計做作品集，你可以同時使用「官方內(nèi)置可商用字體」、「本地安裝個人字體」，以及接入第三方的「字由字體庫」，充分滿足你多樣化的展示訴求~

7. 智能動畫：制作可交互作品集，脫穎而出

最后來介紹點進(jìn)階玩法——用即時設(shè)計的原型功能，打造可交互的作品集！你可以對設(shè)計稿直接添加交互原型，不僅能幫你更清晰地梳理文件流程、構(gòu)架、模擬用戶交互方式，還能幫助觀看作品集的人還原你為用戶體驗設(shè)計所做的努力。

除了簡單的動效交互，還可以利用「智能動畫」所具備的自動補間特性制作更細(xì)節(jié)的內(nèi)容，比如 LOGO、圖標(biāo)、Loading 等動效展示，提高作品集的精致度。

03 云端分享 + 導(dǎo)出本地滿足多場景展示需求

1. 云端分享，打造可實時更新的作品集

與傳統(tǒng)的發(fā)送文件、發(fā)云盤分享鏈接相比，用即時設(shè)計做云端作品集有幾個非常突出的優(yōu)勢。??作品集可實時更新

你是否遇到過發(fā)送簡歷郵件后，突然看到作品集中有一個小錯誤，手忙腳亂想要撤回郵件已經(jīng)來不及，只能補發(fā)一封的尷尬情況？

用即時設(shè)計就完全不用擔(dān)心這個問題，以鏈接的形式分享作品集，所有修改實時更新，其他人打開鏈接看到的始終是最新版。

??云端儲存，沒有文件大小限制

為了能讓自己的作品集附件最先被下載完成，你可能需要忍痛刪掉很多頁面、或壓縮畫面質(zhì)量，做一個精簡版的作品集。

用即時設(shè)計產(chǎn)出作品集，所有頁面云端儲存，再不用擔(dān)心文件太大，各種高清圖都可以放上來。

??支持實時評論，可以邀請他人協(xié)助優(yōu)化作品集

大多數(shù)設(shè)計師做完作品集后，都會找自己的導(dǎo)師或者更資深的設(shè)計師朋友幫忙提提修改意見。發(fā)送文件來回截圖，流程繁瑣還容易遺漏要點；面對面溝通需要事后記錄整理，也不是最優(yōu)解。

用即時設(shè)計的「打點實時評論」功能就是個不錯的選擇。點擊/圈選要修改的位置留下評論，就能同時完成作品集點評和反饋留痕。

??分享預(yù)覽頁，可在線演示交互作品集

進(jìn)入即時設(shè)計預(yù)覽模式后，分享預(yù)覽頁鏈接給面試官，你就可以在線展示交互動效能力，無論是插入作品集的 GIF 圖，你精心設(shè)計的懸停、點擊等交互效果，還是預(yù)先設(shè)置好的文字超鏈接跳轉(zhuǎn)，都可以在作品集中一一展現(xiàn)。

2. 一鍵導(dǎo)出 PDF文件，滿足多樣投遞需求

考慮到有部分公司信息保密要求高，只能打開內(nèi)網(wǎng)鏈接，在線作品集查看可能受限制。我們貼心地為大家提供了「PDF 位圖文件導(dǎo)出」功能，讓你仍可以用最常規(guī)的 PDF 文件來投遞簡歷！

最后，再分享一個壓縮 PDF 文件體積的小技巧。

你可以使用即時設(shè)計內(nèi)置的「導(dǎo)出壓縮」功能，一次性壓縮下載作品集的所有頁面，再將壓縮后的圖片制作成 PDF 文件。

不用購買付費壓縮工具，簡單操作就可以獲得體積更小的 PDF 文件，親測可以壓縮到原有的 1/3~1/2，妥妥能滿足你的需求啦~

好啦~ 今天的作品集模板與制作技巧分享就到這里了！

還想要更多素材？復(fù)制鏈接打開，進(jìn)入「即時設(shè)計-資源社區(qū)」，超多精品素材免費獲??！

?? https://js.design/community