上篇文章讲了下作品集的制作思路和方法，今天讲下作品集的展示。



5.1 核心项目的展示要点
前面的引导内容都做好以后，下一步，就应该要上主菜了，展示你的重点项目案例。

项目案例前面有提过，我们重点要放的是你认为最能代表你水准，或者符合投递公司喜好的类型，只需要放3-5个就够了。但每个项目要展示什么，才是这里要重点谈论的东西。

对于 UX 的项目来说，优秀的界面视觉作品是必备的，这个比较容易理解，我就不多在界面设计上多费口舌了。

要注意的是，界面的视觉，只是我们对项目作品判断的其中一部分而已，对于注重实战、效率、KPI 的团队来说，所占比甚至更低。

我们要知道 UX 设计的核心理念，是以用户体验为中心的设计实践，通过让用户获得满意的体验从而日升产品效益。所以，项目的展示要能体现这种要素。

换个说法，就是你如何用你的专业能力，为项目和产品赋能（赚钱……）。

把它当成一份报告来看待，那么项目的主线就应该是为了解决项目问题，你做了什么，成果如何。

一定要牢记，视觉设计得如何和有没有解决项目问题提升产品效益没有必然联系，你必须通过其它展示内容来表现。

5.2 项目展示的规划
项目展示是很麻烦的，不同领域、项目的做法也不一样。所以为了解决这种问题，我们要先通过大纲规划，让展示的内容有说服力，连贯性和逻辑性。

大纲的规划方式并不需要借助其它工具，只要像写报告、论文的形式将主要步骤记录下来即可，比如：

1.介绍项目的基本情况，以及产品需求
2.讲解目标用户的对应认识和总结
3.分析当前产品已有的问题，提升的机会点
4.给出自己要如何改版的相关想法、构思
5.根绝前面想法输出的新的流程和原型
6.以及对应的新的色彩和其它细节规范展示
7.对最终设计出来的页面进行细节的说明
8.展示改版后相关数据指标的提升，肯定设计成果

这个规划是可以任意调整的，以及将展示的内容规划到更细的层面，比如用户认识上，有用户画像的整理、同理心地图、访谈、问卷和情绪版等等。

还有，更灵活一点的展示甚至可以在开头放你做的项目准备的流程，设计过程中的部分团队摄影图和难点说明，在项目结尾放有关的复盘和反思等等。

如果你对整体的大纲没有计划，只是生硬的照搬别人案例展示的内容和分析工具，那这样的项目是非常空洞的。

项目展示的合理性，并不是为了高大上而高大上，假大空的分析内容用多了，反而越是让面试官觉得你外强中干。

尤其对于没有实战项目，Redesign 项目的设计思路不可能照搬真实项目场景，尤其是对于数据的收集和展现。

使用其它的分析方法来解决问题，同样可以得到让人信服的结果，不要放你驾驭不了的内容和编造数据。

5.3 项目展示的设计
接着我们就要动手进行内容的设计了。首先，项目在展示的形式上有两种，网页式和PPT式的。

它们最大的不同点在于，网页式的展示更讲究内容的一气呵成，制作难度更高，效果也更好。而PPT式则是不同的展示模块泾渭分明，对样式布局有比较多的局限。

如果你的时间充足，想把作品同时上传到网上（站酷之类）的话，那么建议使用网页型的展示方法来制作。而如果时间并不充分，要追求速度效率的话，那么就采取 PPT 式的方法制作。

网页式的做法我就不在这做解释了，网上的参考大多数都是这类，我们主要讲解下 PPT 型展示的做法。

项目展示的页面数量同样是不少的，我们借助前面的规划，还要进一步梳理具体包含哪些展示页面，比如：

封面、项目介绍页、需求分析页、产品问题分析、体验地图、市场数据分析、用户画像、用户数据分析、情绪版、登录模块介绍、首页介绍、社区介绍、购物流程介绍、上传流程介绍、其它页面展示、改版提升说明、感谢。

上面的案例作为示例比较精简，高级 UX 设计师的作品集往往只多不少。所以页面越多，我们在做规划的时候就要越仔细一点，以免后续的执行中刹不住车越做页面越多越乱。

虽然页面的类型多，但展示的设计上排版和制作 PPT 或画册依旧是很相似的，可以看看下面的示例：





如果我们所有页面采取统一的长宽比，局限性会体现在出现长页面的情况下。

比如首页、精选这种高度特别长的界面，完全无法容纳。所以，我会建议遇到这样的情况，就增加该页面的高度，即使变更比例也不要紧。

每套项目应用的可以和 作品集整体的视觉保持统一，也可以根据项目独立制定。当然，如果要让每个项目的排版视觉产生差异，那我只建议躲在色彩上下功夫，而不要在排版和字体上做文章。

同时，在 UI 类项目展示上，样机是不可或缺的，无论通过场景 Mockup 渲染主题氛围，还是使用普通边框容纳界面画布，都可以很好的提升展示内容的专业性。

我们会在系列最后一篇放出有关作品集需要的样机素材，最近整理了非常多出来，大家保持关注。

掌握完上面这些信息和要点，大家就可以动手进行项目展示的设计了。

6.1 网页作品展示
项目展示完，主菜上完了，最后我们就要端甜品出来了。展示就不用再这么复杂了，只需要以突出视觉为主就可以。

首先讲的是网页有关的作品，依旧属于 UI 有关的范畴中。如果不是作为项目展示网站的话，那么网页的展示就建议只以主页、关键页面进行展示即可。

同样的，我们展示网页不是把导出的页面直接填充到作品集画布里去就完事了，也同样需要经过一些包装和设计。

首先是单屏高的网页作品，这类展示起来是最容易的，缩小案例的尺寸置入画布中，再增加一些背景元素即可。


如果是长屏的网页，类似官网主页或产品主页，那么该展示页同样要增加高度去容纳它，同时也增加背景色、背景图、电脑样机等素材来丰富展示效果。

6.2 运营设计展示
然后，就是运营类设计的展示了。一般来说，设计 Banner 和活动页是我们工作设计得最多的两种运营材料。

Banner 的展示同样需要有背景作为衬托，但是，如果我们要放 Banner 的话，就尽量是一次放一套同主题、同风格的作品，不要一张放一个界面，那样像是强行在拉篇幅。

如果手头没有整套的，那就根据原有的设计作品进行拓展，自己定一些新文案做成整组的，这样看起来才具有更好的专业性，展示案例可以看下图：


而在 H5 活动页面的展示上，一个项目也尽可能展示多个页面，让作品的完整度更圆满一点。
如果这套 H5 的设计过程非常复杂，你也可以把构思和准备工作也做进去。当然，这类作品的视觉要求最高，需要花更多的心思到场景的设计和氛围的丰富上。

6.3 插画和C4D作品

最后，我们来讲讲插画或者 C4D 作品的展示（选做）了。

作为已经毕业面试正职的作品集来说，插画或者 C4D 类的作品，多数情况下是不需要放的，尤其在你自己没有学过或者掌握程度一般的情况。

插画和 C4D 对于用户体验的效果并不多，且它们的主要应用方向都在运营类的设计（少部分在情感化）。

如果一定要展示这类设计作品，一定不要放一些干巴巴的练习作品，内容不知所谓空洞无物的练习或临摹，比如下面这些。



作为面试官来说，看这部分只能要看的，是你怎么在业务场景下输出应用插画技能或3D技能，而不是展示一些半吊子看看网上教程就能做出来的作品。

所以插画和C4D你要放，就一定要分配对应的载体，是做 Banner 上，还是 H5、网页、管理界面、商品详情等。

以上就是今天相关的分享。如果大家有疑问，就可以继续在下方进行留言。

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