电商设计电子课件

第5章手机端海报设计本章介绍：手机端海报设计和PC端海报一样是电商设计中的重要任务，手机端海报较PC端海报更便于传播，通过精心设计的手机端海报能够令用户瞬间了解平台或店铺的活动信息以及促销信息。本章针对手机端电商海报的基本概述、布局类型以及表现形式等知识进行系统讲解，并针对流行风格与典型行业的手机端海报进行设计演练。通过本章的学习，读者可以对手机端海报的的设计有一个系统的认识，并快速掌握手机端海报的设计规范和制作方法，为接下来的手机端海报设计打下基础。了解手机端海报的基本概述熟悉手机端海报的布局类型明确手机端海报的表现形式学习目标手机端海报的常见类型手机端海报的常见尺寸5.1手机端海报的基本概述手机端海报的常见类型可以根据设计尺寸分为手机端竖版海报和手机端横版海报。手机端竖版海报常用于平台App闪屏页、平台App弹窗、手机端店铺首页和手机端店铺专题页头图，手机端横版海报常用于平台App轮播图、平台App横版广告图以及手机端平台专题页头图。5.1.1手机端海报的常见类型手机端竖版海报手机端横版海报手机端海报根据不同的展示位置，尺寸也会各有不同。·手机端竖版海报：当作为平台App闪屏页出现时，宽度为750像素，高度为1624像素。当作为平台App弹窗出现时，宽度建议在580像素以内，高度建议在1000像素以内。当作为手机端店铺首页和手机端店铺专题页头图出现时，宽度为1200像素，高度建议在高度为120像素-2000像素之间，可以通过3:4这个比例确定高度的具体尺寸。5.1.2手机端海报的常见尺寸·手机端横版海报：手机端横版海报宽度为750像素，高度会根据不同的展示位置发生变化，可以根据不同的位置通过宽高比例确定高度尺寸。当作为平台App轮播图出现时，常用3:1这个比例。当作为平台App横版广告图出现时，常用2:1这个比例。当作为手机端平台专题页头图出现时，常用2:1这个比例。5.1.2手机端海报的常见尺寸5.2手机端海报的版面布局手机端海报的布局类型手机端海报的布局原则手机端海报会以横版和竖版形式两种形式出现，布局构图常用的有上下布局、左右布局、十字布局、上中下布局、左中右布局和包围布局，其中上下布局和上中下布局更适用于竖版形式，左右布局和左中右布局更适用于横版形式，包围布局和十字布局两种形式都适用。5.2.1手机端海报的布局类型5.2.1手机端海报的布局类型左右布局

十字布局包围布局

左中右布局上中下布局

上下布局

手机端海报的表现形式可以参考4.3PC端海报的表现形式。因此接下来将针对手机端海报的设计特点，分别从图形分割和简洁背景两个方面讲解手机端海报的设计技巧，帮助大家快速制作出富有表现力的手机端海报。5.2.2手机端海报的布局原则图形分割简洁背景课堂案例-旗袍女装手机端海报设计5.3手机端海报的设计技巧图形分割是运用各种图形将完整的版面分割成不同的部分，根据分割后的版面进行布局。图形分割方法简单，效果明显。常用的图形分割形式有线性分割、形状分割和放射分割，其中线性分割可以细分为横线分割、竖线分割以及斜线分割，形状分割可以细分为方形分割、圆形风格、三角形分割以及异形分割，放射分割可以细分为射线分割和螺旋分割。5.3.1图形分割5.3.1图形分割竖线分割

圆形分割

三角形分割

横线分割

方形分割

斜线分割

5.3.2简洁背景

单色背景渐变背景底纹背景

简洁背景是运用简单的设计方法制作海报的背景，根据背景的风格组合文字和主体。打造简洁背景能够清晰地呈现商品，凸显信息。常见的简洁背景表现形式有单色背景、渐变背景和底纹背景。使用“置入嵌入对象”命令置入图片，使用“横排文字”工具添加文字，使用“添加图层样式”命令为图形添加效果。5.3.3课堂案例-旗袍女装手机端海