超全面！原来电商设计中有这么多的合成玩法

我在电子商务设计师中发现了一种现象。许多人，尤其是许多商店的新手，在获得设计需求后，第一反应不是分析需求适合什么效果和风格，而是直接玩合成。为什么？因为他们认为合成效果很酷，所以他们认为合成很容易。事实上，这有点本末倒置。在这个想法下产生的结果往往不是设计，而是炫耀技能。

设计的正确想法是什么？在什么情况下适合合成效果？合成应该如何在设计中发挥作用？针对上述问题，今天我将向您汇报和总结～

1. 首先，做设计的正确思路究竟是什么？

如果你想知道什么是合理的设计需求，你必须首先知道为什么会有这种设计需求。

首先看一个活动的过程：我们通常首先有活动的目的，然后根据活动的目的和效果来确定定位方向，然后根据定位方向和想要实现的效果来规划方案和文案，然后有文案后的设计需求。

也就是说，你的设计结果最终是向目标用户传达正确的定位信息和适当的氛围，设计形式和创意也应该围绕文案和活动的目的，比如过去京东618场馆的页面设计。

我们可以分析需求：

目的：平台年中去库存，刺激全名消费，积累资金努力，培养用户忠诚度。定位：所有有购物需求的人。氛围要求：活泼、嗨，给人一种品位感和亲和力感，包容和吸引各级群体的购物需求。

让我们来看看一些基本的设计规则：

排版：无非是左、右、中等等。颜色：无非是单色、多色、无色、渐变色、同色系、冷暖色、对比色。形式：无非是错叠、穿插、对称、对角、特意、对比、重复、分离、拼接、混合、剪切等。实施：无非是通过手绘、建模、合成、摄影、手工等各种技能形式的配合来构图。创意要求：无非是为了吸引眼球，尤其是为了体现平台的色调。

以上所有这些规则任意排列组合也有数百个设计创意，所以最终与我们想要的活动定位一致的设计结果肯定不止一个，设计师可以结合自己的优势、客户偏好、用户偏好、项目时间长度综合判断给出设计方向。

因此，你最终能看到的设计结果并不一定意味着它是唯一或最好的。也许还有很多其他的呈现方式，但我们最终确定的是这个创意方向和结果：

综上所述，设计首先要有正确的思维方向，然后假设你手里有很多武器，可以在有限的时间内选择自己最擅长的武器或者几种武器来达到目的。

接下来，让我们回到这次关于合成的重要知识点和应用，let’s go！～

2. 合成到底叫什么？

说到合成，我知道你脑海里一定有这样的画面:

或者这张图:

或者这张图:

但百度百科全书对合成的定义如下：合成是指从几个部分合并成一个整体。所以让我举几个例子，估计它会颠覆你对合成的认知～

根据合成的解释，下面这个也属于合成吗？(C4D建模＋摄影）

这类照片是否也属于合成？(合成多张照片)

这也是合成吗？(多材料堆叠成一个形状)

这也是合成吗？(图形元素与商品摄影材料的合成)

这也是合成吗？(摄影素材的合成)

这种蒸汽波风格也属于合成吗？

总之，合成是指几个部分合并成一个整体，嗯～

为了给大家带来更好的认知合成，我们将欣赏一波外国合成大师的作品

△  来自Behance的牛人Mike Campau

因此，我们会发现合成实际上分为类型和实现方法：

几张摄影图片拼接合成

C4D建模＋摄影＋素材

素材＋手绘＋摄影

图形＋素材＋摄影

还有如手工＋摄影＋手绘等，根据这个观点，事实上，基本上任何技术或元素的组合拼接都可以称为合成作品。

3. 合成作品的特点是什么？

通过观察，我们发现优秀的合成作品具有以下特点。让我从功能和技术要求方面总结一下：

功能层面特征：

脑洞大开引人注目，意图直观表达，场景替代感如下:

△  使用这罐调味料相当于雇佣一个厨师

△  爱读书的人，掰开后身体里充满了知识，反之，你拆了什么？

△  一半在卧室，一半在室外，呼应“穿越时空出去嗨”

技能要求层面的特点：

好的合成需要掌握很多知识，比如构图协调／光影巧妙／统一透视，找到合适的角度和主题材料也是一项技术工作，然后将不同的元素拼接在一起：

许多科幻冒险电影海报在光影的应用和构图上都得到了很好的应用，给人一种惊险而神秘的感觉：

4. 那合成在电商设计中该怎么玩呢？

首先，电子商务设计实际上涉及的范围很广，但无论范围有多广，从服务对象的角度来看，归根结底，有两种类型，一种是为平台服务，另一种是为商店服务。

为店铺服务：如详情页、主图、Banner图等、主页、活动专题页、店铺承接页、海报等。

服务于平台:分为营销页面设计和UI页面设计。这里我们主要讲营销页面设计，比如baner图／活动专题页、主会场页、分会场页、H5页、品牌设计、海报等。

其次，鉴于合成的特点是脑洞大，吸引眼球，能够直观地表达意图，具有很强的场景替代感，合成形式多种多样，因此不同的合成形式适用于不同的电子商务设计需求。让我给你举个例子。

大型综合平台电子商务节：如双11和618，更适合这种图形＋商品材料(模型材料)的方式:

原因有二。一方面，方便不同层次的设计师根据图形或颜色元素进行视觉延伸；另一方面，由于活动的目的，他们在看到页面时会感到不安。他们应该让消费者感到活泼、时尚、丰富多样，并有购买的冲动。

平台上的小型电子商务活动不会涉及多个页面的视觉延伸，所以有很多可选的解决方案，基本上是随意玩，可以达到活动的目的。

由于技术越来越成熟，平台H5活动页面没有限制。例如，2016年的双11H5活动页面也首次使用了大量的材料合成＋手绘制作：

大多数平台Banner都是这种简单时尚的图形＋模特＋商品的形式。

经常看到很多老师会教学生做这种现场材料拼接的合成效果，事实上，平台上的设计师很少使用这种更现实的合成效果，商店里的设计师做得更多，培训课程也喜欢比学生做这种效果：

如果你仔细观察，你会发现即使平台设计师使用合成效果，它也不会是全真实的或物理的，而是会添加图形元素或一些颜色渐变，这将看起来比全真实的合成效果更时尚和基调，正如前面所说，更方便其他设计师修改视觉延伸：

蒸汽波也是如此～实物＋使用图形混搭。

2015年，天猫的新时尚似乎是第一次在页面上添加一些实物。当时觉得挺有新意的，因为以前基本上只是玩图形元素。

（我有一个建议，你可能不是很成熟，但你忍不住想说。如果你是一名商店设计师，想在平台上发展，最好不要盲目地从事物理合成效果，因为面试官一眼就知道你来自商店或培训班。你可能有点介意你没有在相关平台上工作的经验，所以你不会被雇佣～）

商店活动主页或专题页面的目的是吸引注意力，脱颖而出。此外，商店之间的设计师水平差异很大。如果你的创造力很好，很容易脱颖而出。至于如何玩，它实际上是随意的，比如阿福：

突然发现，阿芙可能从国外的合成作品中学习：

商店细节页面，因为它是介绍产品，所以这里的合成特别多，通常是渲染产品的效果／工作原理或给消费者场景代入感的合成效果:

△  这张照片会让你觉得用这个热水器洗澡很舒服～

在一些食品或护肤品的详细页面或主页上也经常使用以下合成效果，仿佛呈现出了他的原汁原味。

△  当然，这实际上是由C4D建模渲染的，也可以通过PS合成或手绘制作。简而言之，工具并不是最重要的

总之，平台的设计师应该更多地考虑平台的兼容性、包容性和品牌基调，因此他们决定，即使他们玩合成效果，他们也不会玩这种自然风格，而是专注于抽象的设计形式。

4. 玩合成的难点是什么？

玩合成测试这些能力，找到合适角度的材料，处理成统一的光源，统一的透视，材料之间的联系应该是自然的，玩构图。

我在一个面粉里要了一个他的合成作业，可以给大家看看。

△  作品来自面粉“老佛爷”

这个合成作品有什么问题？为了方便地指出问题，我把它变成了黑白手稿。

你会发现这张图的视觉焦点在天空:

不幸的是，这一块什么都没有，只有一个非常明亮的空白，所以观众不知道这幅画要表达什么。

造成这种情况的根本原因是：

整个画面光源不统一，到处都很亮，黑暗部分太少，无法关注主角。画面中缺少一个主体，干扰元素太多，元素之间缺乏对比，如远近对比、大小对比、简单对比。我不知道这张海报的意图是什么。我想表达距离吗？还是表达友谊？还是表达温暖？

针对上述问题，这里有几个解决方案：

方案1：主要表达距离，意味着理想，所以你可以向下移动大象和老鼠，缩小房子的愿景继续削弱，叶子的前景可以去除，让图片保持干净整洁，打开视野和近距离水平，然后移动文本到天空，然后整体统一只要日出或日落时间的光源，创造背光效果。

类似以下内容：

假如你要加些树叶或藤蔓，那么也可以这样，四周要暗下去，中间要亮起来，达到视觉聚焦的目的：

方案二:海报主要是突出主角和友谊，所以现有的大象和老鼠至少可以放大一倍，整体向下移动。还需要缩小远处的房子，继续弱化处理，然后前景看好的叶子需要更加透明细腻。即使阳光强烈，叶子的边缘也不应该是现有的。

找到一个参考案例，例如下面的构图，大小比例，光线，也许更合适：

再一个，在画面中，海报上的水平线似乎有点太僵硬和突然，造成视觉干扰。如果它能被稍微柔软的线条取代，比如这些岩石、草地、土壤和不规则的木棍。

综上所述，玩这种场景合成并没有那么容易。除了有创意，找到合适的材料，你的画面最好有近景、主题、故事、干净的地图、统一的光源、光影、明暗等。

5. 我对合成的看法

今天说了这么多，主要是想解释一点，不要盲目地陷入某种技能，事实上，你有很多方法来实现目的只是你没有发现，是否使用合成设计形式或使用什么合成形式应该根据你的设计目的，而不仅仅因为觉得合成很酷但不考虑设计目的。

另一种合成不是新手一下子就能玩的技能。它测试你的观察力、想象力、透视原理、光影原理技巧和图片搜索技巧。修图等综合能力，否则很容易看起来很假很俗气。

今天的合成知识就这么多了，下次再见！～

欢迎关注@TTTing1 微信微信官方账号「做面条的设计」，一位干货和文笔都不错的美女设计师：

微信微信官方账号简介:专注于开拓电商设计思维，不时分享一些个人见解，当然也会分享一些顶级创意、摄影、人生感悟的好文章。

【优设网 原创文章 投稿邮箱：yuan@uisdc.com】

================推荐明星栏目================

优秀教程网: UiiiUiii.com 它是一个优质的中文教程网站，共享了大量的PS、AE、AI、C4D和其他中文教程也为零基础设计爱好者准备了亲密的知识树专栏。打开免费自学的新篇章，根据我们的专栏一步一步地学习，你可以快速开始并产生酷的视觉效果。

设计导航：中国最受欢迎的设计网站导航，设计师必须：http://hao.uisdc.com