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

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

分享目錄

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

作品集包裝尺寸

目前來(lái)說(shuō)我們通常是以 PDF 的形式展示作品集居多，方便面試官進(jìn)行作品預(yù)覽。在包裝作品集的時(shí)候大部分設(shè)計(jì)師會(huì)選擇設(shè)計(jì)軟件進(jìn)行，比如 Sketch、PS 和 AI 軟件等，多畫(huà)版包裝便利，也方便導(dǎo)出 PDF 格式。

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

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

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

作品集配圖大小控制

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

我們只要保障圖片在一比一預(yù)覽作品集的時(shí)候清晰即可，無(wú)論多大尺寸的配圖，多余部分的尺寸都沒(méi)有必要性?？刂婆鋱D大小，在包裝的時(shí)候電腦反應(yīng)速度也會(huì)更快。

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

鏈接化作品集

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

可以利用第三方工具平臺(tái)存儲(chǔ)作品集，然后在簡(jiǎn)歷中附上作品集的鏈接，這樣也能解決因?yàn)檎衅钙脚_(tái)附件大小限制的問(wèn)題。也可以將鏈接轉(zhuǎn)化為二維碼，附在 PDF 作品集中，利用草料二維碼轉(zhuǎn)換器可以將鏈接轉(zhuǎn)換為二維碼。鏈接化作品集的形式簡(jiǎn)單方便，無(wú)論是通過(guò)鏈接分享還是二維碼分享都非常便利。

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

當(dāng)然，如果方便對(duì)外公開(kāi)的作品集，個(gè)人還是建議在一些設(shè)計(jì)平臺(tái)進(jìn)行發(fā)布，也能帶來(lái)更高的曝光度，創(chuàng)造更多的機(jī)遇。

Demo 化作品集

對(duì)于 UI 設(shè)計(jì)師來(lái)說(shuō)，我們的作品集大部分都是 App 界面、小程序界面、網(wǎng)站后臺(tái)界面等，特別是對(duì)于移動(dòng)端設(shè)計(jì)為主的同學(xué)，將項(xiàng)目作品 Demo 化更有利于面試官直觀(guān)的體驗(yàn)我們的產(chǎn)品設(shè)計(jì)。

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

作者：Chris_Tiny

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

作品集壓縮工具

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

1.? ilovepdf

網(wǎng)站鏈接：https://www.ilovepdf.com/

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

2. Smallpdf

網(wǎng)站鏈接：https://smallpdf.com/cn

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

3. PDF.IO

網(wǎng)站鏈接：https://pdf.io/

這個(gè)網(wǎng)站設(shè)計(jì)簡(jiǎn)潔易用，hover 狀態(tài)下的圖標(biāo)動(dòng)效也非常的巧妙直觀(guān)，作為設(shè)計(jì)師來(lái)說(shuō)，滿(mǎn)足我們對(duì)于 PDF 壓縮的需求之外，網(wǎng)站的感官體驗(yàn)也是一種追求。

4. 迅捷 PDF 轉(zhuǎn)換器

網(wǎng)站鏈接：https://app.xunjiepdf.com/

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

5. PDF2GO

網(wǎng)站鏈接：https://www.pdf2go.com/zh

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

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

小結(jié)

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

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

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

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

歡迎關(guān)注作者的微信公眾號(hào)：「黑馬家族」