今天的教程仍然是关于如何做电子商务横幅 电子商务横幅设计往往是“来料加工”。在大多数常规要求中，给出了主图、文案和尺寸。我们只需要把内容排列整齐，让风格符合产品气质，产品图显示清晰，文案排版突出，就可以了，不需要随意空 所以我一直在思考，是否能整理出一套设计方法，让新手甚至非设计师也能快速上手。只要会用PS，就能做好横幅 就是基于这个想法，所以才有今天的教程。通过分析整理，我总结出了一套简单易学的设计方法，让没有设计基础的同学也能马上学会使用！好了，干货走吧~首先我们来分析一下电商横幅的构成 如果把常见的电商广告拆分，你会发现所有的图片基本上都是由四个元素组成:1。商品/型号2。标题副本3。装饰元素4。背景装修。来看一个广告:根据这四个要素，结合我们共同的设计流程，可以推导出制作横幅图片的基本步骤:这样，基本思路就出来了，只需要把每个环节单独断开，然后连接在一起就完成了。 我们来看看每个环节是怎么做的。电商横幅的主体一般是一个模型或者一个商品，很少有基于文案的。我们暂时不讨论它 选图不仅关乎审美能力 在实际设计中，最美的画面不一定是最合适的 那么，电商横幅中的图形应该满足哪些特征呢？我来介绍一下主图的选择技巧 第一，清晰 这是最重要的一条，没必要多说 一幅模糊的画会毁掉所有的设计 显然，右边的图片看起来更精致，更有质感 在其他条件不变的情况下，更高清晰度的产品地图会让用户感受到更多细节，从而激发用户的购买冲动 受屏幕尺寸的限制，电子商务广告的尺寸不会太大，所以一些设计细节无法显示得更清楚，比如精细的纹理、图案等。这时可以采取局部扩大的形式 比如下图:通过左边的局部大图，我们可以清晰的感受到这件衣服的质感 这实际上是一种使产品图更清晰的方法 第二，满 Full是指在有限的布局空中，主体必须占据最大的视觉比例，让用户感受到主体的重要性 反面案例:主体视觉比例不够，看起来太单薄 正面案例:我们可以把主题放大或者多角度展示，看主题图更饱满 第三，立体感和重量感 我们先来看两个电商产品列表展示图:上面两张图，右图是平面的，看不到书的厚度，也感知不到它的装订细节 在心理上，我们会觉得有立体感和重量感的东西都有质量感 如果屏幕上的产品图只能以一个角度显示，尽量选择30-45度的一侧，避免纯正面或侧面的角度 再来一个实际案例 我们想为运动鞋做广告。现在有两种角度的材料可供选择 根据上面的内容，如果只选择一个，那么Angle 2显示的产品细节更多，所以我们选择Angle 2 好，我们把图片挖出来，放在画布上 设置背景的渐变颜色，从灰蓝色到浅橙色。这两种对比色的渐变会使画面变得很暗 给鞋子加阴影。这里我使用PS自带的移位模糊滤镜。前面的阴影教程已经讲过这个滤镜的使用。有兴趣的同学可以复习一下 最后文本排版完毕！通过这个案例，大家应该对如何选择主图有更深入的了解 好了，知道主图怎么选之后，我们来看看广告的构图技巧 作文是个大题目，可以日谈夜谈，包括三个成分，留白，平衡，对比等等 有什么简单的作文技巧可以尽快学会？真的有！就像我们上面说的，电商大旗有自己的特点，体积小，构成要素几乎是四个，无非是自由组合 结合这些特点，我推荐一个简单易用的构图方法——几何构图解决方案！简单来说，我们可以先想象一个几何形状，然后让图片的元素按照几何形状进行排版 在实际应用中，每种作曲方法的气质特征和适用主题也是不同的 我们来看看具体的案例 圆形构图:视觉特征:自然、轻松、活泼、有趣、有节奏。商品数量:适合多种商品。更多案例:三角形构图:视觉特征:正三角形构图有稳定感、庄重感、力度感，斜三角形视觉上更活泼动感 商品数量:1-3件商品 更多案例:钻石构图:视觉特点:动感，视觉张力强。货物数量:1-3件 更多案例:矩形构图:视觉特性:平和、包容，适用于大部分场景和主题产品:单一或多个适用于更多案例:梯形构图:视觉特性:类似三角形构图，比三角形产品更稳定:多1-3个案例:构图方式当然远不止这些 但是只要掌握了以上五种构图方法，就能满足大部分的需求 对于新手设计师来说，这种基本的构图形式也是最容易使用的 好吧，我们来看看实际案例 通过一个零食案例，让我们看看如何快速确定横幅的构成 让我们从一篇圆形作文开始 然后大致想象一下元素是怎么放置的，大小比例等等。 放入几个主要元素来看看效果 确认没有问题后，在图片中添加其他材料 最后，文案放在画面中央，这也是我们一开始保留的位置 好了，完了！我们来看一个三角形构图的案例 同样，第一步是概述总体布局结构 然后把材料放在最关键的三个角落位置 这一步主要是确定下三个核心元素的大小比例和位置关系 然后添加阴影到所有的元素和排版副本 最后，添加一些点缀元素，丰富整个画面 好，搞定！你有没有发现，这种构图方式，画面的每一步都在我们的掌控之中，只要一开始的大方向没有问题，最后的效果就会和我们预想的差不多 所以这是一个特别适合初学者的作文技巧！其他几何构图方法也差不多，可以自己试试