电商banner设计很多时候都是“来料加工”，在大部分的常规需求中，主体图、文案，尺寸大小都是给定的，我们只需要将内容工工整整的排版上去，做到风格符合产品气质，商品图清晰展示，文案排版重点突出就OK了，并不需要做得天马行空。

因此，今天这篇文章就来教大家一套简单易学的设计方法，让没有设计基础的同学也能即学即用！

01  基本思路

将常见的电商广告拆分一下就会发现，所有的电商banner基本由四种元素构成：

1、商品/模特

2、标题文案

3、装饰元素

4、背景装饰

按照这四种元素，再结合一下我们常见的设计工序，就能推导出做一张banner图的基本步骤：第一步，选择主题；第二步，构图排版；第三步，色彩搭配；第四步，细节点缀。

这样一来，基本思路就出来了，我们只需要对每个环节各个击破，然后整体串连起来就能完成一个banner的设计。下面我们就来看看每个环节具体怎么做吧！

02 如何选图

选图不仅关乎到审美能力。在实际的设计中，最漂亮的图未必是最适合的。那么在电商banner中的图，需要符合哪些特征呢？

1）清晰。一张模糊的图片，会毁掉所有的设计。

在其它条件不变的情况下，更高清的商品图会让用户感受到更多的细节，也就更能激发用户的购买冲动。

受限于屏幕的大小，电商广告的尺寸都不会太大，所以有些设计细节无法更清晰的展示，比如说某个精细的纹理，图案等，这个时候，我们可以采用局部放大的形式。

2）饱满。饱满是指在有限的版面空间中，主体一定要占据最大的视觉比例，让用户感受到主体的重要性。

3）立体感、重量感。在用户心理上，我们会觉得具有立体感、重量感的东西比较具有品质感。如果画面上的商品图只能有一个角度展示，那就尽量选择30-45度左右的侧面，避免纯正面或侧面的角度。

03 构图技巧

构图说起来是一个很大的话题，三大构成、留白、平衡、对比等等，可以讲个几天几夜。那有没有简单点，一学就会的构图技巧呢？还真有！

今天给大家推荐一种简单好用的构图方法——几何形构图大法，就是我们可以先预想一个几何形状，然后让画面的元素都按照该几何图形来排版。

1）圆形构图

视觉特点：自然、放松、热闹、趣味、韵律感。商品数量：适合多个商品排列。

2）三角形构图

视觉特点：正三角构图具有平稳、庄重、力量感，倾斜的三角图视觉上更活泼、动感。商品数量：1-3个商品。

3）菱形构图

视觉特点：运动感、强烈的视觉张力。商品数量：1-3个商品。

视觉特点：平和、包容、适用绝大多数场景和主题。商品数量：单个或多个都适用。

5）梯形构图

视觉特点：和三角构图类似，比三角形更平稳。商品数量：1-3个。

由于篇幅的原因，这期教程我分成了上下两篇，上期我讲了选图和构图的技巧，下篇我还会讲色彩搭配以及细节点缀的方法，敬请关注。