电商设计 第4章 PC端海报设计.ppt

第4章 PC端 海报设计 本章介绍： PC端海报设计是电商设计任务中的重中之重，PC端海报较营销推广图更为醒目震撼，通过精心设计的PC端海报能够令用户瞬间了解平台或店铺的活动信息以及促销信息。本章针对PC端电商海报的基本概述、布局类型以及表现形式等知识进行系统讲解，并针对流行风格与典型行业的PC端海报进行设计演练。通过本章的学习，读者可以对PC端海报的的设计有一个系统的认识，并快速掌握PC端海报的设计规范和制作方法，为接下来的手机端海报设计打下基础。 了解PC端海报的基本概述 熟悉PC端海报的布局类型 明确PC端海报的表现形式 学习目标 PC端海报的常见类型 PC端海报的常见尺寸 4.1 PC端海报的基本概述 海报的常见类型可以根据设计尺寸分为PC端全屏海报和PC端常规海报。PC端全屏海报常用于PC端店铺首页和PC端专题页，PC端常规海报则只用于个别PC端店铺首页。 4.1.1 PC端海报的常见类型 PC端店铺首页全屏海报 PC端专题页 PC端店铺首页常规海报 海报的设计尺寸会根据不同电商平台的规则和商家的具体设计要求而有所区别。 ·PC端全屏海报：这类海报宽度为1920像素，高度建议在500-800像素之间，高度常用尺寸为500、550、600、650、700、800像素。 ·PC端常规海报：这类海报宽度为950、750和190像素，高度建议在100-600像素之间，常用尺寸为750×250像素和950×250像素。 4.1.2 PC端海报的常见尺寸 PC端海报的布局类型 PC端海报的布局原则 4.2 端海报的版面布局 PC端海报通常以横版形式出现，横版比例的布局构图常用的有左右布局、左中右布局，偶尔会用到上下布局。在不影响版式构图的前提下，左右布局中文字与图片的位置可以根据设计的灵活性进行位置调换。 4.2.1 PC端海报的布局类型 上下布局 左右布局 左中右布局 1.布局均衡 布局均衡的海报可以给消费者带来平稳的视觉感受，均衡布局通常分为对称均衡和非对称均衡两种形式，其中对称均衡又细分为绝对对称均衡和相对对称均衡。在PC端电商海报中，相对对称均衡在上下布局和左中右布局中广泛使用。非对称均衡虽然两侧的元素并不相同，但是通过设计元素的不同配比依然可以达到一种观感均衡，常用于左右布局的PC端电商海报中。 4.2.2 PC端海报的布局原则 对称均衡 非对称均衡 2.重点突出 当PC端海报布局均衡后，设计师还应突出画面的视觉重点，否则会容易造成主次不分，不利于传达信息。在电商海报中，需要突出的元素通常为主体或文字，有时还会突出按钮，引导消费者进行商品购买。突出这些重点常用的方法有色彩对比、大小对比和位置对比。 4.2.2 PC端海报的布局原则 位置对比突出主体 大小对比突出文字 PC端海报的风格定位 PC端海报的表现手法 课堂案例-西湖龙井海报设计 4.3 PC端海报的表现形式 电商设计师可以根据不同的设计需求进行不同的店铺海报设计。店铺海报的设计形式可以大致分为以下三种。 （1）活力促销设计形式：活力促销设计形式的海报，颜色普遍鲜艳，字体较为醒目，如果使用模特，则需要选择时尚年轻的，并且在模特背部或商品背部多有商品点缀。 4.3.1 PC端海报的风格定位 活动促销设计形式 （2）淡雅文艺设计形式：淡雅文艺设计形式的海报，该风格颜色多为柔和邻近色，字体为端正优雅型，产品、模特及点缀的颜色应与背景色保持统一。 4.3.1 PC端海报的风格定位 淡雅文艺设计形式 （3）简约品牌设计形式：简约品牌设计形式的海报，配色较少，颜色多采用品牌色，文案以标语为主，产品摆放具有一定的空间感。 4.3.1 PC端海报的风格定位 简约品牌设计形式 PC端海报的表现手法多种多样，常用的有摄影、合成、手绘、三维，这些表现手法可以相互结合进行共同使用，设计师可以根据自身的设计优势进行灵活设计。 4.3.2 PC端海报的表现手法 摄影 合成 手绘 三维 使用“置入嵌入对象”命令置入图片，使用“横排文字