电商设计 | 海报设计法则

作为设计师海报设计大家一定是经常搬的砖了。海报设计其实盖含了很多设计知识，包括配色，排版，光影，创意等。每个有经验的设计师应该都有一套方法去完成海报设计，但也不免会碰到各种各样的问题，如：没有创意，沟通不到位反稿，设计不被认可等问题。这篇文章我就针对这些问题，分享一下关于电商海报设计实战分享。​

首先我们先要了解海报是什么？优秀海报的标准是什么？海报包含哪些信息？海报设计时有哪些注意事项？电商海报有哪些分类？

我认为海报是通过图文设计更形象、高效的向消费者传递信息的图片。

海报设计很多时候不是视觉上好看就能拿高分。在特定场景下使用，能更好传播信息才是海报的评分标准。消费者在网站上浏览一个画面通常只会停留几秒，如何保证消费者浏览页面的这几秒时间里准确传达活动信息是海报设计是否成功的关键。

海报中包含的元素有：主题，利益点，产品，时间，尺寸，交互指引。

• 换位思考。站在顾客的角度，代入购物场景中去思考什么东西才是顾客想看到的、想要了解的。
• 文案简洁。一般人高效接受的文字长度一般是5~9个字符，文字太多会产生阅读障碍。因此把文案处理在合适字符范围内，更易顾客在短时间内接收关键信息。
• 文案图像化。比起文字人们更喜欢看图，因为图形更形象具体、高效的传递信息，所以我们要尽量做到文字图形化。

弹屏海报：它会在顾客进去店铺首页时主动弹出；把店铺内最吸引人的优惠信息展现给顾客，主要展示优惠信息和互动预热。

弹屏海报的特点：1.具有促销氛围，画面以突出促销信息为主。2.较为简洁，不会使用过多元素。

引流海报：放置在店部首页把流量引导至活

动产品详情页或活动二级页的海报。针对的是浏览店铺首页的顾客。

这类顾客关心的主要有两点：1.快速找到自己需要的产品。2.了解店铺优惠信息。设计师在设计这种海报时应该着重体现这两点，达到引流的目的。

注意：1、既要与店铺首页风格一致，又要尽可能地吸引顾客。2、有常规类和异型类。

常规类：较为常见的长方形海报样式，整体布局较为常规。

异型类：边缘不规则，布局较为特殊。

详情页海报：放在产品详情上方的海报。通常页面布局是详情页海报、活动折线图、产品推荐、产品详情。

详情页海报不仅要具有吸引力，又要与详情页整体风格统一。如果整体上没有做到视觉统一，即使详情海报多好看，在整个页面中也会显得特别突兀，且降低顾客对品牌的信任度。我们可以对详情页的视觉进行延展设计，做到视觉统一，如：延用详情页主色调、字体风格等。

微淘海报：是一种通过被切割成九宫格的视觉海报，且九张图中每张图对应链接产品实现页面跳转。

注意：1、不需做9张图。只需在做好整体效果的海报图后使用“切片工具”将它切成9张图。2、缝隙处的设计。微淘海报发布后画面中都会有缝隙的存在，因此在处理画面时，避免把文案放在缝隙上影响文案阅读。3、与产品链接的联动。微淘上的图片可以添加链接，因此我们需要使画面与产品链接有关联，不要随意放置产品以免使顾客感到不适。

微信海报：多数电商的微信海报是服务老顾客的，为老顾客专享直播预告和拉新推广。微信海报多为竖屏，因为竖屏更适合顾客阅读。

对于这类海报，老顾客已经对店铺建立了基本的信任和了解，处理画面时要注意海报风格与店铺风格的一致性，使老顾客在看到海报时就能想到品牌。如：应用统一视觉元素、配色。

• 制作海报时需要注意老顾客永远是希望自已有特别的优惠，所以画面应突出老顾客专属性，如：粉丝专享福利等。
• 制作直播预告海报时要注意时间和优惠力度，突出直播时间、直播内容、观看直播享受的优惠力度。
• 制作拉新海报时要思考顾客更在意通过微信能得到什么特别信息，如：资讯、知识、优惠等，这些信息是在微淘看不到的。

注意：直播预告海报一般需要提前1-2天投放。设计师应该预留出足够的时间，避免把直播时间当成直播预告时间。

下面还是根据前面文章的电商设计流程：需求、沟通、创意、草稿、初稿、修改、跟进，分享电商海报设计实战经验。

了解需求：首先我们拿到需求后要仔细了解这个需求提供的内容有什么？是否有遗漏关键信息？需求内容是否正确？

可以根据前面的海报要素：主题，利益点，产品，时间，地点，交互指引，交付时间，风格对应确认需求是否完整。(如需求表二)

从上面表格可以看出需求中并没要说明海报风格，是否需要交互指引，准确的交付时间，海报用在什么地方，所以我们应该与运营进行沟通，并完善需求。

前期沟通：根据上面表格与运营沟通补充完善缺漏的需求信息。(如需求表三)

注意：设计师都会遇到与运营沟通设计风格时，经常会要求高级感，其实这个次非常笼统，但是运营却给不更准确的描述，这时候我们应该怎么办呢？通常我会先找几张视觉上比较高端，但不同风格的海报让运营挑选他认为的高级感的画面风格。这样能更快，更准确的了解到运营所理解的高级感。

创意阶段：确认需求后我们就可以开始找创意了。

• 从需求中我们知道这是详情页海报。在设计网站上搜索秋季海报，我们可以发现大多会用：橙色，落叶等元素营造秋日氛围。
• 寻找大量护肤品相关的天然且干净海报。我们会发现这些海报通常是场景简单且干净画面，字体为较细黑体的海报。蓝色天空，云朵、气泡等元素可以体现产品天然不刺激。
• 结合详情页风格。如：详情页里面的元素、字体等做到视觉延展。
• 确定排版。通常这种横版的海报排版有两种常规的排版方式，居中排版，左右排版。当然还有一些比较特别的排版方式如：对角线排版，s型排版。我们可以根据实际去确定排版方式。像这个需要突出产品和利益点的海报，我觉得左右排版比较合适。

落地阶段：所有准备工作完成后接下来就是真正展开画面实现的设计工作了。

• 通过前面的创意参考，查找所需的创意素材如：气泡、秋叶、天空。
• 然后我们就可以根据想好的画面，结合创意素材大概的把构图用草图的方式画出来。并运营再次沟通确定方案。

• 与运营沟通最终确认板式后进行初稿设计阶段。
• 初稿完成后，我们先根据需求进行查缺补漏，然后发给运营审核。
  

• 确认终稿并发与运营在规定时间内上线。
• 海报上线后我们应该去查看上线效果，并在后续配合运营根据销售情况随时修改与调整内容。

文中如果有不严谨、错误的地方希望大家给予指正，希望大家可以多多点赞评论鼓励下，最后感谢您的耐心阅读。最后，我准备了一些常用的设计素材送给大家，需要的话免费拿走。获取方式：老规矩后台，发送文字“素材”，就可以获取了～

三原设计专注于设计分享，为你带来原创设计文章、教程、职场经验，助力设计师共同成长。

设计交流群

刚开始写文字的时候，就有朋友找到我想要加入社群，我当时拒绝了，因为我觉得自己没有那么多精力管理，今年我开始能够管理时间了，决定建立一个设计交流群，欢迎各位设计师添加小蓝，和我一起学习设计，一起交流心得。加好友请备注“入设计群”。

文中如果有不严谨、错误的地方希望大家给予指正，希望大家可以多多点赞评论鼓励下，最后感谢您的耐心阅读。