UI设计师面试的时候，要给面试官发作品集。一份有竞争力的作品集，能让你在面试前就打败 80% 以上的竞争对手，获得更多的面试机会和面试官的良好印象。

那么，这样有竞争力的 UI 作品集要怎么做呢？

一、作品集的基本形式和规范

主流的作品集展示方式有两种：长图和 PPT，这里更建议大家采用 PPT 式。

长图的优势的优势在于排版更加灵活，在视觉效果上会好一些。但，缺点是对你的排版能力要求高，而且面试官的阅读体验不好。

想象一下，面对一个超级长的页面，也不知道下面能看到什么，除非做得特别吸引人，否则根本没有耐心看到最后。

PPT 虽然在视觉效果上比长图稍弱一些，但是对排版能力要求没那么高，把每一页的信息展示清楚是最重要的，而且各个模块的划分都很清晰，让面试官的阅读体验比较好。

说完形式，再简单说一下规范，面试官时间有限，作品集要精，不要为了堆量而堆量，建议 PPT 页数在 50 页左右，不要太多，也不要太少。最后，用压缩工具，输出为一份 10M 以内的 PDF 文件。

二、作品集包含的内容及要点

1、封面

重点信息：姓名，就职岗位

①封面要点一：吸引眼球

如果作品集的封面都十分普通，会让面试官对你瞬间失去兴趣。所以，封面一定要展现出你的审美，和设计的基本功，哪怕是极简风格，也要有强烈的视觉风格在里面。

下面有四张封面，推荐前两张。

第一个是简洁的风格，但是用的水晶字非常亮眼，提升了整个设计的格调；

第二个是插画风格，但是画得很精致，因为是自己画的插画，跟后面的作品集也有关系。

不推荐后两张。

第一个同样是走简洁的路线，但是太简单了，缺乏吸引力；

第二个同样是插画风格，但是插画的精度太低，哪怕是自己画的，也会给人不专业的感觉。

②封面要点二：整体排版风格要统一

作品集是多个项目的合集，可能你之前为每个项目都做过排版，但是在一个作品集里，必须要采用统一的字体、配色和版式，这一点非常重要，而封面的配色和版式风格，就直接决定了整个作品集的排版风格。

2、个人简介

重点信息：个人信息，教育背景，工作经历。

个人简介部分要突然优势。如果你的工作经历里有知名公司，可以把公司的 logo 放上去；如果你长得比较好看，可以把照片放大一点，建议放照片的时候，不管男女生，选面带微笑、积极阳光的照片，不要放艺术照或者证件照。

因为这部分信息量大，空间有限，一些不太重要的内容，比如能力地图、掌握什么软件，可以考虑不放，个人简介这几个字都可以不放。

大家看下面两张图，第二张是不是更能突出重点信息呢？

3、项目展示合集

重点信息：项目名称，主要页面展示

这一页其实就目录页，但是我们在之前说过了，作品集不是靠堆量，没必要把你做过的所有东西都列在目录里。

看下面三个目录，后两个列出了主要项目名称、展示了主要页面，视觉上更有吸引力，也让面试官更有兴趣看下去。

①第一个项目展示（全面）

具体项目的展示内容，可以根据自己的真实项目经验来调整，但是，第一个项目面试官会重点看，展示的内容最好全面一些，主要包含以下内容。

• 页面集中展示

这部分有人放在一个项目的最前面，有人放在最后面，都可以。

如果你的界面是视觉冲击力很强的，比如游戏 UI 界面，上来就能吸引住人，那可以放后面；

如果你的界面风格和色彩都不是很强烈，那就把这一页放前面。

• 
  

• 品牌名称、图标和简介

• 用户分析

用户分析最常见的是放用户画像，但是这不是唯一的形式，很多人写的用户画像，一眼就看出是自己编的，不如不写。

• 风格定义

这部分也不是一定要的，但是你展示设计依据的一个非常简便的方式。

• 设计规范

最常见的是文字规范和色彩规范，还可以包含图标规范。

• 交互原型图或交互分析

展示你对交互的理解，没有可以不要。

• 图标展示

图标对 UI 的重要性不用多说了，如果这个项目里的图标，足够出彩，建议不要放在前面的图标规范里，直接在展示页面之前，先集中展示一下图标。

• 主要页面展示

主页面的展示方式非常重要，尽量不要几个图平铺在那里，可以搭配样机素材，只要展示清晰即可，再配一些简洁的分析文字，可以分析设计细节，也可以分析怎么解决问题的，目标还是突出优势。

• 收尾展示

这里主要展示一些之前没展示过的页面，作为补充，比如弹窗的合集，插画的合集等等。会让人觉得项目做得规范、专业。

②第二个项目展示

跟第一个项目内容差不多，也可以不用展示得那么全面，比如交互分析这部分可以去掉。

③第三个项目展示

通常至少要展示 3 个项目，有条件的可以展示第 4 个，只是在风格上要跟前面的区分开。

④运营类作品展示（加分项）

在很多公司，UI 设计师都会支持一些运营类的工作，这部分作品自由度高，可以表现设计师的视觉能力。除了运营图，如果你有其他很强的技能，比如表情包、插画、C4D，都可以放上去。

4、封底

重点信息：感谢，联系方式，感言

以上就是一个完整的作品集要包含的内容，做完之后，别忘了从头到尾看两遍，不要有错别字。

作品集的每一个页面、每一处细节，都是展现自己能力（排版、配色、设计阐述、需求理解）的地方，都不能放松。

最后，再补充几点关于作品集的常见问题：

1.什么时候整理作品集？

根据自己的工作节奏，至少每年整理一次作品集。

大家应该也发现了，每到年终的时候，像站酷、即时设计这样的设计师社区，就开始做征集作品集的活动了，这些活动可以参加一下，不为了拿奖品，也为了给自己一个理由和动力，做做年终总结。

如果有这些阶段性的总结，再做起作品集来就快多了，有的时候，甚至可以直接给面试官发一个作品集链接，他看起来更方便。

2.对自己公司的上线作品不满意，怎么办？

由于各种原因，公司最终上线的产品效果，跟你的设计图相差比较大，或者你做的“好看”的设计没有被采纳，被领导强制要求采用某种“土”的风格，那你的作品集里还要放上线作品吗？

这里的建议有两个：

①一个是找机会去优化线上稿。先分析到底是什么原因，导致了上线产品的设计质量不高？如果是自己做得时候不重视、不认真，就端正自己的态度；

如果是开发实现不出来，就积极的跟开发沟通，帮他解决问题，比如设计师多考虑适配问题，把标注和切图做得更规范等等；

如果是老版坚持一定要坚持某种风格，你至少可以在这种风格上，把细节尽力做好，建立基本的设计规范，让整体设计上看起来更和谐统一。这些都是你可以去优化线上稿的方式。

如果你没有机会去优化线上稿......

②第二个建议，自己做改版。根据你对业务需求的理解，改一版自己满意的设计稿，跟线上稿一起，放到作品集中，这样也可以体现出你的专业素养、设计追求等素质。

现在的设计风格每年都会变，可能前两年的项目放在作品集里显得有些老旧，拉低了整体的分数，但是去掉又舍不得。

这个时候可以结合现在新的风格，对以往的部分界面进行更新，算是一个小型的改版项目路，可以让作品集更加丰富。

Powered by Froala Editor