設計師作品集網站中，常見的5個誤區和解決方案

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

由於我工作時會同 Semplice 合作，這個面向設計師的作品集服務讓我有機會看到許多各式各樣的設計作品集網站，這也讓我對於作品集網站的設計有了更多的了解。什麼樣的設計會讓設計師在找工作的時候失利，什麼樣的作品集會更容易得到企業的青睞，對此我也看得更加明白。下面是5個作品集網站設計中常見的問題以及它們的解決方案。

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

作為設計師，提升作品集本身的視覺效果是無可厚非的，畢竟作品集是用來展示設計作品的。不過，在絕大多數情況下，作為訪客在查看設計作品的時候，是有需求對於整個設計項目的背景狀況、遭遇的問題、解決的過程、思考的方向有所了解的。單純的只是在頁面上擺上一大堆圖片固然不錯，但是缺少了案例本身的介紹、分析，很難讓人對它有足夠深入的理解和記憶。案例研究的過程，分析和思考的細節不僅能夠提升設計項目展示的維度，而且能夠將作品的價值提升起來。

解決方案

如果你的設計項目有不同的階段，將它們簡單的介紹出來，會讓整個設計項目的梗概更加清晰。你甚至可以為圖片搭配更長的說明文本，就像 Mackey Saturday 的作品集這樣。訪客會快速掃視網站的內容，並且找到感興趣的內容，然後仔細閱讀。在撰寫說明文本的時候，盡量採用簡單明了的表述方式，你會發現案例研究這件事情本身並不複雜，並且對於整個設計案例的提升很明顯。

△Mackey Saturday 將說明以小段落的形式呈現。

鏈接：https://www.semplice.com/showcase/mackeysaturday/?utm_source=designerdepot&utm_campaign=web_designer_depot_portfolio_mistakes

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

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

解決方案

企業和客戶總希望能夠通過作品集網站對你有清晰的了解，一目了然的信息呈現方式能夠讓你更快地在他們心目中留下深刻的印象。諸如「我的名字時尚傑西卡瓊斯，目前作為品牌設計師和藝術總監在紐約工作」這樣的表述是足夠清晰明了的，在這個基礎上適當地加入一點個性化的表達是可以的，就像 Marina Rachello 這樣。

鏈接：https://www.semplice.com/showcase/marinarachello?utm_source=designerdepot&utm_campaign=web_designer_depot_portfolio_mistakes

3. 過時的項目和設計風格

許多設計工作者平時都忙於實際的工作，瞬息萬變的設計趨勢之下，許多設計的風格、技巧並不會一直保持在流行最前線，忘記了更新作品集中的案例，採用著過時設計風格的設計項目一直在作品集首頁，這對於你可能會有不利的影響，尤其是在客戶和企業的審視之下。即使你沒有將網站的鏈接發送給別人，其他人在想要了解你的時候，會通過搜索引擎追溯到你的作品集網站，這個時候局面就很尷尬了。

解決方案

想要保持作品集網站緊跟趨勢其實並不難，最好不要使用默認的模板或者固定的模板，盡量定期更新內容，微調設計元素和風格，盡量不要讓作品集網站拘泥於特定的排版布局或者固定的樣式當中。

潮流趨勢本身並不會變幻太過於迅速，一些大的趨勢通常會持續相當長的一段時間，你有足夠的時間讓自己的網站在風格和細節上保持領先。不過，在內容上，盡量讓作品集的內容和自己的職業生涯保持一致，讓內容符合僱主和客戶的預期，這樣就不會在有特定需求的時候大刀闊斧地修改了。

4. 冗餘的設計案例

許多設計師作品集中所承載的內容不全是面向市場的真實設計項目，有的時候會包含練習稿、廢稿和一些為自己設計的東西。這些設計實例當中，常常會包含一些冗餘的、明顯沒有用的用戶流程或者單純為了展示而無實際效用的設計內容，這對於一些訪客而言其實是會產生困惑的，無效信息太多會讓人覺得無所適從，從而離開，對於抱著目的前來的客戶或者僱主可能會因此而產生一些其他的想法。

解決方案

請記住，你的作品集網站是你的主場，你應該將你的訪客引領向對的方向。你的作品集網站的存在目標是展示你的真實能力和設計經驗，並且讓對你有興趣的僱主和客戶聯繫你。你的作品集網站是服務於這個目的的。

和你所設計的其他網站一樣，你應當引導著你的訪客來瀏覽，移除多餘的步驟和內容。將你的聯繫人信息放到「關於」頁面，你還可以像 Michela Picchi 的作品集網站一樣，在項目展示頁的結尾加入相關項目的預覽圖和鏈接，讓訪客能直接跳轉到更多項目，對你有更多了解。

鏈接：https://www.semplice.com/showcase/michelapicchi?utm_source=designerdepot&utm_campaign=web_designer_depot_portfolio_mistakes

5. 枯燥的「關於」頁面

「關於」頁面是承載設計師的個人信息的關鍵頁面，它和作品展示同等重要，這個頁面的存在目的是給人留下好印象，並且讓客戶儘可能快、儘可能便捷地聯繫上你。但是令人遺憾的地方在於，絕大多數的「關於」頁面都沒有讓人印象很深刻或者足夠引人矚目。

解決方案

不要只是列舉出你的基本介紹和聯繫方式，在確保信息準確傳達的基礎上，適當地再增加一些個性化的設計。想想看，你的客戶可能在查看你的頁面之前，已經瀏覽了上十個不同的設計師作品集，對於千篇一律的關於頁面已經疲勞了。如果你的關於頁面能夠在這個時候讓他們會心一笑，自然更容易被記住。

Alina Skyson 的作品集網站中的關於頁面加入了「關於我的10個真相」，還挺有意思的。

鏈接：https://www.semplice.com/showcase/alinaskyson?utm_source=designerdepot&utm_campaign=web_designer_depot_portfolio_mistakes

結語

請記住，作品集網站並不一定非得做成一個讓人慾罷不能的視覺藝術盛宴，細節和視覺固然很重要，但是你的作品、能力和經驗展示才是重點，這才是最主要的內容。只有讓你的設計能力被客戶所認可，才會有接下來更多的事情和可能性。

感謝閱讀！

譯文鏈接：https://www.uisdc.com/5-common-portfolio-mistakes

作者：TOBIAS VAN SCHNEIDER

譯者：陳子木

圖片素材作者：Jemis Mali

交互設計學堂已經開設了新的欄目-行知書院，旨在幫助小夥伴們來高效的學習現在市面上優秀的用戶體驗書籍比如《交互設計精髓》等等，同時結合老D的工作經驗來幫助你們從不同的高度和角度來解讀書中的內容。每天一課，積少成多。已有222位小夥伴加入。詳細了解行知書院

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！