很久没有写长文了，鉴于最近很多学员还在整理作品集，也为了更好的补充课上的知识点，准备在这几天完成一个关于 UX 作品集输出的完整分享。
本系列的内容比较多，会包前中后四篇8个模块，分别是：

• UX作品集的认识
  
• 作品集内容的规划
  
• 作品集设计风格制定
  
• 标准页面制作思路
  
• 核心项目展示方法
  
• 其它作品展示建议
  
• 常见误区避坑指南
  
• 作品集常用素材整理

每个模块下还会包含若干的要点，总字数一定不少（又是一场血雨腥风…），建议大家耐心追完全篇，对UX作品集有一个彻底的认识。

下面，开始正文……


1.1 设计师和作品集的关系
虽然作品集很重要，但到底有多重要，对于设计师来讲的意义是什么，多数新手其实并没有一个很好的认识。

所以，我还是要先做一些解释，给大家建立一些正确的观念。

首先，对于不同职业，评价他们水平如何的方法都不一样，越是文书、管理、内勤、协调等非显性技能的职业，评判起来就越困难。

为了尽可能提升招聘的效率，大厂就会直接设置学历门槛，从学历高精尖、大厂背景的精英中挑选适合的对象，起码他们在学习能力上证明过自己，不需要浪费时间再从低学历人群中逐一排查。



但对于设计师来讲，学历、经验、背景都没办法作为核心评价标准，因为评价一个设计师好坏，最重要的东西必然是他的 —— 作品水平。

于是，我们就要有一个 “载体”，专门用来存放自己的作品，让其他人可以直接来查看我们的作品，了解我们对应的水平。

不同类型的设计师，会选择不同的载体来制作自己的作品集，最有代表性的，就是过去品牌、建筑、工业等设计师，会通过制作一套完整的画册作为作品集进行展示。






在这些领域中，越是高级的设计师，作品集的排版、装帧、质量就越好。因为作品集是设计师和外界沟通的桥梁，它就是设计师本身实力的映射。

如果设计师想要在市场上获得招聘方的青睐以及面试机会，千言万语都远不如一份让人震撼的作品集能令人信服（只不过大多数人做不出这样的作品集出来）。

虽然纸质的作品集不适用于 UI/UX 设计师，我们现在普遍采用 PDF 格式作为载体，但是，作品集所运用的设计思路、排版、行文、规格，都和过去的纸质画册类似，然后再根据作品的特征，进行细节的更改。

制作作品集，必然要拓展有关平面、画册设计相关的知识（后面慢慢说）。在此大家要有一个清醒的认识，那就是完善作品集是设计师最重要的工作内容。

你的职业经验、项目经历、软件技能，都要能转化成作品集的内容和优势，尤其对于职业初级阶段的设计师，你的学习、成长路径，都需要围绕作品集的输出展开。

1.2 作品集制作的难点
想要把作品集完整做出来，并不是一件容易的事情。但不管我后续或其他人分享的技巧还是经验，都没办法帮助你们逾越这个障碍 —— 作品集同质化。

多浏览站酷、UICN 的作品，或者做过招聘方看过应聘者投递的简历，你就会发现，UI/UX 作品集从内容到样式排版都表现出了高度的一致性。

其中，不仅仅是因为抄袭成风（比如最近某阿里新入职设计师抄袭在职设计师的问题），还因为普遍性的 UI 设计师平面基础差，设计、艺术素养孱弱。

作品集首先是一份输出视觉感受文件，然后才是里面的思路、文字、想法、解决的问题。

如果你在展示内容、解决问题的方法上，不能提供非常个性、拍手称赞的方案，那么你的作品集就避免不了和别人同质化的结局。

最好能在视觉感受到的第一步，就能和别的简历拉开距离，即提供更有 B 格，更高级的视觉展示输出。





作品集中反应的实力之一，就是设计师自身的审美趣味，但这是一个比较玄学的问题，它隐藏在你设计中的每个角落……

只有这个方向我是无能为力的，因为不管我提供什么素材、配图，都不可能让你们的审美能力突然暴涨。

所以，为了输出更有个性的作品集，我建议大家多花时间浏览 Bahance 的各类首页作品推荐作品展示进行积累。


或者，一有空闲时间就到当地的图书馆，免费白piao那些非常厚重的设计、摄影、建筑画册。



这会非常有效的提升大家对作品展示和排版的眼界，并为后续的制作提供有效的借鉴思路。



2.1 市场的需求分析

作品集的制作不是一次纯粹的自我表达，毕竟它要连接招聘方，将自己推销出去。

要提高推销的概率，我们就必须站在买房的立场里进行思考，什么样的作品集能获得他们的青睐。换句话说，我们要表现出什么样的能力，能满足招聘市场的需要。

我将招聘市场划分成两个部分，低级市场和高级市场。这不是指设计师水平的高低，而是招聘企业本身的 Level 高低，它们的区别可以概括成：

- 低级市场多数只看视觉内容，希望设计师身兼多职，技能全面，具备最基本的协作方法和思考能力。

- 高级市场则更看重分析水平，围绕业务、用户展开设计，能有逻辑性的解决项目问题，不强调 UI 以外的软件技能。

低级市场就没什么好分析的了，我们主要针对高级市场做分析，即大厂的设计师需要我们具备哪些能力。


通常，大厂对 UI 设计师的要求不会只有视觉而已，更多考量的是设计师的思考能力。专业的 UED 团队是要通过设计来提升产品数据、转化和收益的，而不是仅仅做出 “好看” 的设计。

所以，你既要了解你的用户，做出能让它们满意的设计，也要参与和理解业务，给出能让内部成员满意的方案。我们一般也称这种设计师叫 “全链路设计师” 或者 “UX设计师”。

我将要求简化成以下四点：

- 扎实的设计基础：软件掌握、界面设计、情感设计
- 熟练的理论应用：视觉理论、产品理论、交互理论
- 清晰的设计思路：产品分析、用户分析、逻辑思维
- 前卫的探索精神：流行风格、视觉尝试、技巧突破

作品集要去满足这些特性，才是符合招聘需要的作品集，而不是盲目跟从市面上高喊 UI 设计师又需要掌握的插画、3D、动画软件，你就去学这些东西然后硬往里塞。

多花时间去招聘网站整理目标行业、企业的招聘需求，和内部的设计师进行沟通，可以更好的帮助我们建立对招聘要求的认识，便于下一步的内容制定。

2.2 展示作品制定
有了招聘需求的分析结果，这一步我们就要想往作品集塞哪些作品了。在主流的市场中，我们在作品集 PDF 中可以放的作品主要有下面这些类型：


在一个作品集中出现所有类型，必然是不可能的，我们要有目的性的挑选符合招聘需求的内容来放。其中，最核心的作品必然是完整的 UI 项目，包括 APP、WEB、B端等。

建议最少不少于3个，多不超过5个，展示太多的项目会导致作品集看起来过度臃肿，即使过去做过再多的项目，也只要挑选出其中最值得展示的几个出来既可。

除了项目外，其它设计类型的展示，一定要和你面向的岗位对口，如果不是校招生，就千万不要放有临摹、练习类的字样。





即使你过去没有这种经验，你也要输出练习稿的时候能保证看上去像真实的项目，并且具备能撑起该类设计展示的数量。
有了这些想法，就可以更进一步，把要安排到作品集的内容记录下来，比如下图的案例：

2.3 目录结构定义
要展示哪些作品确定好了，并不是规划就到此为止。作品集除了作品外，还会包含其它通用型的页面，同样是需要我们做好计划的。

这些通用型页面包含但不局限于下面的列表：

封面：简历的封面，作为全篇内容的引导画面
扉页：放一些人生格言或者其它提升逼格元素的页面
目录：作为整个作品集内容列表的快速呈现
个人介绍：放个人相关信息的页面，罗列生辰八字
工作经历：专门放职业有关的经历和项目经历
类型封面：进入某个作品类型作品的引导封面
项目封面：用来强调下方展示哪个项目的封面
联系方式：专门用来展示联系电话、二维码的页面
尾页：用来致谢和收尾完结的页面
……

这些页面的引用多数是必要的，因为作品集本质上就是一本电子画册，我们要保证读者的观看体验，就要穿插不同的标准页面来控制浏览的节奏，而不是陷入无穷无尽的文字和图片中。

越专业的设计师，在这些页面的使用上也会越严谨。合理组合通用型页面，可以保证我们的作品集看起来正式、专业、有态度。

例如，我要制定自己作品集，那我会这么安排：

封面、目录、个人介绍、工作经历、APP类型封面、APP项目1展示……尾页

更具体的目录结构我会在后续的完整版当中放出。

最后，目录结构的定义还有一个特别重要的作用，就是把作品集当成一个项目来看待的话，这个目录罗列了这个项目的任务总量。

而我们要做的，就是顺着这个任务列表把后面所有的内容全部做完……

今天的分享到这里结束，下一篇，就是有关具体实施中的操作方法和设计技巧分享了！如果有什么问题可以在留言中提出。



本文原创，未经作者允许不可转载！
更多内容，欢迎关注作者微信公众号：超人的电话亭！