整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
文作者結合自己的經驗和實際案例，與大家系統性地分享了UX作品集的設計思路，希望對你有所幫助，enjoy~
回想2017年11月，當時我的作品集上只有一個項目，我把它提交給一個愿意幫忙指點的招聘人員后，受到了嚴厲的批評，所以我對作品集感到非常擔憂。
于是我把自己的作品集發布到 Facebook 和 Slack 小組，希望得到一些提升項目展示的建議和方法，然后獲得了很多素未謀面的設計師們的幫助和支持。
我非常感激他們的幫助，這也是我寫這篇作品集創建歷程的原因，同時也希望這篇文章能夠幫助更多的設計師創造出結構合理而又獨特的作品集網站。
去年秋天，很榮幸我的作品集被 bestfolios.com 選為編輯精選。
在 Medium 上已經有很多關于創建UX作品的建議了。我不想再講類似的建議，而是希望把我作品集的創建過程作為一個案例研究，這樣就可以知道我究竟是如何將那些建議用在實踐中了。我將會講到以下幾個方面：
你可以選擇你最想了解的部分進行閱讀。下面讓我們開始吧！
就像我設計其他項目時一樣，我一開始都會去學習現有最好的設計，看一看有更多經驗的設計師們都是怎么創作的。
我開始并不知道一個UX作品集是什么樣子的，所以我首先查看了來自美國頂級HCI項目的學生網站。我瀏覽了大量的作品，就是想了解作品集里有什么，他們都把哪些項目放到作品里面。
這里是我瀏覽的部分網站：
在 Mudium 上也有一些講述如何創建UX作品集的優秀文章，我從中學到了很多：
from Geunbae “GB” Lee
from Nick Babich
首先，設計不是藝術。那為什么不引用史蒂芬喬布斯和畢加索的名言呢？他們對如何從別人哪里獲得靈感有非常獨到的看法。
對于我來說，看別人的作品不是為了抄襲，而是要去學習他們哪里做的好，他們是如何解決在作品集設計中遇到的難題，為什么他們的解決方案很好，甚至是他們哪里做的不好，這樣你才能發揮自己的優勢，取其精華去其糟粕，用自己的方式去解決他們沒有搞定的問題。
我接下來會講在我創作作品集的過程中所作出的具體決策，而且會詳細來說我究竟從別人的作品集中學到了什么。
有很多工具可以幫助設計師來創建作品集，比如說 Squarespace, Wix, Readymag, Adobe Portfolio, Webflow 這些模版平臺, 或者直接自己動手使用 HTML/CSS/JS 語言 來寫網站等等。那么我是如何抉擇的呢？
選擇合適的工具就如同打下了堅實的基礎：你需要付出哪些努力，你的網站可以實現哪些功能，你能夠選擇或創建的樣式等等，而這些都取決于你最初選擇的工具。
在我研究作品集的過程中，我會記錄下其他人的網站上有用的功能（側邊欄導航，可展開內容等），并添加了一些我認為會使我的網站更有用和更具吸引力的功能。
然后我學習了所有可用的工具，去了解它們分別能夠實現什么功能。因為我很明確我的作品集里面需要什么，而且我想要通過獨特的交互來使作品集具有很強的個性，所以我最終決定還是自己來寫代碼建網站。
也就是說，自己寫代碼就意味著我需要自己考慮所有的細節，比如保持樣式一致性，讓網頁能夠支持響應式，能夠很好的適配手機、平板電腦還有所有主流的臺式機屏幕分辨率。
當我開始建網站的時候，我花了相當長的時間去糾結這些技術細節，但是其實我本該把這些時間花在項目打磨上的。我可以想象如果想要去完全重建作品集網站是很困難的。而 Squarespace 這類工具都幫你搞定這些東西了，你可以專注于你的內容展示。
這對我難說很難取舍，但是我真的很希望我的網站能夠有自己的特色，所以我還是愿意去花時間和精力在寫代碼上。當我有時間的時候我也會去逛以下 Webflow ，它也會提供一些高度自定義的交互方式。
這是我主要的收獲：當創建作品集的時候，思考什么對你和你的目標用戶更重要，然后選擇合適的工具來幫你實現這個目標。
設計師要以用戶為中心。如果你申請的是一份UX/產品設計師的工作，但是你自己的作品集網站很難用，這就很諷刺了。
但是在我瀏覽其他人的作品集網站的時候，還是會發現很多網站不好用。有些會在主頁放一些設計作品的好看圖片和富有創意的名字，但是這些信息并沒有告訴我們作品本身是什么，還有它解決的問題有哪些。
有一些會在案例說明中放上很詳盡的設計過程，我更喜歡這種；但是如果在頁面上沒有大綱或者導航，我很快就不知道自己看到哪里了，然后就不會繼續往下看。有一些有很酷的動畫和視覺效果，但是讓人眼花繚亂，我沒辦法很快定位到我需要的信息，特別是當我時間有限的時候。
如果我們站在目標用戶（招聘人員和設計師忙于他們的工作）的角度，并著眼于他們的需求進行設計，就可以避免很多類似的問題。
有的功能是我特意放在作品集網站中的，為了讓目標用戶瀏覽起來更方便。其中有些是受到其他設計師優秀設計的啟發，有些是我自己思考出來的，還有的是我從評論中得到的反饋。
我不會分享這些具體評論，因為我覺得這只是創建作品集網站的方法，但是它們真的）有幫助我在網站上得到了很多積極的反饋。
招聘者和設計師們翻閱我們的作品集，查看我們的項目和經驗，是為了了解我們做了哪種類型的設計，我們是哪種設計師，還有我們給人的印象是否和他們要找的人相吻合。
通過和不同的招聘者及設計師交談，我學到的第一件事就是他們通常會去看我們的項目列表，因為我們的作品能夠證明我們的能力。
所以，為他們提供更多項目的信息很重要，這可以幫助他們快速決定要更多了解哪個項目。以下是我放在每個作品描述中的內容：
我不僅提供了項目的圖片和名稱，還提供了更多的信息。
再次說明一下，我不是說這是唯一的解決方案，但是這是我對它的思考。很多人會默認點擊列表中的第一個項目，如果他們沒有看到自己想看的內容就會離開網頁。當然大多數情況下我們的第一個項目應該是最引以為豪的那個。
但是，如果他尋找的是與信息可視化相關的項目，而這個項目在列表第三個，這時候該怎么辦呢？我們應該讓他們一個一個看項目直到發現想看的那個，如果這時候他們還沒有放棄的話；還是說我們給項目加上相關信息？
我認為這些頁面的目標就是去吸引合適的人去查看他們感興趣的項目，最大限度地增加自己作為潛在適合者的機會。所以我試著去做這些工作，讓他們能夠一下看到想看的內容。
對于我們做過的項目，我們總想去深入挖掘，然后展示所有考慮到的細節，這樣去表現自己的設計技巧和思維能力。
但是，對于那些不熟悉項目背景也沒有太多時間查看所有項目的人來說，他們只是希望快速了解這個項目到底是什么，值不值得點擊去瀏覽。
一個快速提供這些內容的方法就是展示出來項目概況，包括以下內容：
我發現最后一點非常有用——每一個我放在作品集里面的項目，我嘗試去展示其主要功能和價值主張，并且設法去推銷它，好像我真的在吸引顧客一樣。
這種做法推動我去更深入地思考設計的新增價值；也幫助我的讀者很快知道我的設計是什么，為什么他們需要關注它。
在這個部分的最后，我還是會給到用戶直接跳轉到最終原型的頁面的選擇，如果他們想要跳過設計過程直接上手體驗產品。這取決于他們的時間和興趣，他們可以很快地看我的設計成品，也可以詳細閱讀設計過程的文檔。
項目概覽示例
我最初是在 Geunbae Lee’s 的作品集中看到側邊導航形式的，并且認為很有用。因為側邊導航對我的網站很重要，但是它在很多網站模版工具中又不能實現，所以這也成為我自己動手寫代碼來建作品集網站的原因之一了。
側邊導航最終版本
有很多原因能說明側邊欄對我來說很重要。首先，我的設計過程通常復雜又靈活，在其中會反映出我在設計過程中學到了什么，遇到了哪些問題，我接下來應該怎么做，諸如此類。
我想完整地記錄我的設計過程和思考，因為我認為這是我的長處之一。但我知道不同的人訪問我的網站是想看不同的東西，可能會挑著去找他們最需要的信息。所以有了側邊欄就意味著我可以為所有的內容提供一個大綱，他們可以選擇重要的內容去看。這給了我的讀者一種可控感。
說到大綱，側邊欄還有助于為讀者說明整個案例研究的信息架構。你可能現在已經忘記了，你正在讀的是“考慮用戶需求”的“側邊導航”小節的內容。
雖然知道這在某些情況下并不重要，但讓讀者了解他們在文章中所處的位置，并讓他們對接下來將要閱讀的內容有預期，肯定會有助于創造更好的閱讀體驗，尤其是當他們時間比較少的情況下。
另一個幫助別人快速瀏覽作品案例的功能是可擴展內容，我最開始是在 Phil Kimura-Thollander’s 的作品集中看到的。
通過跟很多設計師和招聘者交談，我了解到他們在設計流程中最想看的是：
所以我決定把這些信息直接放在頁面第一層級，讓每個人都能夠看到。
但是交談中有些人還是對細節很感興趣，比如我的研究是如何展開的，詳細的結果是什么，我是怎么詮釋這些結果的，為什么我只選擇了特定的平臺去設計等等。
對于這些信息，我決定在主線流程中進行隱藏，只讓那些感興趣的人去探索。某種意義上來說，這就如同是為普通用戶和那些需要更多控制和信息的專家用戶做設計一樣。
用信息可視化的術語來說，網站/案例研究的整個流程類似于 Shneiderman 的口頭禪：先展示概覽，然后進行精簡和篩選，接著按需要展示更詳細的信息。那些可展開的內容就是更詳細的信息。
展開內容
另一個幫助別人快速瀏覽作品案例的功能是增加高亮。一開始我把設計故事的核心句子加粗，這樣別人可以了解到我的故事或論證的中心思想。
然后我被 Wan-Ting Huang 的作品集激發了靈感，決定在用戶滾動頁面的同時高亮重點內容，這樣可以更好的引起他們的注意，也有更驚艷的閱讀體驗。
滑動時候高亮重要內容
通過收集到的反饋，我發現用戶真的很喜歡高亮的形式，因為這讓他們能夠更快地找到重要信息。也有人問我這個功能是怎么實現的，而且也看到有其他人的作品集中也用了類似功能。
當我們談到設計師的良好特質時，能夠接受建設性的批評，讓自己很受傷但是仍然能夠快速失敗并不斷迭代的能力一直是其中之一。
當我在創建自己作品集的時候，我也會確保我從不同的人那里收集到了反饋。在的佐治亞理工學院，當校友或來自不同公司的招聘人員訪問的時候，可以得到很多作品集評審的機會。我會抓住機會收集作品集的反饋。
我通常會用兩種方式來收集反饋。有時候我會讓評審作品集的人進行瀏覽，就像他們正在網上從成百上千的建立中尋找感興趣的某一個作品集一樣。我會問他們要找哪些內容，然后觀察他們的習慣，讓我的作品集能夠在這種情況下符合他們的要求。
還有一種方式是，我會對著作品集來為他們講解一個案例，就像我正在參加面試一樣。我會記錄下我跳過的地方，一些比較難解釋的想法還有他們的問題，然后我可以優化流程和內容。
還有其他一些我利用到的資源。比如，Slack 和 Facebook 上一些作品集相互幫助的小組。他們給我提供了各種各樣的見解。但是，我也會對采納的建議有所選擇，因為每個人都會從自己的角度來批判作品集。最終，我會來定義優先級，作出最終的決定。
我現在的作品集是我的第二個主要版本，但是它已經經過了上百次的迭代。我仍然很樂意去繼續完善我的作品集，我也歡迎各位的反饋。
招聘者想要招到對自己的工作充滿熱情，會為團隊做出貢獻，而且將來會成為好同事的人。
我曾經為在美國申請大學的學生提供建議，指導他們寫個人陳述。我通常對他們說的是，你的個人陳述是唯一一個在面試之前可以表達自己的聲音，并向招生者展示自己的地方。我認為作品集也是如此。
如果你的簡歷是對經歷的客觀總結，那么你的作品集就是一個真實的個人空間，通過你所介紹的項目、你描述流程的方式以及你設計整個作品集的方式，可以展示你是誰，你對什么事情報以熱情，你是如何思考的。
以下這些作品集中的內容很受大家喜歡。
這真的是我作品集中最自豪的一個部分了。盡管它不是一個重要的部分，很多面試官都很喜歡它，因為他們認為這個動效表現了我的個性和對細節的專注。
有圖片、動畫和視頻的案例研究通常需要一些加載時間，會讓瀏覽體驗不那么好。這就是為什么許多人更喜歡使用預加載器作為臨時占位符，并且僅在加載完所有內容后才顯示網頁內容的原因了。
但是預加載過程也會很重復無聊，特別是當一個頁面需要十多秒去加載的時候。我們可以為這些等待時間增加什么樂趣，從而讓用戶不用去盯著同樣的加載占位符重復一遍又一遍？
我最初的靈感來自于 Google Chrome。當網絡鏈接斷掉的時候，Chrome 會優雅地提供一個簡單的恐龍游戲。這讓等待很有趣，也消除了人們可能會體驗到的的挫敗感。
恐龍游戲
但是我不只是想給用戶一個有趣的等待體驗；我想要我的加載動畫展示我是誰，這樣用戶每次打開一個新頁面，他就會多了解我一點，即使他還沒看過我的作品。
通過很多探索，我決定去展示一些作品中永遠都不會寫的關于我自己的趣味軼事。我整理了20條，關于我的興趣，過去的經歷，寫作，思考等等，讓它們隨機出現在加載過程中。
這些趣味軼事5秒內就能瀏覽完，每次人們刷新頁面時都會更新，這可以幫助他們更好地將我想象為自己的同事/朋友，但它又不是必不可少的，所以如果人們錯過了它，我不會有任何損失，因為這說明頁面加載速度比預期的快。
預加載過程中的一個趣味軼事
很多看過我作品集的人都會跟我提gif中的這個細節，有些人甚至會試著刷新很多次就為了看我所有的趣味軼事。我設計這個小交互的時候也覺得很有趣，我很高興可以利用我的設計和編程技能完成它，我也建議你們都利用自己的優勢，去讓自己的作品集變得個性又驚艷。
作品集中的項目和你展示它們的方式應該能夠反映出你的優勢，這能夠幫助你定義整個作品集網站的風格和感覺。
如果你去瀏覽那些成功的作品集網站，你會發現他們的出彩是因為不同的原因。一些是因為有很多種類的高品質項目，一些是因為有詳盡的設計過程和深入的思考，還有一些用了很好看的插畫去簡潔地傳達用戶需求和設計解決方案。
這些設計師的優勢和個人風格也都有意無意地反映在他們的作品里面，就像觀眾可以從 Quentin Tarantino 或者 Christopher Nolan 的電影來判斷他們的風格，你的作品集的訪問者應該能夠從你的項目和你記錄它們的方式來判斷出你是哪種設計師。
對于我來說，我很早就發現自己不太擅長畫畫（我只能畫盒子/界面！）盡管我也學著去用可視化的方式來更好地表達我的想法，但是我可能比不上那些畫了十多年的人。
在過去的兩年里我也只做了少數幾個項目，這就是為什么我要專注于我的優勢，去為我的項目記錄高度詳盡的流程，深思熟慮的結構和深刻的反思。
當每個喜歡我的作品集的人都表示他們驚艷于我的設計流程、我對細節的關注還有作品質量的時候，我知道我成功了。但是，擁有詳盡的設計流程也意味著我的案例研究會很長。這也是為什么我會那些在第三部分提到的些設計決策，去方便跳過和瀏覽。
UX/產品設計師通常都來自不同的背景，有著各自獨特的興趣。我有計算機科學和心理學的學科背景，所以我對為人工智能和 VR / AR / VUI 等新興技術做設計特別感興趣，這樣我們可以利用它們的優勢來使人們的生活更方便。
因此，我選擇與這些技術相關的學校項目和附帶項目，并讓自己對這些新興領域的設計原則進行更多的思考。我把這些內容放到作品集中去展示我喜歡設計什么，同時也寫下我對聲音語音設計和AI設計的思考。
你的項目應該能夠證明你的能力和興趣。確定你選擇的項目是可以反映它們的，然后做好用你的熱情去講述每一個作品集中的項目的準備。
雖然我不是一個品牌設計師，我卻著迷于創建品牌形象。這和在作品集中展示優勢和興趣類似，但是創建個人品牌需要更進一步：你實質上是在試圖去為讀者建立你自己的形象，并讓自己和一些形容詞/技能掛鉤。
由于我沒有視覺設計的背景，我不能夠去作出一個能代表自己的logo（如果有人感興趣，我樂意提供幫助！）相反，通過思考我的經驗和優勢，我頭腦風暴了很多方法想讓別人記住我。
最終，我決定在我的名字——Tony上搞些花樣，作為“技術愛好者，思想家和T形設計師”，所有這些都以T開頭，反映了我的技能/興趣/個性。
這像是在做一些營銷上的努力。我在作品集、簡歷、領英個人主頁和 Medium 主頁上給自己打上標簽。當我在面試中介紹自己或者現場演講的時候也會提到這些。通過這種方式，我確定我的作品集和其他所有材料都傳達了我想要表達的信息，共同向目標用戶展示了一致的品牌形象。
我覺得這么做很有趣，也還在深入探索個人品牌究竟是什么。
你終于看完了！覺得感受如何？繼續尋找你自己的優勢和風格，然后嘗試在你的作品集里展示它們。
作者：Tony Jin
原文鏈接：https://uxdesign.cc/how-i-designed-and-built-my-ux-design-portfolio-from-scratch-f1f9b5261029
翻譯：Evelyn；審核：Maisie；翻譯小組公眾號：交譯所
本文由 @交譯所 翻譯發布于人人都是產品經理。未經許可，禁止轉載
題圖來自Unsplash，基于CC0協議
章來源：D9設計
設計愛好者們再熟悉不過了
原研哉 （Kenya Hara），1958年06月11日出生于日本，日本中生代國際級平面設計大師、日本設計中心的代表、武藏野美術大學教授，無印良品（MUJI）藝術總監。
原研哉，一直活躍在設計領域，在重視 "物" 的設計的同時，還重視 "事" 的設計。
原研哉先生始終以一種不受外界影響的自在世界觀去面對“日常生活”，用謙遜敏感的目光去發現設計點，然后用精準的洞察力去修正現存的設計行為理念，將現代設計推向一個更高的層次。
其設計一向遵循極簡、留白、自然的風格。對于如何駕馭“地域性”和“國際性”二者的關系，原研哉回答到：“日本設計有四大特點，分別是：細致、慎重、纖細、簡潔。這四點滲透到了日本的方方面面。越是質樸到極致的東西，越是高級感更足，這種‘周到的精細’在設計中是非常有價值的。”
“設計是一種教養”，原研哉，說出在他心中設計的定位，他認為“設計師”不該是社會中特殊的行業，設計更不該讓人難以親近，設計品也不僅是“禮品”。設計應該是一種教養，就像是公德心、禮貌般，是能隨時掛在嘴邊，是能環繞在日常生活之中，是能無聲無息影響著人們的生活的。
下面一起來看下他近兩年最全新作品吧：
——
Osaka Metro 大阪地鐵VI視覺設計
由公營轉為民營、重新開業的“大阪地鐵”的VI規劃。
其象征圖案反映了同樣用于企業口號的品牌概念–“不斷行進，不斷變化”。通過內含地鐵“Metro”的“M”，以及大阪“Osaka”的“O”的螺旋動感形態(活動M)，體現出充滿活力的大阪街巷，以及不斷行進的生命力。
——
ISETAN DOOR定期送貨服務品牌視覺設計
LOGO中“DOOR”的“OO”好比具有高度鑒別力的百貨商店采購員的“眼睛”，表達方式讓人感到親切。送貨的快遞箱上也變形繪出“眼睛”的表情，既簡潔明快，融合于生活，又富有新意。
——
SICF19 藝術節品牌視覺設計
“SICF19”以發掘、培養、支持年輕創作者為目的的藝術節品牌
靈感以“發掘原石”為理念，
來制作LOGO、VI工具、動畫和獎杯
——
韓華保險子公司“LifePlus”品牌新形象設計
LifePlus成立于2017年，是由韓華生命、韓華損害保險、韓華投資證券、韓華資產運用和韓華儲蓄銀行6家韓華集團金融子公司聯合創建的以面向生活服務的金融品牌。
LifePlus全新的標識讓人聯想起我們的生活，從“固定”到“移動”的擴展，形成一種有機變化和成長的生活方式，將現代人的生活融入Life Plus品牌價值中，并期望能夠改變人們的生活并得到積極的發展。
——
草間彌生美術館 視覺識別設計
從前衛藝術家草間彌生的親筆簽名中獲得靈感，設計出的視覺識別。已應用于宣傳冊、開館紀念展宣傳單頁、名片和信封。
采用富有特色的人類形象圖形，使參觀者能直觀理解單向行進路線，可順利參觀館內各處。
充分利用視覺識別和草間作品的要素，應用于美術館原創商品的包裝、工作人員T恤等。
草間彌生美術館開館紀念展的展品目錄。封面采用將作品貼在質感明顯的粗澀材質上的設計，再加以黑色和銀色的燙金處理等，打造出富有質感的目錄。
——
MUJI無印良品全球最大門店
這些插圖廣泛應用于火車上的數字標牌和網頁橫幅廣告中。主要通過火車、公共汽車和其他交通系統和標牌上的廣告推廣無印良品。（詳細請看往期介紹鏈接）
——
MIKIMOTO日本珠寶商品牌VI視覺設計
在賦予標識以正體所應有品格的同時又行整理，使其兼備現代性與清晰度。品牌色為“未成之白”–換而言之，即將其設置為功成圓滿前具有可能性的“白”，通過運作富于變化的“白”而進行呈現。
——
YOSUI BOX《100個白人》新書
——
La Seine Musicale導視設計
位于巴黎郊外賽甘島上的音樂復合設施的VI與標識規劃。象征圖案為抽象化的建筑造型，在建筑物內部起著顯示各項設施場所的功能。標識規劃則是在類似五線譜的條格上配置文字及箭頭，使信息漂浮于空間。
——
MUJI HOTEL 無印酒店深圳
開設于中國深圳的旅行休憩之地–“無印酒店”，在下榻的同時還可欣賞無印良品。
從酒店內的服務指南到客房插座的位置，無一不體現出無印良品自身的思想與思索。
——
無印良品餐廳蒸汽標志
在無印良品銀座地下一層，無印良品餐廳致力于將其提供的食物中的原材料、天然風味發揮出來。為了鼓勵步行在銀座地區的人們參觀這家餐廳，設計師想出了在街道入口處安裝這個標志的主意。
——
第21屆米蘭三年(Triennale di Milano)“新?史前時代 100個動詞”展
第21屆米蘭三年(Triennale di Milano)“新?史前時代 100個動詞”展，由意大利建筑師Andrea Branzi和原研哉共同收集整理的代表人類欲望進化的100個動詞和物品。原設計研究所負責企劃、制作、展示計劃。
最后來欣賞一下原研哉的標志logo作品：
- END -
有倉設計（http://yooooc.com/shop.html），廣受90后設計師喜愛的設計資源平臺，設計氣象臺唯一官方指定網站。內容涵蓋建筑/規劃/景觀/室內四大板塊，你可以快速找到方案文本/作品集/競賽圖紙/施工圖/SU模型/3DMAX模型/Lumion模型/分析圖/軸測圖/教程/工裝效果圖/家裝效果圖/插件/電子書/字體/筆刷/PPT模板/平面圖/立面圖/剖面圖/簡歷/軟件插件/施工圖/素材/ID模板/參考規范/名人資料/意向圖等高端設計資源。
免責聲明：
以上圖片及資料內容部分來源于網絡，由我方原創整理，版權歸原作者所有；若此圖庫侵犯到您的權益，請與我們聯系刪除。若轉載，請在公眾號后臺回復“轉載”。
UX-BOY ：設計行業相關的小伙伴們找工作時一定要做的一件事是準備作品集，而作品集完備后接下來會做的另一件事就是作品集的壓縮。關于壓縮作品集這事兒讓人有多糾結，我想有過類似經歷的小伙伴會有一些感觸。所以這次想跟大家分享如何在限定條件下，拿到最佳質量的 PDF 作品集。
現狀及問題
目前大家壓縮作品集用的最多的應該是 SmallPdf，這個網站使用方便，壓縮率也很可觀。
詳細介紹請看 → https://www.uisdc.com/online-pdf-convert-websites
但它存在的問題是什么呢？壓縮比率不可控、壓縮后生成文件大小不可控，最重要的是壓縮后圖像品質不可控。就像一套流水線，不管把什么類型的 PDF 放進去，它都會執行同樣的操作，然后輸出同一標準的文件，這個文件有可能會非常小，也有可能仍然比較大。當文件小的時候品質一般不太好，會比較模糊，而當文件大的時候你也沒法讓它進一步變小。
理想的壓縮方式是什么樣的
好的壓縮是什么樣呢？比如 Boss 直聘、脈脈等網站要求附件簡歷 10M 以內，這個時候我壓縮后的作品集最好是 9.6M、9.7M。而對于那些留有郵箱的職位，附件 20M 以內比較合適，這時候我希望作品集壓縮后是 19M、19.6M。
對于壓縮而言，文件體積的減小，一定是伴隨著圖像品質的丟失，這點我想大家應該能和我達成共識。所以我們在限定條件下讓作品集的大小盡可能的接近于那個限定值，這個時候拿到的作品集就是在限定條件下質量最佳的作品集。顯然要達到這個目的，SmallPdf 這類全自動的壓縮工具是無法滿足需求的。
Adobe Acrobat
官網鏈接：https://acrobat.adobe.com/us/en/acrobat/pdf-reader.html
作品集要達到在限定條件下圖像質量最佳的目標，可以使用 Adobe Acrobat。
PDF 這個文件格式最初是由 Adobe 公司創建并定義的，所謂知子莫若父，所以處理 PDF 我覺得沒有比 Adobe Acrobat 更擅長的了。
打開軟件我們看到有 N 多處理 PDF 文件的選項，但壓縮 PDF 我們只會用到紅框里的「優化 PDF」。
點擊「優化 PDF」，選擇你要優化的 PDF 文件，之后會看到如下圖的界面：
1. 初級優化：一鍵壓縮、滿足基本需求
與壓縮 PDF 有關的是紅框里的前兩個選項「減小文件大小」、「高級優化」。
「減小文件大小」這個選項與使用 SmallPdf 在線壓縮效果幾乎一致，我測試的 PDF 文件用 Sketch 制作，共 79 頁、每頁大小 1920*1080、文件大小 55.8M，使用 SmallPdf 壓縮后 9.3M、使用「減小文件大小」這個選項壓縮后剛好是 10M，然后查看兩個文件，發現圖像效果沒有大的差異，后者色彩稍微好一些。「減小文件大小」這個操作點兩下就好，不需要自己做過多設置。
「減小文件大小」的操作過程：
「減小文件大小」跟 SmallPdf 壓縮一樣簡單高效，但是問題也是不能自定壓縮的比率，沒法很好控制文件大小。接下介紹另外一個選項「高級優化」，它能滿足我們更精準的操作需求。
2. 高級優化：完全自定義，想要多大就多大
點開高級優化選項會看到如下界面（默認設置）：
圖像跟字體是影響 PDF 文件大小的關鍵因素，對于設計師的作品集來講，圖像基本會占到文件大小的 97% 以上，所以優化時僅調整圖像選項卡上的內容就可以了，其它選項講多了反而亂，不好理解。
第一步：利用 PDF 優化器壓縮作品集
調整兼容性為最高（最新）版本。兼容性越低，能刪掉、優化的數據就越多，壓縮的比率就越大。這里不用擔心兼容性低別人打不開的問題，因為兼容的是編輯功能，而我們作品集是發給招聘方看的，對方沒有編輯我們作品集的需求。
第二步：按照紅框里的參數把自己軟件里默認的數值都改過來
灰度圖像跟單色圖像在作品集中比例較小，它們最佳壓縮方式分別是 ZIP 和 JBIG2，ZIP 是無損壓縮，JBIG2 也推薦設置為無損，因為單色圖片少，所以無損跟有損對文件大小影響幾乎可以忽略。彩色圖像有 JPEG 和 JPEG2000 兩種壓縮方式，JPEG2000 是 JPEG 的升級版，壓縮性能更高，但是在壓縮比小于 10:1 的情況下，使用 JPEG 壓縮后的圖片視覺上更銳利清晰一些，我們作品集一般壓縮比都是小于 10:1 的，所以彩色圖像我推薦的是 JPEG 的壓縮方式。如果有小伙伴作品集很大，想壓縮到很小，比如 150M 的要壓縮到 10M，這時候 JPEG2000 就是更好的選擇，對應設置看下圖：
第三步：通過調整采樣分辨率，精確控制壓縮比率以及壓縮后文件的大小
正如我文章開始提到的那樣，對于同一個 PDF 文件，如果對方要求文件小于 10M，那么壓縮后 9.8M 文件的顯示品質必然是要優于 7.8M 的。而接下來這一步就可以保證我們在限定條件下，讓作品集的大小無限接近于那個臨界值，從而爭取更好的顯示效果，這也是利用 Adobe Acrobat 壓縮作品集時最有價值的點。
通過調整采樣分辨率，可以以 KB 為單位精確控制壓縮后的作品集大小。剛開始時可以以較大的跨度去調整采樣分辨率，比如從 150ppi 調整到 96ppi。以我的測試文件來看，這個調整可以將原文件 55.8M 分別壓縮到 17.4M、13.5M，也就是從150ppi 調整到 96ppi，文件減小 4M 。之后可以采用從 96ppi 調整到 95ppi、94ppi 的方式微調文件的大小，這種微調每次大概會減少 200多kb 的空間。如此我們就達到了最初的目的：在限定條件下，拿到接近那個限定值的最佳壓縮品質的作品集。
總結
1. Adobe Acrobat 使用方法
Adobe Acrobat 的使用方法：
2. 壓縮網站 iLovePDF
除了 SmallPdf，我還發現另一個在線 PDF 壓縮網站：iLovePDF，比 SmallPdf 多了一些選項，使用起來更靈活，壓縮效果也不錯。如果你對于作品集的壓縮要求不高，我建議優先使用 iLovePDF；如果有較高的要求，建議使用 Adobe Acrobat 的高級優化，自定義壓縮比；如果 iLovePDF 這個網站你打不開，再考慮使用 SmallPdf。
△ https://www.ilovepdf.com/compress_pdf
看完文章也許有人會說，關于作品集壓縮有必要這么大費周章么？只要作品內容好，糊不糊都無所謂。
首先我認為這個觀點是沒問題的，畢竟有人找工作作品集也是不需要的，甚至簡歷也可以不給，即使這樣也能去好公司拿非常高的薪水。但對于大多數人來講在當前環境下找一份稱心如意的工作還是比較難的，所以我愿意花時間分享一點點經驗，倘若它能在你找工作的路上提供一點點幫助，即便是那份幫助微不足道，我也覺得我這一下午的時間是值得的
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
