今天，我們則要圍繞一個更重要的話題展開討論，即作品集中的作品，有哪些設計要求，以及應該做成什么樣。

往期干貨：

一、作品集中的作品要求

作品集是設計師表現自己專業能力的載體，里面囊括了大量的內容和圖文信息，而最讓設計師頭疼的東西就是作品集中的“分析”內容，包括產品、項目、體驗、用戶、交互等分析對象。

要把它們寫好并合理的展示在作品集中確實很困難，對設計師的能力、經驗、表達、項目質量都有一定的要求，所以很多新手會把大量的注意力、精力應用在這些領域，尤其是對項目包裝的理解即 —— 使用精妙的話術來編寫項目分析文案。

這種偏向，當然是錯誤的！之前的分享里一直強調過，作品集為什么叫作品集，因為它是作品的集合，對于設計師來說作品本身才是作品集里最重要的部分。

只不過簡單的羅列界面看起來太簡陋，而且感覺很不正式，所以催生出了對作品進行包裝的需要。通過使用更有設計感的排版，加上文字的描述，讓作品展示能像一本藝術介紹畫冊一樣娓娓道來，增加觀看體驗。

不管是藝術畫冊還是設計師作品集，包裝都是為了展示作品本身而服務，作品本身有值得展示的水平，才有包裝的空間，如果作品本身沒有說服力，那么不管增加什么話術和包裝內容都是徒勞的。

至于作品做到什么程度才能滿足展示的基本要求，可以歸納為下面幾個要點：

1. 作品內容的完整性、連續性
2. 設計符合規范、交互、體驗的基本要求
3. 能具有一定的設計風格和品牌調性

第一點，是作品展示的前提，即挑選出來展示界面數量要足，且能代表產品的主要服務、模塊、流程，而不是隨便選一些頁面湊上去，或者像很多新手作品集里一個項目就只放 5、6 個界面。

作品內容太空洞，那這個項目就可以直接判死刑了，不管你怎么包裝都沒有用。具體的操作思路在上面的分享鏈接已經加了，就不在這里再放出來了。

第二點，就是界面要符合系統規范、交互操作、用戶體驗的相關要求。具體怎么個要求法，當然不可能一條條列出來，那等于把基礎的 UI 知識點回顧一遍，總結起來就一句話 —— 挑不出毛病的要求。

比如系統規范部分，很多新手連頂部狀態欄的正確應用都沒理解，展示出來的界面都是錯的，那是非常致命的問題。

再到交互和體驗的部分，雖然這些內容在產品實際使用過程中有很大深究的空間，但在作品集這種只能展示少數靜態頁面的模式下，就大大消除了這種可能。我們作為觀看者，只能從展示的頁面中大致判斷交互是否合理，體驗是否符合常規要求。

所以作品本身展示上只要確保交互做的不太極端，頁面整體設計處于常規認知范圍內，我們就很難挑出錯誤來。而很多初級設計師卻追求的標新立異就是反面案例，等于提供了大量可以產生疑問（批判）的素材。

前面兩點都很好理解，只要掌握 UI 設計就能滿足。而最后一點最特殊，即表現項目的風格和品牌調性。

從本質上講，品牌調性就是“差異性”，需要在設計層面和其它產品產生差異并形成風格，才能塑造品牌調性。比如馬蜂窩、攜程、飛豬，可以很清晰地感受到不同品牌之間的調性差異。

但上一點我們也提了，就是設計不能為了追求標新立異而標新立異，給交互和體驗制造漏洞，這個原則和品牌性特征本身是相悖的。所以我們就要在“品牌調性” 和不影響交互和體驗的 “安全性” 之間拉扯，去找到平衡。

穩妥點的做法，就是使用基礎的頁面框架和交互上，在視覺樣式上尋找突破，包括更平面化的組件設計、復雜的圖標設計、更豐富的配色等等。

可以參考一些視覺復雜的線上案例：

最后這點，就不止是 UI 基礎能力的體現了，而是更進階的界面視覺能力輸出，需要設計師經過更長時間的訓練和積累。

但進階的輸出還分成兩個階段，第一個階段是對單一界面視覺樣式的突破，第二個階段則是掌握全局對整體視覺方案的管理和落實。

更具體解釋，就是進階前期可以完成對單一頁面的深度視覺優化，但這種優化只針對該頁面，不和其它頁面產生聯系，一個頁面一個優化思路，容易導致最終的呈現效果缺乏整體性，觀感割裂。

而進階狀態，則是先建立整體的設計風格和效果預期，再開展對頁面的設計，不同頁面之間的設計細節聯系緊密，一致性強，才能形成真正的品牌調性和設計風格。

雖然 UI 對比其它設計是不怎么難，但要達到這種水平也是有門檻的，可以輕易剔除絕大多數 UI 設計師，也是新手在準備作品集時面對的最大挑戰（不是分析）。

這部分能力是判斷 UI 設計師能力的關鍵之一，雖然新手做不到無中生有，但我們可以通過注意一些細節來規避會出現的問題，讓作品的輸出看起來可以更成熟、專業。

二、關于作品輸出的整體性

對于一個項目而言，風格和品牌性是建立在四要素的 “一致性” 之上的，不管你用了什么設計思路、視覺、配色，都要保證整體的一致，才能為用戶建立品牌的視覺定位。

而一致性中最關鍵的，就是設計規范的建立，如何在創建品牌風格以后，將規范建立并應用到全局中。

這里的難點有兩個，第一是怎么建立可以形成規范的設計風格，第二是怎么把設計規范在全局中進行應用。下面我們就用一個之前分享過的學員案例作為說明對象。

相信不少同學看過我們之前做過的一個旅游產品的作品優化，原圖和改版后的案例如下：

這個案例在各平臺上的反對聲音居多，理由大致都是改版后更“平庸了”、“沒個性了”、“更沒設計感”等等。

這些評價在一定程度上是正確的，因為改版目標就是是在消除特異性，建立整體性，而很多人只看圖不看字（看作品集同理），以他們的認知無法理解這么改動的理由。

那下面，我們就更進一步，來看看風格過度突出的設計會發生什么問題。下面是同一套作品中后續完成的界面設計，我們將這些界面擺到一起來瀏覽：

相信放一起看可以直觀感受到，頁面的設計是 —— 割裂的。

而看作品集的人評價項目，評價的是一個整體，這種前后不一致造成的影響是非常負面的，因為它表現出設計師無法駕馭整個項目的視覺，且沒有辦法做好項目規范的整理和應用。

在原設計中，首頁的三個狀態之間設計已經開始割裂，在這種背景下是無法整理設計規范的，所以重新整理就是必要的。

在這個過程中，對初級設計師最大的建議，就是降低設計的復雜性和細節的突出性。前期設計階段類似概念設計，設計師可以自由揮灑創意和想法沒錯，但在現實世界中，適合落地的方案大多是“減配”版本。

因為一兩個界面你可以靈光乍現、找到好的參考，妙手偶得出讓自己滿意的結果。但如果這種靈感不能延續的話，那這種突破就會變成項目的 “雜音”，起到負面的影響。

所以在前期階段，一定要審查主要界面設計的成果，當視覺開始脫離掌控，無法駕馭的時候，就要適當消除個性，讓它回到可以控制的水平里來。

然后要對設計規范進行細致的整理，抽取界面風格形成的核心細節點，再應用到后續的界面中去，不管這些規范要不要展示到項目包裝中去。

再強調一遍規范之所以有價值，是因為它能延續并統一全局的設計風格，而很多作品集中的規范展示只是湊數的，隨便放一些顏色、字體樣式，對最終的設計展示毫無價值。

在新的調整案例中，我們就需要將前面的設計要素，應用到后續的頁面中去，比如下面的一些細節：

下面是我們對整體進行統一調整后的改版（簡單演示不會做的太深入）：

可以再對比前面的版本，來感受一致性之間有什么差異和提升，在作品集展示中，改動的結果和原圖對比起來哪套看起來更專業……

結尾

項目的設計遠遠不是把項目做出來而已，要關注的細節有很多，而這些細節才能真正體現一個 UI 設計師的視覺輸出能力。作為初級設計師，是不可能還沒學會走就想飛，直接把自己當一個成熟的設計師認為它們不重要，開始追求更復雜、深入的內容。

建議把分享的幾篇一起看完，會對怎么輸出項目有全新的認識。

歡迎關注作者的微信公眾號：「超人的電話亭」