Portfolio Critique #5 - Facebook by Aoni

【前情提要】有獎小活動：點評FB, Google等大廠設計實習生的作品集

【第一篇】Portfolio Critique #1 - 微軟 by 葉卉

【第二篇】Portfolio Critique #2 - 谷歌 by moon

【第三篇】Portfolio Critique #3 - 蘋果 by 薛少喆

【第四篇】Portfolio Critique #4 - 微軟 by 趙沈彬

【第六篇】Portfolio Critique #6 - Facebook by 劉昕雯

【主持人啰嗦】這篇點評來自矽谷創業公司MailTime的設計師Aoni，也是我CMU時候就認識的學妹。

【點評對象】 Jane Byon (Facebook)

第一印象

首頁的整體感覺乾淨而簡約，總體色調偏冷。這個主頁的排版是很多設計師都會採用的：在個人名字或簡介下面，用瀑布流的方式排版，每個作品以一張封面照片展示。在 Jane 的網站上，這些封面照片也延續了一種簡約、冷淡的風格。

滑鼠移到每張照片上，會有漸變的懸浮動效，淺藍色的背景逐漸浮現，上面的文字展示作品名稱和實際內容。（每次只顯示當前滑鼠懸浮的作品，這張圖我把六個懸浮效果拼在了一起。）

從簡單的作品名稱掃讀，能感覺到這位設計師是一位涉獵廣泛的設計師，她的作品和平時常見的 UI UX 設計師不太一樣。排在前面的這些作品包括天線裝置，花瓶，計步器，內褲，平面設計和廣告動效等。剩下的作品包括 UI 設計，平面設計和工業設計作品。因此，整體印象感覺這位設計師可能更偏向工業設計，而不拘束於單純的用戶界面設計，尤其是排在作品集前面的大都是實體的產品設計。

作品展示

點擊單個作品，淺藍色的方塊在原地展開，覆蓋主頁其他內容，上面整齊的排布著作品 overview 和展示圖片，非常簡單。

這張網頁展示的便是她的第一個作品，一個天線裝置。在作品簡介中，她介紹道這個作品贏得了 ViaSat 公司的設計大獎。這個天線裝置採用了陣列式的設計，有著安裝簡便，更輕，運輸更方便等優點，把一個通常人們不會注意到的物品變成了一個美觀的消費品。

剩下的整齊排布的圖片主要是這個最終產品的介紹。這些圖片更像是用於演講展示的 PPT，沒有特別記錄詳細的設計過程。

第一個作品畢竟是參賽的設計，我本以為她的其他作品會介紹的更詳盡一些，或是更像傳統的產品設計師的作品集，有定義問題、探索、歸納、研究調查等按部就班的流程。但打開了幾個作品之後，我發現 Jane 的作品展示都是這樣的簡約，一段話作為 overview，剩下的則是簡單的圖片展示最終設計結果。比如上面這個，是她作品集第二個項目，一個花瓶設計。

這是她為 Nest 的推廣活動做的一系列平面和動畫設計。這裡的圖片風格也和她作品集風格大部分一致，簡單幹凈的線條，飽和度不高的顏色。從這個作品，還有她的其他平面設計作品，能看出來她的繪圖造型能力也是不錯的。

這兩個作品（項目一、二）有了更多交互設計的內容。第一個圖片較多的是 Jane 為 Nest工廠內部測試軟體重新設計的 UI。為此她的作品集里列出來了一系列步驟，從了解工廠、熟悉軟體流程、訪談和用戶小組，到定義問題和目標、第一輪設計、迭代和最終線框圖。沒有製作精美的圖片，這個作品主要著重於交互流程的完善，設計過程相比其他作品更為詳盡。

第二個作品有工業設計和交互設計，為視障人士設計了一個觸摸式體驗的手機殼，是一個概念設計。這個作品的展現也是用類似 PPT 的形式，主要闡述最終設計結果。

簡歷

在作品集網站上，設計師的簡歷／自我介紹也是一個很重要的部分。Jane 的簡歷讓我眼前一亮。她的簡歷是一張正常的列印紙大小，但主要內容集中在中間部分（也就是截圖的這部分）。名字很大，並且採用了有襯線的字體，和其他部分有所對比。剩餘的內容排布的很整齊、乾淨，可讀性強。整體風格和她的網站一致。從她的經歷看出她有著市場營銷、前端開發等多樣的經歷。

帶星號的句子寫的很小，放在了底部：*A detail-oriented designer, down to the fine print.

其他亮點

Jane 的個人首頁上，JANE BYON 的字體是一個循環的小動畫，感覺比較精緻。字體的筆劃會來回延長畫出、縮短消失。這是通過 SVG 和 CSS 動畫實現，算是作品集的一個小亮點。

另外引起我注意的是，在簡歷 RESUME 旁邊，有一個 MANIFESTO （宣言） 按鈕。

原來這個 MANIFESTO 是 Jane 作為一個設計師，寫下了22個信條，也是體現她設計理念和個性的一份文檔。

（這張圖只截取了一部分，有興趣的可以去 Jane 的網站閱讀全文。）

此外，值得一提的是 Jane 的作品集網站在移動端體驗也是不錯的。響應式設計也是目前設計師必備技能之一了。

總結

優點：

涉獵廣泛。作為設計師她的作品多種多樣，體現了豐富的技能。

設計作品中的人文關懷。比如為視障人士做的設計，更環保的背包設計，還有反性侵的內褲，都體現了 Jane 作為設計師，她的設計出發點包含了對一些社會現象和問題的思考。

整體風格比較統一、獨特。乾淨、整齊、簡約，作品集網站只有一個頁面和兩個 PDF 文件。可以說，Jane 的作品集是有較強烈的個人風格的。

缺點：

作品的展現比較簡單。有的封面圖片我看到會感覺吸引人、很想去了解一下，然而點開來看就是一張圖片，很簡短的介紹。

個人感覺，作品集首頁的封面圖片們可以再統一一些，目前感覺有一點點風格和顏色上的雜亂，乍一看沒有深刻的印象。

【關於作者】 @王奧妮 目前在矽谷創業公司 MailTime 簡信擔任設計師，主要負責 MailTime 簡信 App 和郵件大數據產品 Measurable AI 的交互設計，最近參與矽谷首個數據挖礦區塊鏈項目 Measurable Data Token 量數幣；碩士畢業於卡內基梅隆大學，藝術管理專業，曾在安迪·沃霍爾美術館負責觀眾體驗和網站設計。

【傳送門】戳此進入知乎主頁

【主持人啰嗦】每個作品的展開和收起，交互比較特別因此也很不直觀……加上作品主要以圖片呈現，可承載的信息有限，給人一種每個項目都寫得很簡單的感覺。

【第一篇】Portfolio Critique #1 - 微軟 by 葉卉

【第二篇】Portfolio Critique #2 - 谷歌 by moon

【第三篇】Portfolio Critique #3 - 蘋果 by 薛少喆

【第四篇】Portfolio Critique #4 - 微軟 by 趙沈彬

【第六篇】Portfolio Critique #6 - Facebook by 劉昕雯