从大厂收集了1000张配图，总结出的作品集套路：滴滴篇

设计师年度汇报、职级答辩和换工作，都免不了做 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 张

封面

封面图片之所以这么少，因为公众号主体是文章，大部分时候用文字标题就代替了封面。总的来说，通常使用左标题右配图或者背景配图的布局。

背景

背景是对项目的介绍，大部分详细介绍都用文字代替，配图也不多，可分成 4 个子类。

1. 现状

线上版本的界面截图或者设备。

2. 业务需求

直接说出业务方的需求。

3. 当前数据

当前版本的内部数据或者外部报告。

4. 流程和模型

当前项目的业务流程或者模型。

分析

比起设计方案，其实分析思考的过程更能看出设计师的真实能力。可分类 7 类，其中有些类比还可以再次分类，因为配图很多，我就列举一些典型的，完整的全部图片和分类之后整理完毕再分享给大家。

1. 设计流程

展示自己分析思路的过程或者设计团队的工作流程，旨在让读者明白接下来的内容分几个板块来展示，或者体现自己的设计团队很专业，有完整科学的设计流程。可分成 2 类。

仅流程

流程加结果

这类图片通常除了流程外，还有其中的思考点或者结论，因此经常放在分析的最后、方案之前，起到承上启下的作用。

2. 问题和痛点

此类配图经常作为分析的开头部分，毕竟有问题才有思考和设计。不要简单的罗列问题，而是要从整个使用流程，或者将问题分好类，甚至进行分析之后呈现。

3. 产品/用户/行业/竞品特点

比较有趣的是日常工作中最经常用的竞品分析图片特别少，我猜是大厂设计师不想让读者认为他在借鉴其他产品，而是自己原创并引领行业设计趋势。

4. 数据/趋势

这类图片很少，一方面数据涉及机密，另外用文字描述也可以。

5. 真实场景

这里全部是实拍的图片，可以拍摄用户使用场景的图片，也可以拍摄设计师在工作中的照片。这样就显得项目很真实，证明设计师真的在努力做好设计。

6. 模型和思路

设计类模型

这类图片是分析中最多的，多达 53 张。其实面试中的重头戏也在这部分，面试官会问你是怎么思考的，为什么这么设计，用了什么方法论才想出的设计方案。可分成 9 小类。

流程型

可别看标题因为就是流程图，那太普通。滴滴的流程型图片还附带有流程中每个关键点的分析，显得很丰满。

元素型

多个同等重要的元素并排展示，为了避免画面太单薄，元素可点缀一些配图、英文或摘要等。

金字塔型

体现理论中涉及到层次或优先级。

分析型

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

对比型

有新旧两种思路，或者多个方案需要对比选择。

公式型

理论可以总结成类似数据公式的格式。

循环型

也可以当作流程图，只是这里的流程首尾相接，循环不息。

表格型

这种图片非常少，可能表格很难做得高级，显得太常规。

矩阵型

和其他类比的二维配图相比，三维矩阵能显得思考更有深度。

7. 设计机会和策略

在经过一系列的分析之后，最后肯定得总结出具体该怎么设计。可分成 3 类。

元素型

多个并排元素，每个元素简单描述一下要点。

归纳型

列举之前分析过程的内容，最后归纳出具体策略。

分解型

从核心点分解出多个设计策略。

方案

呈现设计方案的图虽然最多，但其实分类和具体的布局都很简单。可分成 8 个子类。

1. 组件化和规范

方案里最多的就是这种图，毕竟出单纯的设计方案显得普通，如果能把方案总结成规范甚至组件，就显得更厉害了。

2. 推导结果

从之前分析的结果或者零散元素推导出设计方案。

3. 页面模块或层级

对设计方案某个核心页面的模块或者层级进行介绍。

4. 对比

作品集最常见的版式，拿旧方案和自己的新方案对比，体现自己的能力。为了让新方案显得更厉害，可以从画面比例或弱化旧图让新方案更突出。

5. 细节解析

对页面局部亮点进行展示，其实很多伪造抄袭的作品集容易看出来，就是因为没有这个部分。只有自己亲自经历过的项目，才会很在乎亮点。而且设计评判看得是效果而不是修改图的多少。

6. 流程/状态

7. 多图

为了避免多图显得很单调，可以在排版上多花点心思。

8. 单图

成果

光有设计方案不够有说服力，得加上方案落地之后的结果这才是领导最关心的。

1. 流程

流程可分为两种，一是设计前后用户使用的流程。二是你对公司流程制度的改善，这是高阶设计师或管理层必须做到的。

2. 设计系统/多页面

可以尝试加上一些数字，显得你的工作成果特别多。

3. 数据对比

4. 数据结果

5. 单图展示

6. 场景展示

用真实照片，尤其是用户开心使用产品的场景，会显得很有说服力。

欢迎关注作者的微信公众号：「龙爪槐守望者」