作品集網站是設計師和(hé)設計機構的(de)門面，客戶、甲方和(hé)企業通(tōng)常會通(tōng)過作品集網站獲得(de)對(duì)設計者的(de)第一印象。在作品集網站的(de)設計上，設計師常常會注重個(gè)性化(huà)的(de)表達和(hé)對(duì)趨勢的(de)迎合。不過，在細節和(hé)整體策略上，許多(duō)設計師的(de)作品集依然有很大(dà)的(de)提升空間。

由于我工作時(shí)會同 Semplice 合作，這(zhè)個(gè)面向設計師的(de)作品集服務讓我有機會看到許多(duō)各式各樣的(de)設計作品集網站，這(zhè)也(yě)讓我對(duì)于作品集網站的(de)設計有了(le)更多(duō)的(de)了(le)解。什(shén)麽樣的(de)設計會讓設計師在找工作的(de)時(shí)候失利，什(shén)麽樣的(de)作品集會更容易得(de)到企業的(de)青睐，對(duì)此我也(yě)看得(de)更加明(míng)白。下(xià)面是 5 個(gè)作品集網站設計中常見的(de)問題以及它們的(de)解決方案。

1. 隻有圖片，沒有案例研究

作爲設計師，提升作品集本身的(de)視覺效果是無可(kě)厚非的(de)，畢竟作品集是用(yòng)來(lái)展示設計作品的(de)。不過，在絕大(dà)多(duō)數情況下(xià)，作爲訪客在查看設計作品的(de)時(shí)候，是有需求對(duì)于整個(gè)設計項目的(de)背景狀況、遭遇的(de)問題、解決的(de)過程、思考的(de)方向有所了(le)解的(de)。單純的(de)隻是在頁面上擺上一大(dà)堆圖片固然不錯，但是缺少了(le)案例本身的(de)介紹、分(fēn)析，很難讓人(rén)對(duì)它有足夠深入的(de)理(lǐ)解和(hé)記憶。案例研究的(de)過程，分(fēn)析和(hé)思考的(de)細節不僅能夠提升設計項目展示的(de)維度，而且能夠将作品的(de)價值提升起來(lái)。

解決方案

如果你的(de)設計項目有不同的(de)階段，将它們簡單的(de)介紹出來(lái)，會讓整個(gè)設計項目的(de)梗概更加清晰。你甚至可(kě)以爲圖片搭配更長(cháng)的(de)說明(míng)文本，就像 Mackey Saturday 的(de)作品集這(zhè)樣。訪客會快(kuài)速掃視網站的(de)内容，并且找到感興趣的(de)内容，然後仔細閱讀。在撰寫說明(míng)文本的(de)時(shí)候，盡量采用(yòng)簡單明(míng)了(le)的(de)表述方式，你會發現案例研究這(zhè)件事情本身并不複雜(zá)，并且對(duì)于整個(gè)設計案例的(de)提升很明(míng)顯。

Mackey Saturday 将說明(míng)以小段落的(de)形式呈現。

2. 視覺上很時(shí)尚，但是自我介紹很模糊

如果你的(de)作品集網站中是帶有自我介紹的(de)話(huà)，盡量寫一些能讓人(rén)對(duì)你更加了(le)解的(de)信息。信息的(de)傳達和(hé)翻譯有的(de)時(shí)候很像，「信、達、雅」的(de)表述方式總歸是更合适的(de)，諸如「我擅長(cháng)玩弄像素」這(zhè)樣的(de)模糊的(de)表述不僅讓訪客覺得(de)尴尬，而且顯得(de)浮誇。真誠而清晰的(de)自我介紹搭配視覺上突出而到位的(de)設計，會給人(rén)留下(xià)深刻的(de)印象。

解決方案

企業和(hé)客戶總希望能夠通(tōng)過作品集網站對(duì)你有清晰的(de)了(le)解，一目了(le)然的(de)信息呈現方式能夠讓你更快(kuài)地在他(tā)們心目中留下(xià)深刻的(de)印象。諸如「我的(de)名字時(shí)尚傑西卡瓊斯，目前作爲品牌設計師和(hé)藝術總監在紐約工作」這(zhè)樣的(de)表述是足夠清晰明(míng)了(le)的(de)，在這(zhè)個(gè)基礎上适當地加入一點個(gè)性化(huà)的(de)表達是可(kě)以的(de)，就像 Marina Rachello 這(zhè)樣。

3. 過時(shí)的(de)項目和(hé)設計風格

許多(duō)設計工作者平時(shí)都忙于實際的(de)工作，瞬息萬變的(de)設計趨勢之下(xià)，許多(duō)設計的(de)風格、技巧并不會一直保持在流行最前線，忘記了(le)更新作品集中的(de)案例，采用(yòng)著(zhe)過時(shí)設計風格的(de)設計項目一直在作品集首頁，這(zhè)對(duì)于你可(kě)能會有不利的(de)影(yǐng)響，尤其是在客戶和(hé)企業的(de)審視之下(xià)。即使你沒有将網站的(de)鏈接發送給别人(rén)，其他(tā)人(rén)在想要了(le)解你的(de)時(shí)候，會通(tōng)過搜索引擎追溯到你的(de)作品集網站，這(zhè)個(gè)時(shí)候局面就很尴尬了(le)。

解決方案

想要保持作品集網站緊跟趨勢其實并不難，最好不要使用(yòng)默認的(de)模闆或者固定的(de)模闆，盡量定期更新内容，微調設計元素和(hé)風格，盡量不要讓作品集網站拘泥于特定的(de)排版布局或者固定的(de)樣式當中。

潮流趨勢本身并不會變幻太過于迅速，一些大(dà)的(de)趨勢通(tōng)常會持續相當長(cháng)的(de)一段時(shí)間，你有足夠的(de)時(shí)間讓自己的(de)網站在風格和(hé)細節上保持領先。不過，在内容上，盡量讓作品集的(de)内容和(hé)自己的(de)職業生涯保持一緻，讓内容符合雇主和(hé)客戶的(de)預期，這(zhè)樣就不會在有特定需求的(de)時(shí)候大(dà)刀(dāo)闊斧地修改了(le)。

4. 冗餘的(de)設計案例

許多(duō)設計師作品集中所承載的(de)内容不全是面向市場(chǎng)的(de)真實設計項目，有的(de)時(shí)候會包含練習(xí)稿、廢稿和(hé)一些爲自己設計的(de)東西。這(zhè)些設計實例當中，常常會包含一些冗餘的(de)、明(míng)顯沒有用(yòng)的(de)用(yòng)戶流程或者單純爲了(le)展示而無實際效用(yòng)的(de)設計内容，這(zhè)對(duì)于一些訪客而言其實是會産生困惑的(de)，無效信息太多(duō)會讓人(rén)覺得(de)無所适從，從而離開，對(duì)于抱著(zhe)目的(de)前來(lái)的(de)客戶或者雇主可(kě)能會因此而産生一些其他(tā)的(de)想法。

解決方案

請記住，你的(de)作品集網站是你的(de)主場(chǎng)，你應該将你的(de)訪客引領向對(duì)的(de)方向。你的(de)作品集網站的(de)存在目标是展示你的(de)真實能力和(hé)設計經驗，并且讓對(duì)你有興趣的(de)雇主和(hé)客戶聯系你。你的(de)作品集網站是服務于這(zhè)個(gè)目的(de)的(de)。

和(hé)你所設計的(de)其他(tā)網站一樣，你應當引導著(zhe)你的(de)訪客來(lái)浏覽，移除多(duō)餘的(de)步驟和(hé)内容。将你的(de)聯系人(rén)信息放到「關于」頁面，你還(hái)可(kě)以像 Michela Picchi 的(de)作品集網站一樣，在項目展示頁的(de)結尾加入相關項目的(de)預覽圖和(hé)鏈接，讓訪客能直接跳轉到更多(duō)項目，對(duì)你有更多(duō)了(le)解。

5. 枯燥的(de)「關于」頁面

「關于」頁面是承載設計師的(de)個(gè)人(rén)信息的(de)關鍵頁面，它和(hé)作品展示同等重要，這(zhè)個(gè)頁面的(de)存在目的(de)是給人(rén)留下(xià)好印象，并且讓客戶盡可(kě)能快(kuài)、盡可(kě)能便捷地聯系上你。但是令人(rén)遺憾的(de)地方在于，絕大(dà)多(duō)數的(de)「關于」頁面都沒有讓人(rén)印象很深刻或者足夠引人(rén)矚目。

解決方案

不要隻是列舉出你的(de)基本介紹和(hé)聯系方式，在确保信息準确傳達的(de)基礎上，适當地再增加一些個(gè)性化(huà)的(de)設計。想想看，你的(de)客戶可(kě)能在查看你的(de)頁面之前，已經浏覽了(le)上十個(gè)不同的(de)設計師作品集，對(duì)于千篇一律的(de)關于頁面已經疲勞了(le)。如果你的(de)關于頁面能夠在這(zhè)個(gè)時(shí)候讓他(tā)們會心一笑(xiào)，自然更容易被記住。

Alina Skyson 的(de)作品集網站中的(de)關于頁面加入了(le)「關于我的(de) 10 個(gè)真相」，還(hái)挺有意思的(de)。

結語

請記住，作品集網站并不一定非得(de)做(zuò)成一個(gè)讓人(rén)欲罷不能的(de)視覺藝術盛宴，細節和(hé)視覺固然很重要，但是你的(de)作品、能力和(hé)經驗展示才是重點，這(zhè)才是最主要的(de)内容。隻有讓你的(de)設計能力被客戶所認可(kě)，才會有接下(xià)來(lái)更多(duō)的(de)事情和(hé)可(kě)能性。