设计师年度汇报、职级答辩和换工作,都免不了做 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张配图,总结出的作品集套路:滴滴篇

点赞 40
收藏 263

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。