2013-1-25 藍藍設計的小編
轉載藍藍設計( www.devb.cn )是一家專注而深入的設計機構 ，為期望卓越的國內外企業提供有效的 BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
來源： http://beforweb.com/node/164
如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里
如今，創意行業掀起的風浪比以往任何時期都更加猛烈，其中的競爭也越發殘酷，作為設計師，想要脫穎而出已經是很困難的事情了。如果你還沒有自己的設計作品集，那么情況對你來說也許會更加嚴峻。
從最基礎的層面上講，設計作品集就是你自己的廣告，它可以告訴世界：“嘿，我在這！看看我能做的東西叭！” 除此之外，作品集也是你的名片和畫廊，是你展示能力、技巧、項目經驗的地方；同時，你還可以通過它來表達接下來打算做什么事情。對我(英文原文作者)個人來說，作品集還決定著人們是否會給我一份工作offer，或是找我合作項目。
作品集有著不同的展現形式，包括在線和印刷冊等等，它們所具有的一些精髓是共通的；本文中，我們將把注意力集中在在線作品集這個方面。
與我們所熟悉的其他類型的網站產品相似，在線作品集也需要具有良好的信息結構和導航模式，同時在可訪問性、易讀性等方面具有上乘表現。你要盡最大努力讓你的作品集在被目標用戶打開的時候可以完美的呈現你要表達的信息。
Scott Belsky是作品集制作工具Behance的CEO，在他看來，無論是公司項目還是個人項目，只要它們能夠展示你在設計方面的才華、風格、熱情，那么就可以收錄到作品集當中。對于每一個你打算展示出來的項目，要確保訪問者可以首先了解到它的背景概況及設計目標，然后再通過具體的圖片來展示你在不同階段的產出；這里所說的圖片既包括作品全局，也包括重要部分的局部放大。
關于作品圖片的尺寸，Scott建議不要小于400像素(寬度)。有些設計師喜歡將作品圖片縮到很小，或是只展示其中的某些局部元素——這些做法都無法全面的展現你自己。另外，在作品全景及細節要素這兩方面都做到清晰的呈現，這也是設計師自信心的體現。
Sacha Greif是一名UI設計師，同時也是自由設計師工作信息公告板Folyo的創始人，他每天都能接觸到大量的作品集。在他看來，案例質量的重要性確實要高于數量，不過至少5到6個項目展示也是需要保證的。如果你是一名畢業生或是相對年輕的設計師，無法拿出一定數量的設計案例，那么也不用太焦慮，最首要的是針對你手頭已有的案例盡量詳細的呈現其中的細節；當然，個人項目也可以作為補充。此外，你還可以將一些學習和探索性質的作品囊括進來，例如幫Facebook重新設計一套頁面——只要你不會宣稱這是扎克伯格授權你做的就好。
在面試過程中，我們通常會根據目標職位的實際情況來表達自己接下來的目標及規劃；對于設計作品集來說，也是一樣的道理。如果你心里確實已經有了下一步打算，那么最好在作品集當中著重突出那些與你的目標最為相關的內容。
“視覺”固然是設計師最為熟悉的信息媒介，但對于作品集來說，文字內容也是不可或缺的。優秀的作品集可以使用很少的文字來的描述出項目相關信息；而且在很多時候，作品截圖難以表達出的東西卻可以經由文字來展現出來，例如你的設計思路、解決方案的構思過程、溝通協作能力等等。
很多設計師會在作品集的開頭使用一段簡短而直白的文字對自己進行介紹。這是一種很有效率的方式，不過要注意避免陳詞濫調；我們能看到的很多個人簡介在實質上等同于“我是一名工作勤奮、值得信賴的員工”。
雖說是簡介，也要在有限的篇幅中盡量做到具有針對性。例如Ethical Studio 簡單而有效的將他們自己描述為“為非ZF組織、慈善團體創建網站”的工作室；又譬如設計師Matt Dempsey 是這樣介紹自己的：“我為充滿激情與想法的小創業團隊打造體驗精良、符合用戶直覺的漂亮界面。” 通過這樣的文案，你不僅可以立刻了解到他是做什么的，而且對他所承接業務的方向也有了清晰的認知。
此外，你也可以將客戶或需求方的褒獎、用戶的點評、社交媒體上關于你的良好口碑引用到自己的簡介當中。當然，這些內容同樣可以運用在作品集里的具體項目案例里。
很多在線作品集當中還專門放置了一個“關于我”的內容區或頁面，用來集中呈現一些更加具體的信息，包括設計師所在的城市、他們的職業規劃或是承接項目的類型等等。另外，這里也是詳細展現良好口碑以及個人特質、個性愛好等內容的好地方，只是這方面的信息不要做的過多過濫。
要時刻記得那些觀看你作品集的人，考慮他們的感受，而不只是你自己的。當你描述“我能做什么”的時候，其實是在向這些人描述“我能為你做什么”。此外，在文案方面，一定不要犯拼寫和語法方面的低級錯誤，并且避免長篇大論。
Scott Belsky認為，通過文字來闡述你在項目當中的設計思路是非常有必要的。人們在雇傭創意人員的時候，通常都很希望了解他們在作品背后的深層想法和理念。作品集當中的項目案例要體現出從概念到產出的整個流程，或是其中的某些關鍵階段。
Belsky還提到了關于“職員列表”的問題。他會特別尊重那些在項目案例當中提到相關合作人員的設計師，因為這是一種自信及協作精神的體現。
如果你想創建的是一個比較“正式”的、小有規模的作品集站點，那么不妨考慮在里面架設一個小博客，保證內容的質量及更新頻率——這很有可能成為體現你個人或團隊水平的又一個亮點。通過博客，你可以展現自己作為設計師的品味，闡述你的設計理念，或是對某些案例進行更加詳盡的分析。想要雇傭你的人總是希望能夠更多的了解你，博客可以為他們提供這樣的機會。
另外一方面，你在博客中闡述的觀點也有可能讓某些潛在雇主產生不悅，進而喪失掉一些機會。這種情況在所難免，從長遠來看也未必是壞事：如果雇主真的不喜歡聽到設計師發表看法，或是無法接受和自己意見向左的人，那么從一開始就避免和他們打交到才是上策。
你對怎樣打造自己的在線作品集已經有數了，接下來應該考慮怎樣把它實現出來了。這里有很多方案，你可以手寫代碼建立一套靜態頁面，也可以做到輕博客當中(例如在Tumblr中使用SimpleFolio 一類的模板)，或是通過WordPress搭建一個站點，搭配Briefed 、Sideshow 等模板。此外，Behance的ProSite ，或是4ormat 一類的服務也是可以考慮的。當然，你也可以將作品直接放在DeviantArt 這樣的站點當中。
自己動手寫頁面搭建站點的方式可以給你全部的控制權，讓你在自己能力范圍內隨心所欲的打造自己的作品集；而使用輕博客或WordPress這樣現有的平臺也有著相當的優勢，譬如安全性、便捷性的保障等等。采用哪種形式其實不是最重要的，客戶或雇主并不在意這些，只有設計師自己才會糾結于此。當然，如果你的目標還包括向同行展示自己的才華能力，那么可以盡情的用HTML5、CSS3寫一套頁面出來。
Scott Belsky認為，很多設計師所犯的一個共同的錯誤就是把個人作品集打造的過于個性化了，特別是在導航結構和交互方式方面，這會使得瀏覽者特別是潛在雇主們難以在最短時間內獲取有效信息。
有些能力全面的設計師為了讓自己的案例被更多相關的“目標用戶”看到，會把不同類型的作品放到不同的平臺上，例如將照片放在Flickr里，而繪畫作品則歸入DeviantArt，另外還會把Web或移動端的界面設計作品放在Dribbble當中。不過Sacha Greif并不推薦這樣的策略。他認為，相比于社交與傳播，將所有作品集中于一個站點當中可以獲得更大的回報，畢竟這樣可以讓瀏覽者及潛在雇主們通過最小的成本來獲取你的全部信息，而且可以幫你自己減輕維護方面的負擔。
當然，這絕不意味著你不能使用現有的社會化平臺，畢竟這是個策略方面的問題，而最終的策略將取決于你自己；不同的人有不同的需求，對于某些設計師來說，傳播效應確實更為重要。
無論你將作品集放在什么地方，它本身都應該是近乎于完美的。我們看到過的很多簡歷當中都存在著本該避免的低級錯誤：令人困惑抓狂的首頁閃屏，過小的文字，缺乏一致性的或是過于復雜的導航，缺少聯系信息，質量低劣的圖片，令人反感的文案，詞匯拼寫錯誤，瀏覽器兼容性問題...如果這樣的作品集會說話，它們首先要喊“救命！”
不過，Sacha Greif的觀點較為寬容，他堅持認為雇主們不應該因為作品集當中一些明顯的設計錯誤而片面的否定設計師的能力；即使此人的作品集里通篇使用著Comic Sans字體，他在實際工作中的設計能力依然有待公平的評估。
不過很顯然，作品集當中的低級錯誤肯定會帶來比較低的印象分。有三種錯誤是非常要命的：
小尺寸縮略圖是沒有任何意義的，而過度壓縮的圖片則會給人帶來非常負面的感受。有時，如果手頭的作品素材無法滿足需求，我們寧可花時間重新制作一份。另外，如果頁面空間確實吃緊，也可以考慮點擊縮略圖后呈現大圖的做法。
哪怕你的案例中確實包括Flash方面的作品，我們也建議你只呈現靜態圖片，并將其鏈接到實際的動畫作品中。過多的加載會讓瀏覽者很快失去耐心，而且他們很有可能在使用iPad一類不支持Flash的設備。另外，如果你的作品當中包含移動站點的設計案例，那么最好也對你的作品集本身進行相應的處理，例如通過響應式設計使其能夠適應不同的瀏覽環境。(相關閱讀：什么是響應式Web設計 、通過CSS3 Media Query實現響應式Web設計 、響應式網站的產品需求和設計流程詳解 )
最后，也是最關鍵的一點：你的作品集應該以最正確的方式展示你最拿的出手的東西。成功的作品集都是會講故事的，它們絕不僅是一堆圖片集，你要讓瀏覽者了解案例的相關信息，讓他們知道項目的設計進程，知道你的想法，你的目標，你在項目當中發揮的重要作用。如果你很棒，那么就用你的作品集來證明這一點叭。
