HI，大家好，我是竹子。又到了一年一度的求職季節，2022 年的金三銀四貌似特別的冷，每年的春天，是公司發展做計劃的時節，所以有旺盛的招聘需求，但現在隨著經濟大環境的影響，各行業整體招聘趨于保守，所以設計相關的崗位流動性也在進一步減弱。在整體需求走低的情況下，設計師的求職難度也進一步提升。那么如何通過品集是全面展示自己的個人能力了。今天分享的關于設計師作品集，這篇文章非常長，竹子寫了 1 個星期。整篇文章分為 6 個部分論述，需要花一些時間理解。

作品集的構思

1. 設計價值

一般意義上認為設計師的作品集會就是工作或者學習作品的集合呈現，網上有非常豐富的話術和模板去教授作品集如何排版整理。但我認為作品集，如果只是從各種排版形式作為切入點去考慮，是非常直白的，或者更多容易陷入模板化設計中，這種粘貼復制的作品集是缺乏靈魂的。

設計師更多應該考慮如何通過作品集去展示個人價值和商業價值。商業社會中，公司的招聘是需要一位有專業度的設計師以專業能力去滿足崗位需求。所以我們除了作品專業度的表達，還需要思考在整個崗位上下游中，我的專業度體現在哪里，我在整個公司的崗位流程中可以提供的設計價值在哪里。

我認為一個合格的設計師個人價值分為兩大塊，基礎的價值和提升價值。基礎價值就是解決公司產品的美學體驗問題。例如 UI 設計師的基礎價值就是日常工作任務，完成具體的界面設計。在作品集呈現的作品靜態圖片展示就是證明設計師的基礎價值的高低。

而設計師的提升價值更多的是自發性創造的價值。提升價值體現在設計思考的層面，例如整個產品項目的設計的復盤，設計組件的整理，或者團隊的設計沉淀分享。這些價值需要更深度的思考，也是企業看重的價值。設計師通過個人價值設計賦能讓公司的產品更有商業競爭力，或者是降低了設計成本。所以作品集以價值體現來整理打造，會有不一樣的效果。

2. 價值呈現

作品集是一個想面試公司呈現你個人價值的窗口，最基礎的方式就是羅列以往你做過的項目和作品，讓面試官從作品中的視覺內容和文字設計說明中去了解你。面試的本質就是公司去觀察你的價值是否符合公司的預期，而作品集就是讓這一預期提前得到呈現。通過篩選進入面試的環節。

如果是有工作經驗的設計師，可以在整理作品集的時候，整理項目設計說明中詳細說下項目的情況，你在這個項目中承擔的角色，以及做了什么具體的工作。基礎員工可以談下項目執行中一些具體的界面思考。中高級員工可以去談下諸如界面規范的整理遞進，工作的協同中你發揮的作用。而資深設計師更應該深度思考你在公司內的角色作用。是否有在完成設計基礎工作的同時，有一些跨崗位提升項目商業價值，或者推動整個設計上下游工作的思考建議。

3. 自我管理成長

每個人都是一個獨立的個體，有自己的個性和成長路徑，對于公司來說希望得到的不只是一個設計師，更是一個在一段時間內有更多成長可能性的設計師。所以在準備作品集的時候，自我的深度總結可以讓面試官印象更加深刻。我在設計生涯的成長中有哪些值得表達的特質。

例如在設計行業的參與度，除了完成公司的設計工作外，有沒有參與各種設計的比賽，取得了一些什么成績。在知識的積累沉淀上有沒有成功，比如寫了多少設計總結，或者在一些網站上有沒有分享。在一些設計媒體上有沒有自己的主頁，發表了多少作品。

在我的十幾年的設計生涯中，我見過無數的設計師的成長過程。那么我覺得成為一個優秀設計師都有一個共同的特質，就是對設計的熱愛，因為熱愛會在生活中點點滴滴去關注設計美學，去在工作以外去反復思考揣摩技法。相反如果僅僅把設計只是做為單一的謀生的手段，工作以外就不會再去思考鉆研，那么成長的高度始終有限。

作品集的定位

1. 作品集的定位

UI 設計是一個高度依附于產品的設計，所以這個崗位大多集中在國內少數一二線城市，而其他三四線城市則崗位需求少很多。例如北京深圳會有更多的產品類型，也就會有更加多樣的 C 端 APP 的 UI 需求，而其他新一線城市如南京武漢成都則 B 端的偏后臺數據處理類型的 UI 設計需求就更多一些。

而國內其他三四線城市，幾乎沒有太成型的產品研發團隊，所以自然也不會有太多 UI 設計機會，更多的可能是承接一線城市下發的外包設計需求。所以你會發現很多三四線城市，面試的公司的外包公司居多。

另外不同的城市具有顯著的城市產業特征，例如杭州因為有阿里巴巴，所以電商相關的上下游或者電商生態鏈內的公司更多。而深圳各種電子產業更加發達，所以智能家居，機器人行業相關的 UI 需要會更多。所以你需要了解清楚所在的城市相關 UI 產品需求，作品集有針對性的準備作品。

所以假如你在一線城市有著豐富的互聯網設計經驗，準備的作品集類也很有可能在一個二線城市找不到合適工作，這也是作品集作品定位的重要性。

2. 作品集的構成

作品集是全面展示個人能力的舞臺，所以展示作品也應該有選擇的展示，常見的誤區就是作品越多越好，不停往作品集堆積各種類型的或者各種時期的設計作品。這種無序的堆積作品會降低整個作品集的可看性，同時也顯得不夠專業。

互聯網設計方向的作品集一般有三個大的設計體系，UI 用戶體驗設計體系，運營視覺體系，品牌視覺體系。每個設計師都應該針對自己具體的情況有選擇的準備相應類型的作品集，或者作品集控制好相應作品的比例。

如果在一線城市求職，去中大型公司的機會更多，那么 UI 的作品集準備類型就純粹一些，整個作品集的偏向 UI 用戶體驗設計體系去準備，作品集的展示以解析項目的細節，如何運用設計的技能去提升產品商業價值去說明。因為大城市的公司設計崗位細分度非常明顯，需要你在專一某個技能點上明顯高于其他人的積累。

而如果你發現你過往的工作背景，項目經驗沖擊大廠無望，我們必須務實的去一家不錯中小型的公司，這個時候專一的作品集反而是你找工作的巨大障礙。因為你提供的設計價值類型其實非常單一，中小型公司受制于人員預算，需要你提供的設計價值更豐富，涵蓋的技能更加廣泛，這時候你的作品集必須包含一些運營視覺體系，或者品牌視覺體系的作品。所以大型公司需要專一高級深入技能價值呈現，而中小型公司需要符合全面多項的中高階技能價值呈現。

常見的誤區就是作品越多越好，不停往作品集堆積各種類型的或者各種時期的設計作品。這種無序的堆積作品會降低整個作品集的可看性，同時也顯得不夠專業。

3. 技能展示

我們看很多設計招聘崗位需求明細，會看到各種軟件和技能的要求。UI 設計師需要會 C4D 插畫甚至代碼視頻剪輯。出現這種現象一般是設計師需求倒掛，設計師需求量變小，而設計師供給量大，從而使招聘公司提高各種設計技能需求面來篩選設計師。

所以很多設計師很盲目的開始學習各種技能，希望通過作品集加入更多類型的作品增加自己的設計競爭力。但這樣的效果甚微，因為我們需要讀懂市場的需求，很多公司需要設計師具有多面手能力，但更需要設計師通過作品集呈現的是某項專業能力高于其他設計師平均水平，其他技能的疊加只是加分項，而不是必選項。

首先準備作品集前要對自我有明確清晰的定位，明確自己的主技能是什么。我的作品是偏向 UI 產品用研類，還是 UI 視覺表現類，又或者品牌視覺類。

同樣如果你是 UI 類，作品集一定要圍繞產品項目來展示，因為這是你需要向用人單位呈現的核心價值，而 C4D 插畫攝影視頻剪輯動之類的技能展示就是輔助，甚至不用。當然 C4D 插畫的作品呈現要成熟可商用，而不是小練習。很多設計師抱著技多不壓身的想法，加入更多的初級練習的小作品，其實這樣反而暴露了你的技能不成熟，所以如果不是明顯高階成熟的作品，那么就不要一股腦堆積到 UI 作品集中。

如果擅長的是 UI 運營設計類，那么作品有傾向性的圍繞相應運營設計體系化去打造。作品集盡可能系統性的展示運營相關的所有作品類型，運營既不是幾張插畫 Banner 也不是幾個海報的堆砌，而是系統性的圍繞某個產品或者某個具體的大型活動去組織作品的展示。讓作品形成體系化，而不是零散的作品分布。

作品集的設計思維

1. 設計話術

設計話術起源于互聯網大廠，是一把雙刃劍，本質上是一種文字的內卷。用的好，話術的價值是可以讓設計的語言深度得到提升；用不好容易空洞無力懸浮在空中。那么在作品集里話術建議匹配自己的工作經歷，比如應屆生，不建議寫一些學術性很強的話術詞匯；比如我們經常在各種 UI 作品集里看到的用戶體驗地圖，用戶畫像，產品背景分析。

因為應屆生參與實際項目的機會并不是那么多，卻模仿社招工作多年的設計師，去講述各種理論數據分析。如果面試官深度的去詢問，其實面試者有很多自己并不是很懂這些理論話術的意義。這種不符合真實工作經歷的語言表達其實是起反效果的，因為你并不能真實表達你的個人能力。面試官反感千篇一律模板的話術，更希望在作品集看到不一樣的具體設計思考。

所以應屆生的作品集里我不建議直接寫上一些模板化的話術理論。這些話術更多來源于互聯網傳播的粘貼復制。并沒有真實參與過任何商業設計的應屆生在表達這類專業話術概念時顯得非常的直白淺顯。而從用人單位來看，你表現出來的價值，可能就是一些很空洞的理論。所以當然沒有機會進入下一輪面試。

一個設計師的語言表達同時要匹配個人年齡和項目經驗。理想情況下，隨著工作年限增長，應該有自己的知識沉淀和整理輸出，做一個在設計圈有輸出的人。如何在短短的幾十頁作品集中看到你的閃光點，我的建議就是真實與坦誠表達。拋棄一些浮華的裝飾，真實的展現作品本身。用平實大家看的懂的文字去表達你的設計想法。當然平實并不意味著直白，想到哪里寫到哪里，而是有總結性邏輯性的表達。

2. 思維呈現

真實的設計思考其實是一個由多點發散向某個點聚焦的過程。這個過程的細致表達可以真實的體現你的個人思維總結能力。

在作品集中有兩類不好的設計說明的呈現。一類就是不加任何思考整理，只是羅列你個人作品，這種是非常散亂的向別人呈現的你的設計價值。另外一種就是很直接的去掉了思考的線性過程，直接聚焦結果。常見的表達方式，這是一個 XX 活動，為了表達這個主題，我選擇了 XX 風格。這就是典型的思考過程缺失的表達。

設計的過程應該是一個靈感激發，多點討論，驗證決策的過程。可能有設計師覺得這是大廠才有的精細分工，中小公司是不具備這樣的時間和過程。其實這個過程每天在你的日常工作中都在腦中呈現，只是你有沒有留心總結。

思維的呈現，不一定用的是文字表達，例如一個項目的參與的過程，會有各種原型的討論，頭腦風暴的會議。過程的反復，這些可以以照片形式 的記錄過程在作品集的配圖中呈現，這其實是一個不錯的心里暗示。因為一個真實且認真打磨的項目或者作品，才會細心的總結留存日常的每一個點滴。

另外任何一個項目，不論規模的大小。我都會認真的總結風格的定義，素材的來源，顏色的參考，數據的支撐這是發散線性思維過程的碰撞，最后予以語言總結表達。這是思維的聚焦。其實是線性的發散性，然后向著集中性去聚焦。這是一個過程。那么在作品集中我覺得應該去呈現這個思維的過程。

3. 設計復盤

作品集呈現的是一個人在工作中的設計沉淀，對于已經工作的設計師，在作品集中，對日常工作的作品進行復盤總結是非常必要的，這樣也避免找工作再去整理作品集，時間緊促的尷尬。

現在找工作除了設計的視覺判斷基本的設計師美學素養之外，另外一個看重的點就是工作經歷的真實性，面試官會去從你的個人信息部分看你工作的公司，而你作品集卻完全沒有呈現與之相關的作品內容，面試官會對你的工作經歷以及作品集內容真實性感到懷疑。

如何做設計復盤，我不建議做蜻蜓點水沒有深度的項目匯總了，過去我們會看到很多 UI 作品集以項目說明的核心思想去展示作品集，作品集中也并不需要展示所有項目，作品集由于篇幅限制，一個項目短短十多頁的展示，從項目的背景到商業價值到調研到呈現，很多的內容加入這樣確實很完整，但同時也顯得沒有深度，同時這類展示由于缺乏實質性內容，更偏向于模板化的概念，所以基本上不會有面試機會。

如何做高質量的設計復盤了，我更傾向于在 UI 展示中選擇項目幾個流程進行詳細思考展示呈現，比如一個界面的布局思考的若干版本，最終版本的呈現過程。過程中可以通過競品對比、上下文思考、業務流程體驗，等多方面去呈現你的思維。這樣面試官也可以就具體的細節對你詢問。項目完成后，要去思考在項目中與其他崗位對接交流中有沒有創造性的提出一些具體意見。做好本職工作的同時，為公司提供更多的發展價值。比如 UI 設計中協調品牌，或者線上線下設計的各種品牌規范。與運營工作中協調一些廣告設計規范，文案的規范。與程序員協調，基于項目的實現，整理整個項目組件，對項目進行復盤，重構。

這些不屬于基礎價值要求，也不會對公司短期的價值產生直接影響，但卻是很多公司希望你具有的特質。這些看似瑣碎的工作也同時是呈現你的個人設計沉淀。

4. 虛擬作品

我們都知道面試 UI 崗位，基本的要求是有過上線作品，那么要明確上線作品的潛臺詞是有過實際工作經驗，可以在實際的項目中處理各種復雜情況。也許最終呈現的界面看起來并不復雜，確是經過深度思考和產品程序博弈溝通的結果。

所以就算你排版界面看起來視覺不錯，但也會被刷掉。原因是 UI 不只是視覺的排版，還需要對產品有所理解，需要和程序員交流設計實現。這些經驗需要項目中鍛煉成長得到。如果 UI 經驗并不豐富的設計師，只是單純的臨摹單個界面，這相當于你考慮的都是點，而缺乏多個界面整體性思考。

而很多新入行的設計師必然會經歷這個過程，那么我認為一個虛擬的作品從產品維度去解釋，肯定是漏洞很多的。因為你沒有經歷過，問到一些細節必然回答不是很令人滿意。所以虛擬產品首先要做好基礎價值的呈現，話術的呈現反而不是重點，作品集中應該呈現頁面的視覺精細度。良好的排版用色，圖標設計，這是一個界面設計的基礎。然后有選擇性的根據相關行業的特性去做疊加技能的展示。

如果一個有經驗的面試官從作品展示中看出來，你是一個沒有經驗的設計師，還依然去叫你面試，可能是看中你其他的疊加價值特質。比如直播設計中，其實界面設計占比有限，反而直播相關的道具表情設計非常缺，那么你的在準備這個行業的 UI 作品的時候可以加入更多的相關技能展示占比。電商設計中，因為運營的數量級比較大，所以更加看中組件化，和各種運營技能的疊加。所以初入行的虛擬作品我更傾向于技能疊加的方式展示，而不是單純的產品話術式展示。

作品集的視覺風格

1. 視覺語言

一個優秀的 UI 作品集我會從哪里判斷了，這里必須說到視覺語言的一致性。什么是視覺語言，通俗的說，就是設計的手法，整理作品集的過程其實本身就是一個項目。那么一個作品集的背景用色會在一個基調上，排版設計也會選擇同樣的字體，輸出的字號版式也會一致。這樣視覺輸出具有規則的韻律感。

UI 設計側重于產品邏輯思維的呈現，所以作品集的視覺表現盡可能的內斂，以閱讀自然舒服為主，并不要以視覺炫酷為設計表現目的。過度的設計包裝，只會讓作品集的頁面看起來格調缺失，比如我們常見的樣機使用。在互聯網上有各種炫酷的手機樣機，這些樣機的使用我建議保守的選擇可以不用，不要試圖用樣機的堆砌增加設計的視覺表現。相反平實整潔的頁面展示，頁面很清楚的展現界面設計的細節部分，并對細節進行充分的設計說明。

互聯網是一個開放分享的社區，很多設計師會樂于展示分享自己的作品集，所以也會有投機者出現，去搬運他人的作品。有經驗的面試官會非常容易判斷作品集作品的真偽，因為搬運作品會因為設計語言的不一致，視覺的精細度不一，設計的手法不一致，而顯得閱讀突兀，導致作品集觀看時候，明顯顯得不流暢，這樣的作品集很容易被判斷做假，精心整理的作品集和內容是有明顯節奏感的。

2. 視覺基礎

先說設計的基礎價值，最基礎的能力就是設計的視覺表現，也是你整個專業能力的基石，軟件的掌握，界面的規范，圖標的設計，界面的排版，這些是基礎能力。在作品集的呈現中，面試官粗略的翻閱一下，就可以看出你設計的功底。我們經常說 UI 作品集看起千篇一律，但看細節還是能看出設計水平的高低。

例如 UI 設計的作品，在很多年前 UI 設計是需要精確到像素，比如圖標精致到像素級對齊。某種程度是以一個匠人的態度去要求設計師對待界面。由于高清屏技術的發展，這種要求已經降低或者忽略了。但 UI 設計精益求精的態度不應該丟。所以做出一個排版舒服，圖標精致的界面，這是一個最低的基礎要求。可是很多設計師并沒有意識到了這點。而陷入了學習套用很多產品話術中。所以你會看到 UI 作品集文本化，加入了大篇幅的產品話術。而忽略了界面精細的呈現。這樣的作品集由于內容的空心化而會被刷掉。一個良好的 UI 作品集，應該是兼顧 UI 界面細節的展示，外加適當的設計解釋說明。

3. 展示的節奏

曾經有學生問過我，作品集里到底是文字說明多一些還是圖片展示多一些好。這是一個沒有標準答案的問題，不同公司不同面試官都有自己的理解。我覺得市面上的作品集有兩種傾向，一種作品集里面填充入非常多的文字，更類似于一個產品說明書。另外一種幾乎沒有太多文字的表達。完全靠視覺流的圖片去展示作品。如果把作品集比做一桌美食的話，美食不管多好，類型單一都會讓人乏味，所以展示作品集的也是需要韻律的，我傾向于文字+圖片的形式混合展示。

對于 UI 項目，我覺得細節的功能點，一些設計的思考這是必須用文字予以說明的。說明的文字也應該簡潔扼要，不要長篇大論。當然文字表達始終是乏味的。作品集需要有一些視覺的亮點。比如界面設計中的運營部分，情感化設計，或者界面中的一些配圖。進行穿插搭配展示。這樣圖文混排的展示，既考驗了你編排作品的能力，同時讓面試官看作品集不至于乏味。

對于作品集的頁數也是要嚴格控制的，一般超過 60 頁的作品集，多了就會顯得拖沓了。所以應該挑選精品項目，典型頁面予以重點展示和說明，體現你的個人設計思維。而其他一些作品可以完全拋除相關文字說明，直接圖片細節展示。這樣作品只是讓面試官了解到你作品的數量是足夠的，水平是穩定的。有主次的設計展示，可以有效縮減頁數。也避免了大量排版的工作量。

互聯網設計是一個快節奏的發展行業，UI 設計尤其是 C 端的設計也是一個快速更新的設計，所以兩三年前的界面設計作品放在作品集里就可能顯得老舊過時了。因為表現手法，用色，排版細節都和當下流行的設計有明顯區別。所以在準備作品集的時候要注意及時剔除一些過時的設計，或者對幾年前的作品進行更新設計。

作品集的規格

1. 作品集的格式和尺寸

作品集我傾向于兩種形式的展示，一種是設計網站線上展示，一種是本地的 PDF 各種。本地格式我首推 PDF，因為這是一個任何操作系統都可以打開的文檔格式。唯一需要注意的就是文件大小的問題。正常的文件不要超過 70MB，因為一旦文件很大，下載時間過長。HR 就會失去興趣去打開，也許你就錯過了一次機會。

作品集的尺寸我建議以 1600 為寬度基準，高度不超過 8000px，一些國外的設計師喜歡用 1920*1080 的尺寸。這個尺寸巨大，單張圖片文件達到了 5MB 左右，一份幾十頁的作品集文件可能達到幾百 MB，這是非常不利于郵件發送傳播的。

另外從排版展示上來說，大尺寸寬幅的頁面，排版的難度直線上升，如果只是單純的放大界面和說明文字的字號，只會讓頁面展示顯得粗劣。越大的版面越需要考慮文字的排版形式感對比。無形中增加了更多的設計工作量。

2. 字體與字號

不論是 UI 類型作品集或者運營品牌類的作品集，共同的目的是呈現設計師良好的設計素養，圖片呈現視覺，文字舒服閱讀。這是基本的設計要求。所以作品集我傾向使用基礎類的閱讀字體，并不需要夸張風格化的字體。我推薦使用方正蘭亭黑系列（微軟雅黑），思源黑體，細明體，蘋方，儷黑等基礎字體，在作品集設計說明展示做展示文字字體。因為風格化的字體非常考驗圖片的風格匹配。而一個作品集可能呈現的設計項目又有多個。從全局考慮過多使用風格化的字體，會讓整個作品集的風格難以協調。

在一些作品集中，看到設計師選擇用海報的方式呈現，用了非常大的字號。這種風格化呈現，第一眼看很有視覺沖擊力，但細看是不耐看的，因為你要呈現的是作品本身，而不是大字號字體設計。所以關于作品集的字號，可以像 UI 規范一樣，給作品集中使用的文字定好幾個標題和正文的字號規范，字號不宜過大。會顯得排版粗劣。

3. 色彩與配圖

每種色彩都由其獨特的情緒，也會給面試官帶來各種色彩心理暗示。例如運營類作品集，活動專題比較多，需要渲染濃烈的活動氛圍。所以濃烈的飽和度高的色系適合展示運營類作品集。而 UI 作品集的產品界面比較多，作品集應該重點是內容和文字的呈現，所以需要冷靜內斂的色系。從色彩情感上來說，飽和度比較低的色系或者灰白色系為保守內斂的，沒有強烈色彩情緒的，百搭任何類型的作品展示。所以 UI 類作品集傾向使用飽和度較低的背景色作為全局貫穿。

作品集的配圖也是重要的視覺組成部分，面試官從作品集開始認識一個人，是從個人信息部分開始的，那么個人信息頁我覺得應該配上一張個人照片，通過這張照片可以初步判斷設計師的個人審美。這里的個人照不建議用藍底或者白底的證件照，因為過于正式板正。而互聯網是開放隨性的氛圍，而設計師也應該有自己審美的表達，所以建議使用背景干凈，像素清晰的個性照片。

擁抱變化

目前 UI 設計師有兩個市場動向，第 1 個方向轉產品交互，需要嚴密的邏輯思維，當然還要有好的項目機會。因為市場上產品交互類崗位也非常飽和，不會給沒有經驗的人太多機會，最好的機會是公司內部機會去轉崗。第 2 個方向轉 B 端 UI，B 端和 G 端 UI 設計以后臺表單設計為主，幾乎沒有運營活動部分，主要精力在邏輯思維的和業務的理解上了。另外 B 端設計就業的公司大量以外包業務為主，研發水平低于 C 端類型公司，內部流程冗長。所以視覺能力可能退化的很快，以后很難有機會再轉回 C 端設計了。所以轉不轉，我持保留謹慎態度。

UI 設計發展很快，有人說好像很難看到大師的出現，也有人說設計是青春飯，干不了太久。因為 UI 設計本質是商業設計中的一環，并不是純粹的藝術，所以隨著商業市場變化，更新迭代非常快。UI 設計并不像醫生，律師這種類型的職業沉淀具有明確的階段性。需要我們持續不斷的學習，根據市場的變化，擁抱變化，讓自己的職業生涯每一步走的更加明確。

歡迎關注作者的微信公眾號：