作品集配图的4个雷区+4种用法，一次讲透！

一、全文速览图

深夜点外卖突发灵感，准备用外卖配图给大家展示下配图的重要性（嗝...

配图是作品集项目设计的重要组成部分之一，但很多同学一直处理不好配图，且苦于不知道提升的方向。所以这篇内容就以线上的真实案例为例，来理解配图的选用思路。

二、配图的基本要求

在设计中应用配图是要遵循一些基本原则的，除了要符合主题、图片质量要高这种基本的要求外，还需要满足主体突出、风格一致、色彩均衡等进阶要求。

下面我们就以线上真实案例为例，来展示满足和没满足这些要求所产生的具体差异。

要求1：主体突出

主体突出指的是图片中包含一个显眼的主体物，且它的背景并不会过度干扰该主体的展示。如果主体不突出，或者背景要素太多，就会让界面显得非常的混乱。

要求2：风格一致

使用的配图之间风格要尽量保持统一，包括类型、布局、质感、色彩、角度等等，这能让页面形成更和谐一致的视觉效果。如果图片之间差异过大，割裂感就会加强，从而导致视觉观感不佳。

要求3：色彩均衡

色彩均衡并不是光指图片本身的配色和谐，而是指把它置入界面中和周围环境的色彩搭配看起来是否均衡。在界面中的一切色彩都不是孤立存在的，图片也是配色的一部分，如果图片配色和UI元素色彩对立，那么同样会带来让人反感的视觉体验。

除了以上应该实现的要求以外，还有几个尽量要避免的雷区，包括使用AI图、过度使用文本、抽象搞怪、二次元形象等等，下面展开讲讲：

问题1：AI 图

AI 生成的摄影图片缺乏活人感，且脸谱化很重，所以会让人厌烦，这个点也是反复和学员强调的。其它场景、商品图也不容易把控，很容易陷入套路化的风格，所以只要能不用就尽量不用。

问题2：过度使用文本

图片中包含文本，且文本数量很多看不清，或使用的字体和文本像用 Word 打出来的，这些内容只会成为累赘。

问题3：抽象搞怪

一些比较抽象的图例，虽然在特定场景下可以发挥出不错的效果，但在作品集场景中不会，只会让界面和设计也变得“抽象”。

问题4：二次元形象

二次元类图例的风格往往和 UI 设计的风格会有很大冲突，如果不是产品本身就是这个方向的，那么这类图例就很难融入到界面中去。

我们可以从日常的各类软件使用体验中去多多留意配图的好坏，而不是光靠看线上的设计案例作为参考。

培养留意日常使用到的界面中配图所产生的效果，就是最快的积累相关经验和审美的方法。

三、进阶的配图应用案例分享

前面提到的内容只是保证配图的应用中不出错，但光靠这几条原则是很难出彩的，所以我们还要学习更优质的配图应用案例是怎么做的。

在各类平台和主页中，重视视觉的品牌会高度重视配图的使用，会有营销设计师经过精心的设计和准备再上线，而不是运营自己随便挑出来的。

类型1：使用统一背景图

一种最简单的模式，在列表图片或不同图片中使用统一的背景图或色彩，形成更一致的氛围感。

类型2：氛围图应用

更偏向氛围感的背景摄影图，结合 LOGO 和 Slogan 字体，形成更“写意”的品牌质感。

类型3：隔空连接

将不相关的图片区域用一张图进行填充，形成更整体、统一的观看体验。

类型4：边缘突出或镂空

在图片的填充区域，刻意在四周留白让主体突出，形成更好的空间感，或者只留白形成不规则的图形边缘。

上面提到的四种类型只是线上众多优秀案例的一小部分，还有非常多有趣、充满创意性的优秀配图类型很难做出总结，就需要大家自己去发现了。

四、总结

所有在意形象的品牌和产品都会绞尽脑汁的优化配图质量，作为消费者的你可以不在意这些东西，但品牌自身和锚定的用户群体在意，以及看你作品集的面试者在该场景下也会在意。

同时积累线上优秀案例的另一个好处，就是在你自己进行配图设计的时候能输出相对成熟的方案，而不是完全飞机稿化，所以少看点网上案例，多看点自己的手机作用会比你想得还大。

我们下篇再贱~