5.2 箱包类网店视觉营销设计(课件）-《网店视觉营销》同步教学（高教版）

第5章 网店视觉营销综合应用 5.1 5.2 5.3 儿童玩具网店视觉营销设计 5.4 家用电器网店视觉营销设计 目录 箱包类网店视觉营销设计 婴儿尿不湿网店视觉营销应用分析 5.5 本章综合实训 5.2 箱包类网店视觉营销设计 3 5.2箱包类网店视觉营销设计 箱包网店视觉营销设计一般以突出箱包的质感为主。如果是知名品牌的箱包，店铺的整体风格要符合品牌风格定位。如果是一般实用性的箱包，店铺风格则可以着重展示箱包款式、实用性等特点。如遇到促销活动，也可围绕价格元素来设计店铺。 本节是女士包网店视觉营销设计。主打的商品价位适中，有很多的时尚流行元素，受众人群定位为年轻女性，所以，页面风格尽量符合年轻女性偏时尚柔美或时尚简约的审美特点。由于该店女包手提斜跨的功能比较偏通勤，所以，选择时尚简约的风格来进行视觉营销设计。 5.2.1女包网店首页视觉营销设计 本节使用素材和源文件：（配套资源/第5章/女包网店素材/01.jpg-07.jpg，促销.psd，店铺首页.psd，详情页.psd） 1．网店首页常见版块和布局 网络店铺首页根据店铺后台分区，有固定的版块顺序。也可以根据商品或品牌定位需要自行设计店铺版块内容、排列顺序，左图所示是一般店铺首页常见的布局。当要展示的商品比较多时，也可以做分类展示，如右图所示。 5.2.1女包网店首页视觉营销设计 网店首页常见布局 网店首页分类布局 5.2.1女包网店首页视觉营销设计 2．网店首页视觉营销分析 当拿到产品的实拍图片，要让首页设计出来能够体现出商品的关联性和营销性，就需要先确定商品风格、排版布局和色调。通过符合产品调性的布局、色调来吸引买家。图5-23是女包的实拍图和模特图。 在以时尚简约为基调的前提下，首先分析商品的色调，主体物黑白两色，比较素雅，模特图的背景也以素色为主。但是，只用黑白色调会使首页显得呆板、冷峻，所以，我们可以从商品的辅色，也就是商品中少量的、不占主导的彩色中选用一种颜色做搭配，来使画面更生动，同时使首页能够吸引消费者。 5.2.1女包网店首页视觉营销设计 女包实拍图和模特图 定好色调后，需要把首页海报的文案准备好。因为首页海报的设计要以文案为基础。例如，推广新品的海报，通常会以展示商品为主；清仓促销类的海报，会以体现折扣信息为主。根据文案内容设计海报，是店铺视觉营销一项重要的基础知识。 5.2.1女包网店首页视觉营销设计 店铺通常不会只有一款商品，定好海报内容后，需要把在店铺中展示的其他商品归纳整理，选出适合放置在首页的图片。根据商品的多少，可以大体制定页面的布局。如果商品较多，就需要按上文讲到的进行分类。如果商品较少，为了使页面显得丰满，可以把海报宽度加大或者在海报下增加其他大图版块来丰富内容，可以使所有商品得到最大限度的展示。 5.2.1女包网店首页视觉营销设计 3．网店首页视觉营销设计步骤 （1）网店首页海报设计。海报是买家进入店铺页面后首先看到的内容。必须做到视觉冲击感强烈、吸引买家；内容简练突出，能准确地向买家传达信息。店铺首页海报数量没有固定，目前一般以3张为佳，不超过5张。在丰富内容的同时，又在消费者保持阅读新鲜感和视觉耐性的时间范围内。过多的滚屏会分散顾客的吸引力，起到适得其反的作用。 宽屏海报常见的尺寸是宽度为1920像素，高度一般为600-1000像素。这样比较符合人的视觉习惯，具体大小可以根据画面效果确定。 5.2.1女包网店首页视觉营销设计 提示：宽屏海报在一般显示器中会显示不全。所以海报的主体内容一定要集中在画布的中间部分，其余边缘可以是店铺的底色，也可以是无关紧要的背景画面。海报的重点展示区位于中间，占到海报面积的1/2左右，如图所示。 宽屏海报展示区比例 5.2.1女包网店首页视觉营销设计 步骤1：在Photoshop中新建一个1920像素×600像素的白色画布作为海报底板。 步骤2 ：在Photoshop中打开图像文件（素材资源\第5章\女包网店素材\05.jpg），使用“矩形选框”工具裁取图片中的包，如图所示。 截取包含女包的部分图片 5.2.1女包网店首页视觉营销设计 步骤3：在工具栏中选择“移动工具”，把截取的图片拖入新建的空白画布中，如图所示。 拖入海报中的图片 步骤4：在海报的右侧新建矩形选框，设置前景色为略带灰调的蓝色，按下“Shift+F5”组合键填充矩形选框，效果如图所示。 填充颜色的矩形块 5.2.1女包网店首页视觉营销设计 步骤5：在“图层”面板中，设置色块图层的不透明度为82%，使矩形的色块产生半透明的效果，如图所示。 调