电商首页海报排版模板设计（到底怎么设计才吸引人）

电商海报是目前网店宣传的一种方式。在淘宝中，网店可以通过海报将自己的产品信息以一种特定的视觉方式传递给顾客，使顾客可以对店铺产品有一个简单的了解，进而对产品产生更多的关注，并决定购买。

一张好的电商海报对于电商品牌来说会有诸多影响和好处，它一是能清晰传达产品信息，二是能增强画面艺术表现力，三是能增加画面的趣味。

设计一张海报并不难，但是想要设计一张优秀的海报却不是那么容易，不仅要明白设计海报的意义，还要掌握设计的相关技巧，下面，数艺君就2大方面，给大家唠唠这方面的知识。

1

电商海报的意义

01

传达产品信息

在电商海报设计中，传达产品信息是最主要的目的，海报与文字一样，在电商页面中起着传递信息的作用，如图所示。

02

增强画面艺术表现力

电商海报是提升产品信息传达效率的重要工具，因此图形的形态结构会直接影响信息传达的效果。

同时，具有较高视觉美感的电商海报更容易引发顾客心理的共鸣，增强画面艺术感，轻松地促使浏览者接收所传达的信息，如图所示。

03

增加画面趣味

如果一个页面本身的内容还不够丰富，那么使用电商海报图可以起到充实页面的作用，且让产品信息能够得到更多更丰富的表现，使页面焕发活力，且更加具有趣味，如图所示。

2

电商海报的设计要点

电商海报的设计要点包含以下4个，即主题突出、风格明确、构图合理和细节完善。

01

主题突出

简单地说，这里所谓的“主题突出”就是能让顾客从海报中一眼就知道你想要表现的是什么，是优惠活动，还是商品特色。一般主题会放在海报的第一视觉中心，而且主题文字要求简洁干练，如图所示。

02

风格明确

风格其实就是设计作品给人的某种感觉，是小清新，还是文艺范，是古典风，还是甜美风等。

一般风格既可以根据产品属性来定，又可以根据季节、节日等其他因素来定。此外，海报的风格要和整个店铺风格相协调、统一才行，如图所示。

03

构图合理

这里所说的构图其实就是指海报的排版。合理的构图可以让海报主题突出，同时让画面看着更加明朗清晰，进而让产品信息表达得更清楚，且让产品效果也表现得更充分，如图所示。

04

细节完善

所谓“细节决定成败”。做设计时我们同样需要关注细节。在海报设计中我们需要注意的细节其实有很多。例如“购买”入口的引导，为了丰富画面所添加的一些装饰元素，这些都是属于细节优化方面的内容，如图所示。

最后，给大家安排了一个电商海报设计的实战，小伙伴们趁热打铁，一起来试试吧。

3

案例：简约海报的制作与安放

案例文件素材：

https:///s/1hJOZyBBiJmcMXgxcLOc0Cw

提取码：6sto

案例视频教程：

这是一张吸尘器产品海报。画面中采用了地板元素，给人一种代入感，让人很容易想象到它在实际应用中的场景；采用左文右图的版式，这是较简单也较容易掌握的一种排版方式，显得简洁，符合大众审美，并且出图快。效果如图所示。

01 新建文件。执行“文件>新建”命令，在打开的“新建”对话框中设置“名称”为“简约海报”，“宽度”为“1920像素”，“高度”为“600像素”，“分辨率”为“72像素/英寸”，如图所示。

02 调入背景。因为吸尘器是用在室内的，因此为了给顾客营造一种更加贴近生活且更加真实的感觉，所以采用了地板作为背景图。执行“文件>打开”命令，打开“地板”素材图片，然后将其调入画面，并将其沿着画布底部摆放，如图所示。

03 新建参考线。执行“视图>新建参考线”命令，在弹出的对话框中选择“垂直”选项，分别设置一条“位置”为“485px”的参考线和一条“位置”为“1435px”的参考线，如图1和图2所示。之后确认，完成新建操作，如图3所示。

图1

图2

图3

04 添加商品。执行“文件>打开”命令，打开“商品”素材，将其调入画面。在这里，我们准备采用左文右图的排版方式，所以把商品放到了画布的右侧位置，如图所示。

05 添加阴影。在上一步完成了之后，发现画面效果有些生硬，因此想要给产品添加一些阴影效果，使其显得更真实。

在“图层”面板下方单击“创建新图层”按钮 ，在商品图层下方新建一个空白图层，然后选择“椭圆选框工具” ，在商品下方绘制一个椭圆，并填充为“黑色”，同时将图层命名为“黑色阴影”，如图所示。

06 选中“黑色阴影”图层，在菜单栏中执行“滤镜>模糊>高斯模糊”命令，然后在打开的“高斯模糊”对话框中设置“半径”为“23.7像素”，如图所示。

适当对黑色阴影进行模糊处理，同时适当降低其透明度，使其变得更加柔和和真实，如图所示。

07 添加主标题。在工具箱中选择“横排文字工具”，然后在选项栏中设置“字体”为“思源黑体Bold”，“颜色”为黑色（R:105，G:103，B:103），然后在画布中单击并输入“生活是用来享受的”字样。之后按照同样的方法制作“时尚简约大气”字样，并适当调整字体的大小等样式，如图所示。

08 添加副标题。继续选择“横排文字工具” ，在选项栏中设置“字体”为“华康宋体W5”，“颜色”为灰色（R:105，G:103，B:103），然后在画布中单击并输入文字，适当调整字体的大小等样式，如图所示。

9 添加点缀文案。继续选择“横排文字工具” ，然后在画布中输入“家用吸尘器”字样，设置“字体”为“思源黑体ExtraLight”，“颜色”为浅灰色（R:105，G:103，B:103），如图所示。

10 选择“矩形工具” ，然后设置“填充”为灰黑色（R:94，G:92，B:92），如图所示。在英文字体的下方绘制一个矩形框，然后选择“横排文字工具” ，然后输入“立即购买”字样，如图所示。

使用“矩形工具” 绘制一个矩形，然后填充为红色（R:255，G:1，B:0），并移动到文案中的合适位置。

11 添加装饰元素。在菜单栏中执行“文件>打开”命令，打开“装饰素材”素材，然后将其调入画面，并将其调整到合适大小和位置，操作完成，如图所示。

12 保存图片。在菜单栏中执行“文件>存储为Web所用格式”命令，如图1所示。在弹出的对话框右侧设置“存储格式”为“JPEG”，“品质”为“80”，设置完成后确认存储操作，如图2所示。在弹出的对话框中设置“格式”为“仅限图像”，即可完成存储，如图3所示。

图1

图2

图3

13 登录淘宝网。进入淘宝首页，单击“卖家中心”选项，如图1所示。输入账号和密码，登录淘宝网页，如图2所示。

图1

图2

14 进入图片空间。在打开的页面中单击“店铺管理”一栏中的“图片空间”选项，进入“图片管理”页面，如图1所示。单击下面的“复制链接”按钮 ，将图片链接复制，如图2所示。

图1

图2

15 全屏装修。在淘宝装修后台中，淘宝默认是不让我们全屏装修的，所以若要以全屏形式装修海报的话，需要借助一款软件，即“传奇美工助手”来完成。启动该软件，选择软件中的“通用全屏”功能，然后将复制的链接粘贴到图片地址框中，生成并复制链接，如图所示。

16 当将上一步操作完成之后，进入店铺装修页面，这时候我们从左侧栏拖曳一个“自定义内容”模块到页面中，如图所示。

单击页面右上角的“编辑”按钮，在打开的页面中设置“显示标题”为“不显示”，同时勾选“编辑源代码”复选框，将刚刚生成的代码粘贴到里面去，如图1所示。最后确认，完成全屏装修，如图2所示。

图1

图2

,