隨著設計職場的應聘方式不斷變化，設計師在求職過程中也不會是硬盤化的一堆項目展示，都會花心思設計一套作品集。如果你還是零零散散的作品展示，已經無法獲得面試官的青睞。

如果作品集是通過附件的方式添加，而招聘平臺和企業內推系統附件大小受限制，我們就需要控制作品集的大小。那么如何控制作品集大小呢？應該從哪些方面入手，或者有哪些壓縮的工具，本文將會和大家一起分享一些個人經驗，希望可以帶給你一定的幫助！

分享目錄

• 作品集包裝尺寸
• 作品集配圖大小控制
• 鏈接化作品集
• Demo 化作品集
• 作品集壓縮工具
• 小結

作品集包裝尺寸

目前來說我們通常是以 PDF 的形式展示作品集居多，方便面試官進行作品預覽。在包裝作品集的時候大部分設計師會選擇設計軟件進行，比如 Sketch、PS 和 AI 軟件等，多畫版包裝便利，也方便導出 PDF 格式。

在包裝尺寸上面通常有兩種形式，一種是平臺型展示，以長圖為主，這種形式包裝樣式豐富，作品包裝上下銜接過度自然。不過單張作品包裝不易過長，最大值盡量控制在 6000px 以內，可以多分段，不然加載過慢。寬度個人建議在 1280px-1920px 之間，如果作品數量很多，盡量控制在 1280px 左右。（以上數值僅供參考）

第二種是固定比例包裝作品集，一般我們選擇 16:9 的寬屏比例（比如 1280*720px、1920*1080px 等）。這種形式顯得更加正式，不過包裝形式相較于平臺型作品來說要單一一些，上下過度容易不自然，分割感比較明顯。我們在包裝之前也要分析項目作品和自己的駕馭度，選擇最適合自己的形式。

作品集包裝尺寸并沒有嚴格限制，如果自己的項目作品比較特殊，自定義尺寸比例也可。只要最終的包裝效果能為設計助力，更好的呈現作品自身的優勢即可。

作品集配圖大小控制

在包裝作品集的過程中，無論是背景圖片還是作品展示，或者是裝飾性配圖等，我們盡量根據作品集包裝尺寸來匹配。圖片尺寸可以比需要的尺寸稍微大一點，但是不要都選擇太大的尺寸。（比如一張寬度 300px 的圖片就可以滿足尺寸要求，就不要嵌入一張寬度 3000px 的圖片。）

我們只要保障圖片在一比一預覽作品集的時候清晰即可，無論多大尺寸的配圖，多余部分的尺寸都沒有必要性。控制配圖大小，在包裝的時候電腦反應速度也會更快。

如果是 UI 設計的界面，一般都沒有問題，遇到一些視覺設計作品，單張圖片大小在嵌入包裝文件時需要優化一下。通過 PS 等軟件優化圖片尺寸、格式和質量大小等，從每個細分板塊控制好作品集的整體大小。

鏈接化作品集

作品集提交給面試官主要是以 PDF 格式居多，但是對于 UI 設計師來說會遇到一些動效作品無法嵌入展示。這時候我們可以采用鏈接化形式的作品集，可以將作品集發布在一些設計平臺、分享類平臺、文檔工具類平臺等，如果你不想被公開分享，可以選擇一些文檔編輯工具進行存儲。比如：印象筆記、石墨文檔、有道云筆記、語雀等等。

可以利用第三方工具平臺存儲作品集，然后在簡歷中附上作品集的鏈接，這樣也能解決因為招聘平臺附件大小限制的問題。也可以將鏈接轉化為二維碼，附在 PDF 作品集中，利用草料二維碼轉換器可以將鏈接轉換為二維碼。鏈接化作品集的形式簡單方便，無論是通過鏈接分享還是二維碼分享都非常便利。

我們在包裝作品集的時候會先制作最全的版本，然后會精簡出一個精簡版本，要是企業內推或者平臺附件限制，可以傳精簡版，然后里面備注最全版本的鏈接或者二維碼，這也是一種變相的解決方案。

當然，如果方便對外公開的作品集，個人還是建議在一些設計平臺進行發布，也能帶來更高的曝光度，創造更多的機遇。

Demo 化作品集

對于 UI 設計師來說，我們的作品集大部分都是 App 界面、小程序界面、網站后臺界面等，特別是對于移動端設計為主的同學，將項目作品 Demo 化更有利于面試官直觀的體驗我們的產品設計。

如果我們做的每一個項目都還在線上，可以直接訪問，這是最理想的狀態。如果反之我們可以利用第三方原型工具將我們設計好的界面搭建出演示 Demo，然后安裝到我們的手機桌面，模擬出產品點擊的交互流程。就像一個真實的產品在體驗一樣，不同之處就是這是一個利用圖片搭建起來的演示 Demo 而已。

作者：Chris_Tiny

關于制作項目演示 Demo 的軟件和第三方工具很多，比如：Axure、Principle、Flinto、Origami、Pixate 等等軟件，還有很多第三方線上平臺這里就不列舉了，感興趣的同學可以微信黑馬哥探討。軟件或者平臺都只是工具而已，主要是自己熟悉和適合自己的項目，作為設計師來說設計思路和技巧才是主要的。

作品集壓縮工具

除了上面提到的作品集包裝經驗分享以外，如果已經制作好的作品集依然滿足不了大小限制的問題，這里也為大家分享一些作品集壓縮的工具，大家可以嘗試一下。我們在追求體積減小的過程中也要注意畫質的變化，不要提交給面試官的作品畫質差或者模糊等情況出現。

1.? ilovepdf

網站鏈接：https://www.ilovepdf.com/

這是一個針對 PDF 格式相關需求的網站，功能非常齊全，涉及合并、拆分、壓縮、轉換、旋轉、解鎖和水印 PDF 等操作。無論你是想要各種不同格式文件轉 PDF，還是壓縮作品集，都可以得到一站式解決。這個網站的壓縮效果非常明顯，而且畫質保持得也是很不錯的。

2. Smallpdf

網站鏈接：https://smallpdf.com/cn

這個網站的口號是提高工作效率和更智能地處理文檔所需的所有工具，不負所望，網站涉及到 PDF 需求的工具非常多。提供了 21 個免費轉換、壓縮和編輯 PDF 的工具，快去試試吧！

3. PDF.IO

網站鏈接：https://pdf.io/

這個網站設計簡潔易用，hover 狀態下的圖標動效也非常的巧妙直觀，作為設計師來說，滿足我們對于 PDF 壓縮的需求之外，網站的感官體驗也是一種追求。

4. 迅捷 PDF 轉換器

網站鏈接：https://app.xunjiepdf.com/

這是一款功能豐富的 PDF 辦公類產品，輕松實現 PDF 與 Word、PPT、Excel 等多種格式文檔間的相互轉換，同時提供 PDF 合并、壓縮和圖片文字識別 OCR 等功能，適用于各類辦公文檔的高效處理。

5. PDF2GO

網站鏈接：https://www.pdf2go.com/zh

這是一個免費的在線 PDF 轉換器，不用安裝軟件就可以在線把文件轉換成 PDF 和進行 PDF 壓縮等操作，功能齊全使用便利。

更多關于 PDF 文件壓縮的工具這里就不一一列舉了，感興趣的同學可以微信黑馬哥索取。無論是通過網站還是軟件進行壓縮，都只是工具層面的運用，希望大家堅持加強自身專業的拔高。

小結

本文主要分享的方向是如何控制作品集的文件大小，從最初的尺寸設置思路到包裝過程中的圖片大小控制等。也分享了鏈接化作品集和 Demo 化作品集的形式，這些是提高面試體驗度的方法，帶給面試官更好的判斷體驗。我們也可以將一些可以公開的作品集發布在一些設計平臺，提高曝光度獲得更多的機遇。

除了一些變相的方法以外，也給大家推薦了一些 PDF 壓縮的工具和網站，可以在保障畫質的情況下使得作品集體積更小。

無論是工具還是包裝的技巧，都是在“最后一公里”進行完善，而作品本身的質量也是至關重要的。希望大家加強日常的學習和磨練，提高自身的專業素養，才能獲得更好的機遇，發揮更高的設計價值。

希望本文的分享可以帶給你更多幫助，我們互相努力。

歡迎關注作者的微信公眾號：「黑馬家族」