这几篇文章之前漏掉了，没有搬运到B站，看着熟悉的同学可以再温习一遍～就酱

相信看完之前分享的内容，

大家对封面设计的错误已经有一定的认识了。那么什么样的作品集封面设计才是让人惊艳的？

很遗憾地告诉大家，这基本没什么可能（做不到，也没必要）。

作品集的封面设计，是纯粹的平面设计领域，它的所有技能要求都和UI设计本身不一致，且需要的深度和广度也远超UI行业的要求。

比如，所有作品集类封面设计类型中，我认为最高级、最有效、最切题的，就是结合个人摄影照片的设计。如果你们有看过中高级国外设计师的作品集，就会发现他们使用照片的比例是非常高的。

抛开排版不谈，优质的个人照片，这要求就非常高了，绝对不是花几百块到海马、天真蓝拍一些套路化的证件照能达到的。需要你本身有良好的创意+优秀的摄影师和后期来实现（这也是平面广告中的一部分）。否则最终的效果会逃不开廉价、做作、尴尬的结局。

而完全走视觉图形 + 字体设计的路线，那就更难，因为这是平面在图形方向的终点，也是需要大量练习和积累才能出成果的东西。

在国内广告、品牌、电商设计越来越成熟的今天，大家对这类设计的专业标准评判已经越来越高了，绝对不是随手做两个字体还是拼一点最入门的几何素材就能满足的。

插画、3D建模那些更不用多说。尤其我们作品集通常也是给别的设计师看的（招聘），用自己撇脚的技能强行输出自己不擅长的东西，是不可能让别人感到惊艳的，只是在暴露自己的短板。

同时，还有个最重要的因素，我们做的是 —— B端设计师作品集。从根本上这就是一个注重效率、严肃、务实的方向，并不需要设计师卖弄自己的花拳绣腿，而是优质、专业、流畅的项目产出。

所以，开始设计作品集封面前，你就要清楚的了解一件事，不要想着搞大新闻，做那种让人“惊艳”“一眼入魂”的设计，而是追求高效的、合理的设计，把更多精力留给内部的项目展示。

所以，针对封面的设计建议遵守以下的原则：

简约：整体设计样式简单，不添加没有意义的元素和复杂的图形

严肃：设计务实，面向商业环境的严谨、肃穆、务实基调

独立：不跟风常见设计风格或模版，能让人感觉这是独立完成的成果

有了设计的原则，接下来就要讲页面设计的布局了。

布局排版，就是一个将对应的材料内容，填充进设计画布中的过程。在设计前，我们首先要确认的，就是在封面里放什么素材。

下面我来总结一下封面中能放的内容：

标题：Portfolio、Resume、作品集

副标题：中英文名、个人标语

职业：UI / UX /UE Designer、Ued Leader……

联系：二维码、微信号、邮箱、手机

时间：工作时间、时间范围、当前年份

内容：B端、网站、可视化、H5、图标……

虽然看起来能放的东西似乎不少，但一定要搞清楚简历封面不是海报，所以既不需要摆一堆信息，也没人会有耐心看全部的内容，所以我们要有目的地筛选和组合。

而封面排版的核心思路，就是 —— 凸出核心信息，使用次要信息填补空间。

核心信息，就是主要的标题、姓名等元素，是封面的必放内容。而次要信息，则是类似时间、联系方式、内容种类这些可有可无的元素，用来填充一些空间中的空缺，提升视觉稳定性。

所以，开始排版的第一步，就是确定核心信息，并选择合适的字体和参数，将它们在画布中排列出来。比如下面几个随手做的案例：

在求稳的前提下，核心要素的排版基本只有水平居中和居左两种，其它的布局方式难度更大，所以风险更高，都不建议使用。

同时，使用的字体类型一定要“饱满”，正形要大于负形，富有张力，可以支撑作为主体元素的权重。尤其是英文的使用上还需要手动控制字间距，防止出现过大的缝隙而破坏标题的整体性。

比如用上篇分享中很封面会用的英文字体做对比：

在完成基础布局形式以后，再考虑对上下左右四个方向的边缘进行信息的补充。一定要记得只要整体的稳定性得到满足，就要即时收手，不要想着把四面八方填充得水泄不通，比如下面这些反面案例。

信噪太高对于UI设计师的作品集而言不会有任何正面的帮助，信息只要够用，就没有必要额外进行添加。

到这一步，封面的主体就已经有了，按正常的排版就应该是为它优化文本形式和图形细节，比如下面这些案例。

这类设计在平面设计中确实能很好的提升画面冲击力，但它们应用的场景多为广告、营销的画面，而且还是偏低端快销的品牌。想想是不是只有国潮类链接奶茶、烘焙、服装等品牌喜欢用这些设计，但是中高端品牌是不走这种路线的。

这即使你参考了更优秀的同类案例，也很容易把封面打造出低端广告营销的质感，和B端设计的情绪背道而驰。一定要添加样式和细节，也得用最简单的方式处理。

完成之后再检查一遍，是否符合前面的设计原则。在挑不出毛病以后，我们就可以在后续完成收尾的工作了。

排版只要完成，就已经完成了封面90% 的工作。最后填充视觉样式的工作，只是一个简单的收尾，因为我们不需要考虑复杂的配色和合成。

所以它实质上只有两个步骤：

1. 填充背景

2. 填充信息

虽然在操作上它们是分开完成的，但在思路上却要有关联，也就是“配色”的问题。作品集的封面不是一个独立的元素，它是后续展示内容的开端，也是整个作品集所有页面的一部分。

所以，它的色彩要和整个作品集都有关联，比如下面的案例。这是需要提前想好的，或者找到合适的案例直接照搬它的配色。

不建议使用任何渐变和投影（没必要），顶多可以添加一些抽象的图形背景，提升氛围感，否则能用纯色解决的问题就一定不要画蛇添足。

到这里，封面的设计基本就完成了。如果你觉得自己做完看起来就是不得劲，就是缺乏亮点，那么你可以用两种方式来检查自己的成果。

第一，在你作品集都做差不多的时候整体看一遍，这个封面有没有和下方内容很好的结合在一起，成为整体的一部分，而不是特别突兀。

第二，在相关网站里搜作品集，按所有人最新排序，然后截图，替换一个自己的到其中一页，发给别人看看是不是明显比其他人做的更有去点击的欲望。

到这一步，封面的设计也就划上句号，好好投入时间去优化自己的作品和文案信息吧……

结尾

最后，就是关于封面设计水平提升的建议了，上面的演示只是介绍设计的思路，并不是一个演示案例让大家照抄。从长远来看，自己掌握更好的封面设计思路和技巧是非常有必要的。

而封面这种东西的设计有很多很细腻、抽象的因素包含在内，需要长期的积累，尤其是在审美上要有独到的见解。

多在 Behance、Pinterest上收集和查找杂志、PPT、画册、项目包装、幻灯片式网页，可以很好的提升我们的见识和眼界，让我们输出的封面和作品集不再脸谱化。

同时也再强调一次，做作品集，是用合理的手法去呈现作品，而不是作品变成陪衬来丰富包装的。

后续有空再分享关于作品集分析部分输出的一些设计思路。

我们下篇再贱~

想要独立输出自己的作品集，就来我的B端产品设计正课吧～

更多更系统的B端系统化知识课程都在课程中了！