本文授權轉(zhuǎn)自：黑馬青年（ID：heimauiux）

正文

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

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

分享目錄

一、作品集包裝尺寸

二、作品集配圖大小控制

三、鏈接化作品集

四、Demo 化作品集

五、作品集壓縮工具

六、小結

一、作品集包裝尺寸

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

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

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

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

二、作品集配圖大小控制

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

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

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

三、鏈接化作品集

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

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

我們在包裝作品集的時候會先制作最全的版本，然后會精簡出一個精簡版本，要是企業(yè)內(nèi)推或者平臺附件限制，可以傳精簡版，然后里面?zhèn)渥⒆钊姹镜逆溄踊蛘叨S碼，這也是一種變相的解決方案。

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

四、Demo 化作品集

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

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

作者：Chris_Tiny

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

五、作品集壓縮工具

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

5.1 ilovepdf

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

5.2 Smallpdf

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

5.3 PDF.IO

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

5.4 迅捷 PDF 轉(zhuǎn)換器

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

5.5 PDF2GO

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

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

六、小結

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

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

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

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

在科技浪潮奔涌向前的當下，人工智能正深刻重塑我們的生活與工作。人機之間的關系，也從簡單交互邁向深度協(xié)作。想知道如何在這一趨勢下把握體驗設計的新方向嗎？2025 年 10 月將在北京舉辦的 IXDC 國際體驗設計大會聚焦 “人機共生：人工智能時代人機協(xié)作新范式”，作為全球領先的用戶體驗創(chuàng)新盛會，它將匯聚前沿理念與實踐。一起來關注這場盛會，探索人機協(xié)作的無限可能。

文章轉(zhuǎn)載：黑馬青年，版權歸原作者所有

原文鏈接：https://mp.weixin.qq.com/s/ZISMYS47m4q0Z0O-omOgew

版權聲明：“IXDC”所推送的文章，除非確實無法確認，我們都會注明作者和來源，本公眾號對轉(zhuǎn)載、分享的內(nèi)容、陳述、觀點判斷保持中立，不對所包含內(nèi)容的準確性、可靠性或完善性提供任何明或暗示的保證，僅供讀者參考。部分文章推送時未能與原作者取得聯(lián)系，若涉及內(nèi)容或作品等版權問題，煩請原作者聯(lián)系我們，給出內(nèi)容所在的網(wǎng)址并提供相關證明資料，我們會核查后立即更正或者刪除有關內(nèi)容！本公眾號不承擔任何責任，并擁有對此聲明的最終解釋權。

聯(lián)系微信：18802086168

聯(lián)系電話：18802086168

編排 | 羅家玉

終審 | 蘇 菁

點這里，學習更多設計知識！