更多相關干貨：

最近咨詢的同學、內部學員的作品集、線上新發的作品集看了不少，有個非常基礎但又致命的問題 —— 頁面的展示不合理。

為了解決這個問題，所以我專門做一篇簡單的分享來說明。

一、項目展示中的問題分析

作品集做項目展示就是展示項目的設計思路、流程、意圖、巧思，來表現自己對設計的理解和專業性，所以我們也叫它作品包裝。

而為了表現這些內容，項目中就要包含大量的“八股文”，關于產品項目分析、用戶分析、體驗分析、交互分析之類的長篇大論。老實講這些內容要寫不難，難的是要把它們放到項目展示里，還要排版設計出來，是有難度，而且非常占用精力的。

因為它們做起來麻煩，每次項目包裝花費在分析部分的精力占比就過高。而這進一步導致了，留給結尾的項目成果展示的比重不多了……

而越是新手還是初級設計師，在這方面的問題就越嚴重，因為他們始終沒搞明白一件事，那就是所有設計分析、項目包裝 —— 都是給最后的設計成果做鋪墊的。

分析是因，設計是果，分析的目標是讓設計的結果更有說服力，而不是光看你怎么分析的。如果最后的設計成果拉胯了，那么前面的所有內容都是白給。

而目前很多作品集中的成果展示問題，甚至還沒到關注質量的地步，而是壓根就 —— 沒看到幾張。

比如從網上隨便找的幾份項目的展示案例：

篇幅關系前面就不放了，可以說前期分析內容的比重遠遠比后面的界面內容多。如果大家的工作抬頭是交互用研、或者純體驗（只做方案不做圖那種），那么字多圖少沒問題。

但作為 UI 設計師，工作性質可是以產出界面為目標的，結果一個項目里，我看不到幾張界面圖。

而且作為初級設計師，你前面的分析內容也很難寫出吸引人的內容，套路性、湊字數、或者干脆一眼 GPT 的內容很多了，設計稿還巨少。少就算了，可能設計得還不太好……

那作品集中這套項目存在的意義是什么，讓別人陪你遨游在設計理念的汪洋大海中不能自拔嘛？

做作品集的準備分析時，怎么處理成果展示的權重是最高的，而且對于越初級的設計師來重要性越高。因為它是 UI 設計師專業能力表現的基石，尤其主流的作品集瀏覽習慣，都是：

先拉到下方看界面產出的質量，如果質量達到要求再回去看前面的項目分析寫了什么。

如果作品本身質量太差，那么直接就關掉這份作品集，沒有往前看的必要，更不可能從分析的第一頁開始慢慢往下看。

所以，做項目展示之前，好好想想這個模塊要怎么處理。

二、項目中的成果展示準備

成果展示模塊應該放什么內容，要在這個項目包裝開始做之前就做好計劃，而不是做到這個地方了再開始想。

并且這個節點越早越好，在我們的系列課程中，甚至建議學員要在選擇作品集展示項目，項目還沒創建文件夾之前就要確定出來！

具體怎么做先放一放，我們要遵循 3 個基本的原則：

完整性就是展示要有頭有尾，能覆蓋項目設計的主要功能、頁面、流程，而不是東一個頁面西一個頁面。

內容多則是展示的頁面的數量和內容整體觀感要豐富，頁面數量的展示盡量不要低于 16-20 頁，避免放內容很空曠的頁面類型進去。

權重高指的是放的頁面對于項目來講是足夠重要的，和分析內容關聯性高的，而不要放注冊、通知、設置、報錯之類無關緊要的頁面進來湊數（太劃水）。

上面三個原則都是基于觀看者角度定義出來的，因為作品集是給別人看的，你的目標是要讓別人看得爽，就要考慮他們怎么想，而不是用你自己一廂情愿的想法去輸出。

接下來就要解釋怎么制定展示內容了，首先以完整的項目為例，它必然要包含完整的產品頁面結構，我們可以用思維導圖中的 “頁面地圖” 先總結出來。

這個思維導圖非常重要，因為它可以很清晰把項目包含的頁面和結構呈現出來。雖然初步整理的版本可能比較簡陋，有很多缺漏，但可以通過后續的步驟彌補。

然后下一步，就是在這個圖形中對項目展示中需要露出的內容做篩選，挑出合適數量且有展示必要的頁面出來。

基于上面的原則，就可以完成一次初篩。

但初篩不代表最終展示的頁面只有這些，我們要做進一步的整理，對項目包裝的展示模塊做大綱梳理。而作為潮汐這款產品，它的核心功能點就是專注、睡眠、小憩、呼吸 4 個類型的冥想和放松功能，所以重點為以它們展開，再輔助次要的模塊。

下面做個簡單的展示順序示例：

上面基本上就囊括了項目的核心功能點和頁面類型了，但任務結束了嘛？

還沒有，因為這只是最初步的梳理，不代表最終的展示結果也能那么符合邏輯。所以我們必須要思考推演一遍，這些內容置入以后的效果，并做出改善。

比如其中一個問題，就是內容的重復性，雖然專注、睡眠、小憩、呼吸在功能和頁面上都是獨立的，但它們的下級頁面、選項、交互卻非常接近，尤其是睡眠和小憩，基本上是一樣的。

所以如果要展示，重復的內容就要移除掉，只專注展示其中一個模塊為主。而展示專注模塊，就獨立擺那幾個頁面？

當然是很無聊的，所以既然展示一個功能模塊，那盡可能把它表現清楚，最簡單的做法就是把它的交互流程相關頁面都展示出來：

因為這個流程展示了，睡眠和小憩就只需要合并一起展示特殊的頁面類型。

最后呼吸模塊比較特殊，它和前面的模塊不一樣，但它只有一個頁面有展示的必要，只是狀態不一樣，所以我們可以著重去展示一個頁面的不同狀態。

之后的探索模塊，一級頁面內容幾乎都是一樣的，不需要太花篇幅簡單展示就行，而一些 Plus 內容可以在這個模塊中展示，就可以以探索為起點完成一次 Plus 內容的交互流程。

重新調整一遍，那么展示的內容就進一步細化了，增加了前面頁面地圖沒整理到的東西：

到這一步，那么對設計展示模塊的規劃也就完成了，還要再進一步準備的話，就是準備相關的說明內容、文案了，那就是另一個問題我們以后再談。

雖然整理到這步也不算難，但面對真實項目，可能出現的問題會打亂我們的節奏，比如：

項目的頁面太少

項目的迭代涉及的頁面太少

重要的頁面設計得很難看

很多頁面內容很空

頁面相似度太高重復性強（尤其 B 端）

……

這些都不是問題，規劃的目的是確定方向，而有了方向以后有什么問題，你就要去解決什么問題。

上面提到的所有問題，設計師都可以根據自己對項目的理解重新梳理、設計出來，而不要原來項目長什么樣，你項目包裝里設計產出就長什么樣……

如果中間有些頁面還沒做，或者需要重做，你就要花時間去準備，而這本身就是做作品集中最重要的一個環節。先有好的作品，才有好的作品集！

作品就像食材，包裝是烹飪過程，食材質量越好結果的上下限越高，甚至生食都要夸贊你的“食材本味”。而劣質、單調的食材，是做不出可口佳肴的……

結尾

提升這種計劃的能力其實很簡單， 只要像上面一樣把線上案例作為一個展示對象，去安排展示內容，你很快就能抓到訣竅。而直接用你們自己的項目，顧慮會太多反而效果很差。

進步就靠你們自己了……

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