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

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

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

概述

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

可根據敘事邏輯,將圖片分成以下 5 類:

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

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

封面

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

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

背景

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

1. 現狀

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

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

2. 業務需求

直接說出業務方的需求。

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

3. 當前數據

當前版本的內部數據或者外部報告。

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

4. 流程和模型

當前項目的業務流程或者模型。

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

分析

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

1. 設計流程

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

僅流程

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

流程加結果

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

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

2. 問題和痛點

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

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

3. 產品/用戶/行業/競品特點

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

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

4. 數據/趨勢

這類圖片很少,一方面數據涉及機密,另外用文字描述也可以。

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

5. 真實場景

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

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

6. 模型和思路

設計類模型

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

流程型

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

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

元素型

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

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

金字塔型

體現理論中涉及到層次或優先級。

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

分析型

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

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

對比型

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

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

公式型

理論可以總結成類似數據公式的格式。

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

循環型

也可以當作流程圖,只是這里的流程首尾相接,循環不息。

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

表格型

這種圖片非常少,可能表格很難做得高級,顯得太常規。

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

矩陣型

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

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

7. 設計機會和策略

在經過一系列的分析之后,最后肯定得總結出具體該怎么設計。可分成 3 類。

元素型

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

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

歸納型

列舉之前分析過程的內容,最后歸納出具體策略。

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

分解型

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

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

方案

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

1. 組件化和規范

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

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

2. 推導結果

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

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

3. 頁面模塊或層級

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

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

4. 對比

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

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

5. 細節解析

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

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

6. 流程/狀態

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

7. 多圖

為了避免多圖顯得很單調,可以在排版上多花點心思。

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

8. 單圖

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

成果

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

1. 流程

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

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

2. 設計系統/多頁面

可以嘗試加上一些數字,顯得你的工作成果特別多。

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

3. 數據對比

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

4. 數據結果

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

5. 單圖展示

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

6. 場景展示

用真實照片,尤其是用戶開心使用產品的場景,會顯得很有說服力。

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

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

從大廠收集了1000張配圖,總結出的作品集套路:滴滴篇

收藏 310
點贊 52

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。