|
全屏海报又被称为“首焦轮播图”，其宽度一般为1920像素。全屏海报位于店铺首页的黄金位置，占有较大的面积，因而当顾客进入店铺首页后第一眼就能看见。 好的全屏海报，不仅可以加大店铺活动和产品的宣传力度，还可以提升店铺的形象。 全屏海报上面一般会放促销广告图和新品宣传图等内容，可用于品牌展示、展示和活动展示，还可通过轮播的方式进行展示。 此外，淘宝店铺中的海报主要用于活动促销宣传、产品推广宣传、店铺活动公告和店铺美化。 作用1：活动促销宣传。 当顾客进入淘宝店铺首页时，第一眼看到的就是全屏海报所处的位置。店铺活动促销宣传包括优惠券领取、满就送、聚划算、周年庆活动和节庆假日活动等。可以说，每月的每周甚至是每天，运营人员都在策划店铺活动。下图所示为Gap店铺11月15日至11月23日的优惠活动页面。 Gap店铺活动促销宣传 作用2：产品推广宣传。 如果是服装类店铺，每个季度都会上新产品；如果是电子产品类店铺，更新商品的速度就比较慢了，但是也会推广某一款热销的产品或型号，如Apple Store店铺首页推广的是iPhone X，如图所示。 作用3：店铺活动公告。 每年的“双十一”活动会导致订单暴涨，如果店铺人手不够，就无法正常发货，从而使商品积压，这时需要在店铺内进行公告。在春节前后，物流会停止收件，也需要在店铺进行公告。 将公告信息放在首页海报上面是一个不错的选择。图1所示为优衣库的门店自提公告，图2所示为欧莱雅的订单发货公告，图3所示为韩都衣舍的周一上新公告。 图1：自提公告（优衣库） 图2：发货公告（欧莱雅） 图3：上新公告（韩都衣舍） 作用4：店铺美化。 一张漂亮的海报能让店铺显得更加专业，从而提升顾客的购买欲望。如图所示为裂帛店铺的一系列海报，不难发现该海报的设计风格充满了浓郁的民族风，效果非常不错。 裂帛产品系列海报 全屏海报一般位于店铺招牌的下方，如图所示。 全屏海报可以由一张图组成“全屏宽图”，也可以添加多张图形成“全屏轮播”海报图，如图所示。注意，轮播海报图最多可以添加5张。 智能旺铺全屏模块 全屏海报的设计，不同于其他形式的海报，主要是以围绕主题内容、风格样式、构图方法、配色技巧、背景内容、商品信息、文案内容和装饰点缀这8大方面展开。 主题内容 每一张海报都有一个主题，其内容一般放在整个海报页面的第一视觉中心，而且主题文字的提炼要简洁、高效，能让人一眼就知道所表达的信息。图1所示为New Balance冬季新品上市海报，图2所示为雀巢的优惠券领取海报。
图1：New Balance海报
图2：雀巢海报 风格样式 风格是指具有不同于其他人的独特表现，如穿衣打扮、行事作风等行为和观念。在海报设计中，所谓的风格就是页面传递给人们的某种感觉，如古典、可爱、小清新和简约等。 当我们搜索某一个商品时，系统会推荐这个商品的风格类型，这时就可以根据自己需要的风格寻找相应的商品。同时，海报的风格要和店铺出售的商品风格吻合，也可以根据季节、活动、节日等因素来确定风格。图1所示为韩都衣舍漫画风的海报设计，图2所示为潮牛人中国风的海报设计。
图1：韩都衣舍海报
图2：潮牛人海报 构图方法 一个摄影作品是否成功，取决于其构图。只有成功的构图才能使作品内容主次分明、赏心悦目，海报设计同样也要遵循构图原理。 一言以蔽之，海报设计的构图就是要处理好背景、商品和文字之间的位置关系，使其整体和谐，突出主题。构图方法多种多样，比较常见的有以下几种。 1.左右式构图 左右式构图是比较经典的构图方法，一般分为左图右文或左文右图两种形式。这类构图方法比较实用，不易出错，给人以平衡、沉稳的感觉，如图1和图2所示。
图1：左右式构图海报1
图2：左右式构图海报2 2.垂直水平式构图 垂直水平式构图是对每一个商品进行横向排列，充分展示其效果，每个商品所占画面的比重相同，且秩序感强，如图所示。
垂直水平式构图海报 3.上下式构图 上下式构图也是比较常见的构图方法，排版时要注意主次。可以将文字放在画面上方，将商品图放在画面下方，如图所示。
上下式构图海报 4.左右三分式构图 左右三分式构图是将商品图放在海报两侧，中间为文字，层次感非常强，如图1和图2所示。
图1：左右三分式构图海报1
图2：左右三分式构图海报2 5.斜切式构图 斜切式构图会让画面显得时尚、动感，也会增加画面的视觉冲击力，如图所示。斜切式构图中，文案一般会向右上方倾斜，呈现上升效果，且倾斜的角度最好不要大于30°，否则会影响阅读。
斜切式构图海报 6.平衡式构图 平衡式构图会给人以满足感，画面结构完整、安排巧妙、对应平衡，如图所示
平衡式构图海报 7.居中式构图 居中式构图，毋庸置疑就是指商品或主题内容呈现在画面中间，如图所示。
居中式构图海报 配色技巧 配色是刚开始做美工时经常会遇到的一个难题。配色的技巧有很多，常见的有对比色、临近色和冷暖色等多种配色方式。 最好的配色方式是提取大自然中的色彩，如图1所示。色彩搭配看似复杂，其实并不神秘，部分色彩搭配分类如图2所示。
图1：大自然色彩
色彩搭配分类 背景内容 海报的背景一般分为纯色背景、渐变色背景、纹理背景、实拍背景和后期合成背景等。 图1所示为LA MER海蓝之谜的海报，背景中的颜色大部分是纯色，产品位置的背景色是渐变色。图2所示为NIVEA的海报，左半边为实拍背景，右半边是后期合成背景。
图1：LA MER海蓝之谜海报
图2：NIVEA海报 纯色背景指的是以某种颜色或某个色系为背景，其主要特点是简约明快，能更好地突出主题，让消费者的目光集中在模特或产品上面，如图所示。
七格格海报 材质纹理背景指的是将自然界真实存在的物质作为背景，如肌理、丝绸、金属、木材和岩石材质等，其主要特点是真实，有代入感，能对主图起到烘托作用，如图所示。
潮牛人海报 商品信息 商品是海报的主要构成部分，但在设计海报的过程中会遇到很多商品问题，如商品摆放的角度、清晰度、画面占比、产品融合和商品抠图等。在设计海报之前，客户会提供给一些不同角度的摄影图，这时就要进行全面考虑后续的设计。 一张海报中一般会包括商品、模特和其他装饰元素等。图1所示为玛玛绨的海报，除了模特身上的外套，还展示了其他3种不同款式和颜色的外套。图2所示为倩碧的海报。
图1：玛玛绨海报
图2：倩碧海报 文案内容 文案指的是海报中出现的文字内容，目的是向消费者传递商品或促销引导信息。在一张海报中，往往会包括主文案和辅助文案。 因此，文案的设计也很重要。文案包括主标题、副标题、促销价格信息和其他介绍内容等。图1所示为The North Face的海报，上面有主标题“山野之间，感恩遇见”和副标题“全场3折起”，还有促销信息“满990减80满1690减150”和活动时间等说明性文字。图2所示为Jack Wolfskin的海报，上面只有一个大标题。
图1：The North Face海报
图2：Jack Wolfskin海报 关于字体，一般有衬线体、非衬线体、书法体和圆体等。例如，宋体字属于衬线体，它的特点是清秀、优美和稳健等，多用于女性产品和文化艺术等领域；黑体字属于非衬线体，它的特点是方正、粗犷、朴素和简洁，形状醒目。 在海报设计中，为了营造促销的氛围，往往会选择黑体字作为主标题，如图1所示。书法体的特点是挺拔、厚重、文化韵味浓厚，表现力强，如图2所示。
图1：骆驼户外海报
图2：探路者海报 装饰点缀 为了营造画面氛围，经常会用一些点缀元素进行装饰。这些点缀元素包括不规则的形状、光效和卡通图案等。如图中有白色的圆形、黄色的透明圆形和斜线，这些元素对画面都起到了装饰作用。
初语海报 一张海报从开始设计到定稿，一般要经历以下7个步骤。 步骤1：确定海报活动主题。 步骤2：提炼主题卖点信息。 步骤3：确定设计方案。 步骤4：画出草图。 步骤5：在Photoshop软件中设计初稿。 步骤6：与运营人员交流找出问题。 步骤7：改稿并进行最终确定。 接下来，数艺君将以一个实际案例，为大家讲解全屏海报的设计过程，一起来看看吧。 女装海报的设计 本案例要讲解女装全屏促销海报的设计，需要对产品背景、文字排版、图案装饰等进行制作。海报最终效果如图所示。
女装海报效果 案例素材： https://pan.baidu.com/s/1RSfm0kFci-8TEmwmpGqOjQ 视频教程： 01 新建文件并命名为“女装类海报设计制作”，然后设置“宽度”为1920像素、“高度”为600像素、“分辨率”为72像素/英寸，如图所示。
02将“案例素材”文件夹中的“女装.jpg”素材导入，并调整其大小，然后单击选项栏上的“提交变换”按钮，完成素材的导入，如图所示。
导入“女装”素材 03 使用工具箱中的“快速选择工具” 选择模特的轮廓，如果在选择的过程中多选或少选了，可以配合选项栏上的“加选” 和“减选” 命令进行调整，然后复制一份选择好的模特轮廓，如图1和图2所示。
图1：选择模特
图2：复制一个图层 04 使用工具箱中的“横排文字工具” 创建“初夏”二字，将颜色设置为白色，然后将创建的文字层移动到复制的模特图层后面，这样文字就位于模特的后方，如图1和图2所示。
创建文字
将文字移动到模特图层后面 05选择工具箱中的“矩形工具”，然后在选项栏上设置类型为“形状”、描边为白色、大小为8像素，并创建一个矩形，接着给创建的矩形添加一个图层蒙版，按住Ctrl键并单击鼠标左键，将复制的模特图层载入选区，再选择“画笔工具”。 将前景色设置为黑色，把模特头部的位置显示出来，最后将画笔的形状改成椭圆形，将左右两边的位置也制作出来，如图1~图4所示。
图1：创建矩形
图2：显示头部效果
图3：将画笔的形状改成椭圆形
图4：最终效果 06使用“画笔工具” 创建一个黑色的画笔效果，然后使用组合快捷键Ctrl+T结合“自由变换”命令将其调整到与矩形差不多的大小，再使用“矩形选框工具”把上部分的内容选出来，最后使用Delete键把多选的内容删掉，如图1~图3所示。至此，矩形的阴影就制作好了。
图1：创建并调整画笔
图2：用矩形选框选择内容
图3：创建的阴影效果 07使用“横排文字工具” 创建“学生装”3个字，然后创建英文NEWSAOPS，并调整文字的间距和位置，然后给文字添加图层蒙版，载入模特选区，为文字制作遮挡效果，这样文字和模特叠加的位置就被隐藏掉了，如图1~图3所示。
图1：创建文字
图2：创建英文
图3;处理后的效果 08新建一个空白图层，然后使用“单行选框工具” 在两行文字中间创建一个选区，并设置前景色为白色，接着使用“油漆桶工具” 为选框填充颜色，再选择“矩形选框工具” ，把两边多余的线和模特身上叠加的线都删除掉，最后把这条线的两端制作成若隐若现的效果，如图1~图5所示。
图1：创建单行选框
图2：为选框填充颜色
图3:用矩形选框工具删除多余内容
图4：删除叠加位置的线条
图5：处理线条后的效果 09 使用“横排文字工具” 把剩下的文案内容“店铺全场五折起”“活动时间8月20日—8月30日”创建出来，然后把名字“周小鸭”创建出来，制作成直排文字的效果，如图所示。
文字的排版效果 10选择工具箱中的“直线工具” ，在白色矩形上创建一条倾斜的线，用同样的方法，把其他位置的线也创建出来，如图1和图2所示。
图1：创建倾斜的线
图2：创建其他线 11选择工具箱中的“直线工具” ，然后设置填充为白色、大小为1点，并创建一条长斜线，接着复制出多条斜线，将这些斜线的图层合并成一个图层。 再使用工具箱中的“椭圆选框工具” 在斜线中间创建一个圆，最后将这个圆以外的斜线删除，就可以创建出一个新的创意图形了，如图1~图4所示。
图1：创建一条斜线
图2：创建多条斜线
图3：创建圆形
图1：创建创意图形 12将创建的圆形图案改成其他颜色，然后复制出多个图形，并放到不同的位置，这样就形成了装饰点缀效果，再创建一些矩形、圆形等形状，如图5~图7所示。
图1：填充红色
图2：创建多个图形
图3:最终效果 |
|
|
