從大廠收集了1000張配圖，總結(jié)出的作品集套路：滴滴篇

設計師年度匯報、職級答辯和換工作，都免不了做 PPT 和作品集。制作過程要梳（xū）理（gòu）敘事、引（xiā）用（biān）理論、提（chuī）煉（xū）亮點、展（kuā）示（zhāng）結(jié)果。反正要顯得你非常厲害，沒有你公司就要倒閉了，所以做起來無論是心理還是生理都非常痛苦。

如果能準備幾套精美又高級的模板，做的時候簡單改改就輕松了。雖然大廠設計師的作品集不會發(fā)出來分享，但大廠的設計公眾號都在不竭余力的推廣自己的設計價值，因此配圖都非常精美。所以我想到把配圖都保存下來，進行歸納總結(jié)再制作專屬模板。從而讓自己的作品集達到大廠的水平，這下匯報答辯面試成功率將大大提高。

現(xiàn)在保存了阿里巴巴、滴滴和騰訊設計公眾號的配圖，超過 1000 張。先從滴滴開始吧。

概述

圖片取自滴滴 CDX 創(chuàng)意設計公眾號（微信號：diditaxiued）。共 402 張圖片，來自 26 篇文章。有些動圖或純營銷視覺圖沒有保存。

可根據(jù)敘事邏輯，將圖片分成以下 5 類：

1. 封面，11 張
2. 背景，12 張
3. 分析，117 張
4. 方案，149 張
5. 成果，28 張

封面

封面圖片之所以這么少，因為公眾號主體是文章，大部分時候用文字標題就代替了封面。總的來說，通常使用左標題右配圖或者背景配圖的布局。

背景

背景是對項目的介紹，大部分詳細介紹都用文字代替，配圖也不多，可分成 4 個子類。

1. 現(xiàn)狀

線上版本的界面截圖或者設備。

2. 業(yè)務需求

直接說出業(yè)務方的需求。

3. 當前數(shù)據(jù)

當前版本的內(nèi)部數(shù)據(jù)或者外部報告。

4. 流程和模型

當前項目的業(yè)務流程或者模型。

分析

比起設計方案，其實分析思考的過程更能看出設計師的真實能力。可分類 7 類，其中有些類比還可以再次分類，因為配圖很多，我就列舉一些典型的，完整的全部圖片和分類之后整理完畢再分享給大家。

1. 設計流程

展示自己分析思路的過程或者設計團隊的工作流程，旨在讓讀者明白接下來的內(nèi)容分幾個板塊來展示，或者體現(xiàn)自己的設計團隊很專業(yè)，有完整科學的設計流程。可分成 2 類。

僅流程

流程加結(jié)果

這類圖片通常除了流程外，還有其中的思考點或者結(jié)論，因此經(jīng)常放在分析的最后、方案之前，起到承上啟下的作用。

2. 問題和痛點

此類配圖經(jīng)常作為分析的開頭部分，畢竟有問題才有思考和設計。不要簡單的羅列問題，而是要從整個使用流程，或者將問題分好類，甚至進行分析之后呈現(xiàn)。

3. 產(chǎn)品/用戶/行業(yè)/競品特點

比較有趣的是日常工作中最經(jīng)常用的競品分析圖片特別少，我猜是大廠設計師不想讓讀者認為他在借鑒其他產(chǎn)品，而是自己原創(chuàng)并引領行業(yè)設計趨勢。

4. 數(shù)據(jù)/趨勢

這類圖片很少，一方面數(shù)據(jù)涉及機密，另外用文字描述也可以。

5. 真實場景

這里全部是實拍的圖片，可以拍攝用戶使用場景的圖片，也可以拍攝設計師在工作中的照片。這樣就顯得項目很真實，證明設計師真的在努力做好設計。

6. 模型和思路

設計類模型

這類圖片是分析中最多的，多達 53 張。其實面試中的重頭戲也在這部分，面試官會問你是怎么思考的，為什么這么設計，用了什么方法論才想出的設計方案。可分成 9 小類。

流程型

可別看標題因為就是流程圖，那太普通。滴滴的流程型圖片還附帶有流程中每個關鍵點的分析，顯得很豐滿。

元素型

多個同等重要的元素并排展示，為了避免畫面太單薄，元素可點綴一些配圖、英文或摘要等。

金字塔型

體現(xiàn)理論中涉及到層次或優(yōu)先級。

分析型

通常是由一個核心分解出多個重要的元素。

對比型

有新舊兩種思路，或者多個方案需要對比選擇。

公式型

理論可以總結(jié)成類似數(shù)據(jù)公式的格式。

循環(huán)型

也可以當作流程圖，只是這里的流程首尾相接，循環(huán)不息。

表格型

這種圖片非常少，可能表格很難做得高級，顯得太常規(guī)。

矩陣型

和其他類比的二維配圖相比，三維矩陣能顯得思考更有深度。

7. 設計機會和策略

在經(jīng)過一系列的分析之后，最后肯定得總結(jié)出具體該怎么設計。可分成 3 類。

元素型

多個并排元素，每個元素簡單描述一下要點。

歸納型

列舉之前分析過程的內(nèi)容，最后歸納出具體策略。

分解型

從核心點分解出多個設計策略。

方案

呈現(xiàn)設計方案的圖雖然最多，但其實分類和具體的布局都很簡單。可分成 8 個子類。

1. 組件化和規(guī)范

方案里最多的就是這種圖，畢竟出單純的設計方案顯得普通，如果能把方案總結(jié)成規(guī)范甚至組件，就顯得更厲害了。

2. 推導結(jié)果

從之前分析的結(jié)果或者零散元素推導出設計方案。

3. 頁面模塊或?qū)蛹?/strong>

對設計方案某個核心頁面的模塊或者層級進行介紹。

4. 對比

作品集最常見的版式，拿舊方案和自己的新方案對比，體現(xiàn)自己的能力。為了讓新方案顯得更厲害，可以從畫面比例或弱化舊圖讓新方案更突出。

5. 細節(jié)解析

對頁面局部亮點進行展示，其實很多偽造抄襲的作品集容易看出來，就是因為沒有這個部分。只有自己親自經(jīng)歷過的項目，才會很在乎亮點。而且設計評判看得是效果而不是修改圖的多少。

6. 流程/狀態(tài)

7. 多圖

為了避免多圖顯得很單調(diào)，可以在排版上多花點心思。

8. 單圖

成果

光有設計方案不夠有說服力，得加上方案落地之后的結(jié)果這才是領導最關心的。

1. 流程

流程可分為兩種，一是設計前后用戶使用的流程。二是你對公司流程制度的改善，這是高階設計師或管理層必須做到的。

2. 設計系統(tǒng)/多頁面

可以嘗試加上一些數(shù)字，顯得你的工作成果特別多。

3. 數(shù)據(jù)對比

4. 數(shù)據(jù)結(jié)果

5. 單圖展示

6. 場景展示

用真實照片，尤其是用戶開心使用產(chǎn)品的場景，會顯得很有說服力。

金三銀四求職季，收下這篇5000字的上分秘籍（附簡歷和作品集模板）

考慮馬上又要到新的一年為了讓更多小伙伴能準備出更加驚艷作品集，這里我提供了一套簡歷和作品集的設計思路以及對應的模板，希望對大家有幫助~ 我們提供器與具，推崇創(chuàng)作思路發(fā)散，不鼓勵照搬、抄襲、挪用。

閱讀文章 >

歡迎關注作者的微信公眾號：「龍爪槐守望者」