聊聊我是如何準備作品集的

學期終於快要結束了，也終於可以安心寫一寫我最近在找工作時候的一點心得，上篇寫了如何準備簡歷，這次就寫一寫我是如何準備作品集的吧。

其實作品集的重要性很多人不斷的重複，作為一個設計師作品集如何如何重要，但是我對待這個問題其實看法有點不同。至少從我的經歷來看作品集重要的原因是employer還沒見過的時候就能知道你做設計的風格，在你present的時候employer能更好地了解你是如何做設計的，而不是它自身的價值有多大。在面試中最重要的是讓別人更好地了解你，知道你是誰，你的做事風格，你的特點等等，這也是我在作品集準備過程中最重要也是貫穿始終的一條線。關於面試的想法放到後續篇章里再說吧，今天就單說下作品集。

其實我一直比較懶，最近對於找工作也沒什麼熱情，雖然換了幾次實習但是作品集從來也沒更新，偶爾心血來潮就花個兩三天做一做，然後就又把它束之高閣了。但是這學期有一個以前工作的同事聯繫我問我想不想去他們公司工作，大概問了一下項目覺得聽起來還是蠻有趣的，就把我的簡歷和作品集網址發給他。然後我跟他說讓他先看下我的作品集，然後提點建議，我針對他的建議改完以後在由他幫我發出去。但是他看完對我的作品集非！常！不！滿！意！以前工作的時候他就經常說Cris你要多提高你的視覺水平，那時候其實我挺不以為然的，因為一直自豪的覺得我一個堂堂交互設計師又不是做視覺，設計的東西好用就行了視覺只是add one，大差不差的不就可以了。

但是既然同事說視覺不好那我還是要改啊，還好我這學期選了一門平面設計課，視覺水平得到了極大改善，於是我就想既然視覺不好，那我就把每一張圖片都做的美美噠總可以了吧。所以我就認認真真的把每一張圖通過各種typography的方式改的都和海報似的，於是我又把新的作品集發給他。他說雖然比上一次好一些但是還是不行，他當時跟我講，你的作品集要改到非常驚艷，讓別人一下子就記住了就可以了。雖然他說的有道理，但是然並卵，臣妾做不到啊。我雖然知道他的反饋是作品集還不夠好，但是我得知道問題出在哪裡。通過各種分析，我最後終於發現原來設計作品集和單純的設計某一張海報不一樣，作品集是一個更整體的產品，設計師在作品集里需要呈現出整體感並在整體下尋求多樣性。我的這般作品集雖然單拿出一張圖片設計的還可以，但是每一張圖片之間的聯繫不夠，所以很容易造成很凌亂的感覺。那麼我如何解決呢？其實方法很簡單，就是設置準則，簡單來說就是我對於我自己的作品集設置了一套visual language，比如我只用兩種字體，一個襯線字體作為title和headline，一種非襯線字體作為body copy。選擇兩種字型大小兩種weight以豐富版面和突出部分信息。具體的細節我就不一一說了，這樣做主要原因是為了讓作品集看起來像一個完整的個體，而不是一張張分崩離析的圖片。在作品集上應該用哪種字體多大字型大小是一些很複雜的問題，都能拉出來單獨寫一篇文章（比如屏幕最小字體用12號，用非襯線字體等等），有興趣的可以去看看type on screen這本書，裡面有些內容蠻有意思的。

那麼作品集具有整體感之後我覺得有一種更高級的東西叫多樣性，就是不是每一張圖片都採取的同樣的格式，這點是我最近設計海報時候的感悟到的。大概的意思就是說不要全部採取同樣的格式去描述作品，或者簡單點說就是不要用一個模版去套用所有內容。在我設計一個海報系列的時候，我的教授說當人們在看你設計的系列作品時，如果看到第一張覺得很驚艷一定會想看第二張，但如果看到第二張和第一張用了同樣的方法，那麼別人對於後續作品的期望值就會下降，因為他們已經猜到你後面的作品是什麼樣子了（anticipation）。如果你覺得這樣說還是太抽象，可以想一下做ppt的經歷，是不是ppt一定是提供給你很多的模板選擇，而不是1 for all。因為單純的一張模板從頭看到尾是毫無新意可言的。那麼在作品集中為了體現出多樣性，版式或者說排版變化是一個很好的選擇。

在不斷的努力下終於同事覺得我作品集的視覺有了明顯進步，那麼接下來問題又來了，雖然視覺還可以，但是內容更重要，我不希望我的作品集成為一個花瓶。具體來說說我是怎麼organize作品的。

首先我要確定作品集展示幾個項目，其實這個沒有一個確定的數目，我一般是放了4-6個項目，這個也是我覺得一個比較保險的數字。太多的話如果首頁如果不好好設計不太容易引導別人點擊你想讓別人看的作品，太少的話會覺得經歷不夠。選好展示數目就是首頁的排版。排版的重要性就不言而喻了，別人對你作品集的第一印象就是來自首頁，很大程度上是由排版決定的，我見過的很多作品集都是中規中矩的用方框把自己的作品集圈起來讓別人點擊，雖然我不排斥這種方法，但是就像我前面說的，我已經對這種排版有anticipation，雖然不減分，但是也絲毫沒有新意。其實就算是選擇這種方框展示，最好也能有方框大小的變化或者形狀的變化，這樣做不僅能帶來多樣性，還能控制別人的eye movement。具體的像eye movement，white space這樣的平面設計類東西，還是需要根據設計師的經驗來判斷的。

首頁排版我覺得並不是一個固定的，而是要根據你自己的目標選擇。我的目標比較簡單，第一就是讓別人點擊我想讓她們看到的作品(eye movement)，第二是美美美(authentic)，第三是讓別人看到我的作品(not distracting)。最終我選擇了不太常見的豎版全屏。豎著排版的最大的好處就是我可以把重要的兩個項目放在上面，大多數人根本沒有時間和耐心放下翻，所以基本上都會看我的前兩個項目。選擇豎版也是因為當時時間緊任務重，經歷也只能重點改前兩個項目，後兩個項目也因為相對來說比較小，所以也不希望別人太過注意。但是這樣排版最大的缺點就是我少了能夠告訴別人我是誰的信息，寒假有時間我也想再好好把這點補上。還有就是讀者在打開我的網站的時候根本不知道我一共放了多少作品。

選好數量以後就是每個考慮放哪幾個項目，我主要考慮的因素是我個人的工作經歷，因為我既做過設計又做過研究，所以我選了兩個項目側重設計，兩個側重調研，其實沒有一個固定的說法是一定要放什麼樣的作品，但是做的比較深入比較全面的作品是蠻重要的，其他的作品集可以具體體現出你的能力的不同方面。針對我自己而言，我選了一個設計流程比較全面，從初期調研到後期設計再到可用性測試和部分go-to-market stragety；一個主要測試設計，講了如何不同部門合作，和國外設計師合作，在設計規範下做設計；一個講了我自己領導一次可用性測試，如果克服重重困難最終走向勝利；一個對於新產品的high-level research，如何向其他人彙報等等。（但是我這裡說的講了是說我如果給employer去present這個作品我會如何講，而不是我把這些所有的內容都放到作品集裡面）

接下來就是針對於每一個項目在首頁的展示，在首頁我一定會說清楚的內容有1)這個項目我做了什麼（別人為什麼花時間看這個項目），2)最後的產出是什麼，3)我是什麼職責（我的具體工作和能力有哪些），4)我為哪家公司做的（這點是我一個professor提出來的，他說因為我給一些big name company工作過，所以可以考慮把公司名字也放上去）。這裡說一下，我見過一些作品集，雖然提供了同樣的信息但是比如讓我把滑鼠hover的時候才彈出，我個人覺得如果圖片不能充分表意的情況下，這樣做我挺不喜歡的，因為單看圖標我根本比知道這個項目是幹什麼的，那我又怎麼知道我想hover哪個呢。

確定以後就是用戶可以進入二級頁面。在二級頁面中我會有一張hero image在重新說一遍我這個項目到底是什麼，然後接著說這個項目的背景等等。那麼具體如果組織信息呢。我的做法是會先把這個項目我做的整個的流程寫出來，然後從中選取最重要的一些點，就是說我一定要告訴別人的點有哪些，然後把這些點用文字或者圖片的方法visualize出來。這裡完全考差了設計師組織能力和講故事的能力，如何能把故事講的有趣生動吸引人簡直不能更重要。

那麼我是具體組織每一個作品以及如何面試的我會放在後續文章中，其實下期我還沒想好是分享我最近讀的書還是繼續寫如果準備作品集。朋友們下起見啦～

推薦閱讀：