转载声明：文章来源https://zhuanlan.zhihu.com/p/153397709

今天的分享是作品集的整理
果酱是做移动端的，年前也对公司新招的UI设计师进行过面试，今天想从企业的角度和大家分享一下我对于UI作品集的理解。
果酱自己也是按照以下的思路来整理作品，后来成功跳槽升职。

依然不说闲话，直奔主题。
▶作品集到底要怎么排？
我们就从
•格式
•数量
•展示形式
•类别方面来说说，
我们要给boss展示的，是什么样的作品集

一、作品集格式
常见的作品集格式有三种：
1、PDF
2、PPT
3、web
※不要用文件夹+图片的形式放作品集

•去年年末，公司为了加快开发进度，进行了一次招新果酱参与了对UI设计师的面试
这期间我和HR之间产生了一场关于作品集格式的对话，内容如下：
HR：简历合格的，作品都拿给你看吗？
我：作品文件夹里放图片的，直接pass掉。。
对。我在年前直接向同行痛下杀手，没看带文件夹的作品就直接把人pass了。
我看作品集就想看看对方做过什么，做的最好的项目是什么，擅长做什么结果我要一个个的去点文件夹，点图片。
这是考验我审美呢还是考验我判断力呢。。。

下面说说这三种格式的优缺点：
（1）PPT：▶能做动效，花里胡哨的挺吸引人的；
▶它的问题是字体容易丢失，并且win系统和Mac系统有些地方不兼容你可能在你电脑上做的挺好，结果人家一打开根本不是那么回事想要用它做动效的话，建议文字转图片，这样基本问题不大。
（2）PDF：不花哨，跨系统观看没有问题。缺点是中规中矩。
（3）web：个人网站做好了真是秀啊，如果是自己敲出来的，就更nice。缺点是能敲代码的手它不好租。

二、作品的数量（以PDF为例）：
作品集大小：10M以下；
文件页数：30-35P；
项目个数：3-5个；
出发点其实还是为了让boss便于下载查看如果下载都费劲，或者翻了半天还看不完，作品又不出彩很可能就没有下文了

三、项目展示（敲重点）
1、页面的展示方式：

图②比图①的方式展示方式更好。遮挡太多不利于产品展示

2、项目介绍：
在这一步，大家就都跟约好了似的，开始走流程了
产品展示→竞品分析→原型图→产品规范→效果图
这个流程本身没有问题，但是从这个流程中
▶我们到底表达了什么？我们能让boss看到什么
我们要从这个流程中，展示我们的能力
解决问题的能力！
▶解决啥问题？
下图是果酱总结的，做产品通常会遇到的3类问题：
•用户分析问题；
•产品结构问题；
•产品视觉问题；

（1）产品展示：
通过页面展示，我们要解决的问题果酱这里框出来了，
也就是对用户的分析问题
用户分析重要吗？
重要，它直接影响推广
这个产品是干什么的给谁用人们用它做什么在什么条件下会使用它；
例如：

最外行的boss，最感兴趣的也永远是用户画像，
因为他更想知道你这产品最终是怎么推出去的
面试他也一定会问的
对，就是这么过分，不光问产品经理的事，还问你推广

（2）竞品分析
竞品分析这一页是最走流程的
一个全面的竞品分析，一定是包含了上图中所有的环节但就是这么复杂的多产品对标，大家心照不宣的选择了用一页纸，选三两个产品，挑一两个点对比以示：这个流程我走完了。。。
作品集每一页都很珍贵，通过竞品分析这珍贵的一页，你展示了啥？解决了啥？

▶果酱这里推荐swot分析总结法
（简单来说就是优势、劣势、机会、威胁四个角度去陈述）
既然一页纸的分析报告怎么看都不全面，
那不如就从产品整体出发，至少看的出，我在产品整体架构方面很专业。

（3）原型图
原型图铺了一张又一张，图没少画，面试一个没有。。。
只放图不说话，这只能说明，我会用软件，我会画图。
▶但是这个环节我们要展示的是逻辑能力！
▶框架图拿出来

▶功能流程图拿出来，图文解说

让boss看到你有理顺产品逻辑的能力
不然上线前测试跟你说哪里哪里逻辑不对，你上去一顿大改特改，再没产品经理背锅，开发绝对会把你按住爆锤。
真的，别问我为什么知道的这么详细。。。

（4）规范和展示
为什么这样制定规范，为什么选择这个颜色？图标为什么是这个风格？
▶配上解说，告诉boss，我们是配合着企业理念在做产品的。。。

这往大了说就是有为产品注入灵魂的能力
（虽然我形容的有点搞笑，但大企业确实还是很重视企业理念融入的）
作品集展示的不是单纯的画面我们要通过作品集告诉boss：
▶我有执行力去实现界面效果
▶我也有决策力去敲定产品的风格
▶我知道一个成熟的产品都由什么组成
▶我也能搭建出完整的产品框架。
（当然，以上有点超纲抢产品经理的饭碗。但俗话说的好，不想当产品的UI不是好UI，抢他的没毛病）
总结：要利用好作品中的每一页，每一个点，去展现自己。
如果单纯让boss看图理解，他只会认为你是个没有价值的工具人。

四、项目类别
还是大家约好了的项目类别
启动页、web、图标。。。
是时候给作品集增加设计感了！
App是以逻辑为主，想要体现设计能力，果酱建议大家放一些软件和工具设计。
▶去appstore上翻，像是walkr、airpano，绝对是耳目一新，
尤其是airpano，上帝视角的交互挺别致的。游戏《我们相距十万光年》，文艺如我也依然被它打动
纪念碑谷如此经典就不多说了说到这里果酱又奇妙的给自己留了作业，过几天给大家整理一波好看的app.
这也算是面试前的准备事项，因为面试中的必考题就是让你先说说你喜欢的app、再让你说说他喜欢的app
我就想上班无脑画个图，为什么要考我这么多题
▶追波上有很多的UI UX大佬可以舔，还有好看的样机，完爆X图几条街的那种。
说到样机，朋友们，现在已经是2020年了，样机不要再用老年机啦！
作品集就是自我展示的平台，利用这短短30页让boss看清自己的能力面试邀约自然就来啦！