2.1初识电商视觉营销设计（课件）《电商视觉营销设计》（上海交通大学出版社）

第二章 浅析电商视觉营销设计基础 电商视觉营销设计 1 初识电商视觉营销设计 01 在进行视觉营销设计之前，首先要了解电商视觉营销设计的原则和基本流程。 2 2.1.1 电商视觉营销设计的四大原则 电商视觉营销设计需要遵循一定的原则，如下。 3 目的性原则 美观性原则 统一性原则 易用性原则 2.1.1 电商视觉营销设计的四大原则 1. 目的性原则 目的性原则是电商视觉营销设计的首要原则。网店是数字化的店铺，通过视觉设计来吸引消费者是其视觉营销设计最重要的目的。 因此，在开展视觉营销设计工作时： 应先根据品牌和商品定位确定目标消费群体； 然后根据目标消费群体的喜好确定店铺视觉定位； 接着有针对性地对店铺进行视觉营销设计，这样才能使店铺视觉呈现与目标消费群体的喜好相吻合。 4 某男装店铺首页，该店铺的目标消费群体为 35～45 岁男性，因此页面使用的颜色较暗且单一，以彰显这个阶段男性的成熟与稳重。 某女装店铺首页，该店铺的目标消费群体为 25～30 岁女性，因此页面使用的颜色较亮且多样，以表现这个阶段女性的青春与活力。 2.1.1 电商视觉营销设计的四大原则 1. 目的性原则 2.1.1 电商视觉营销设计的四大原则 2. 美观性原则 优秀的视觉营销设计应具备协调的色彩搭配、合理的构图、独特的创意等，这样才能吸引消费者注意，让消费者在愉悦的视觉体验中购买商品和记住品牌。 6 右图的运动鞋店铺首页采用“橙、紫”配色，使画面看起来十分协调； 将运动鞋倾斜摆放，能为画面增加张力； 将运动鞋放在跑道的起跑线（终点线）上，巧妙体现了商品的运动性能，整个画面极具创意，能够快速吸引消费者目光。 2.1.1 电商视觉营销设计的四大原则 2. 美观性原则 7 2.1.1 电商视觉营销设计的四大原则 3. 统一性原则 当店铺的视觉呈现与品牌形象、商品定位一致，或者网店各个页面的设计风格统一时，可以有效强化品牌形象，让消费者对品牌有统一、完整的认识。这也是提升店铺形象最直接的方法。 8 2.1.1 电商视觉营销设计的四大原则 3. 统一性原则 下图的数码产品店铺首页和手机详情页采用统一的设计风格，能让浏览该店铺的消费者对品牌的印象更加深刻。 和手机详情页（部分） 数码产品店铺首页（部分） 9 2.1.1 电商视觉营销设计的四大原则 4. 易用性原则 易用性关系着消费者的体验感，只有操作方便、浏览流畅的页面，才能给消费者带来良好的购物体验，从而促进商品销售、提升品牌影响力。 易用性原则在店铺视觉营销设计中主要体现在商品类目的划分、购物路径的优化两个方面。 10 商品类目的划分： 店铺中商品类目的划分层次不宜过多，且尽量不要重复，以免让消费者产生混乱感。 在实际应用中，商品类目通常划分为两个层次。 2.1.1 电商视觉营销设计的四大原则 4. 易用性原则 第一个层次 第二个层次 11 购物路径的优化： 设计店铺页面的购物路径时，要尽量保证消费者无论浏览到页面的哪个部分，都能够方便地购买商品。 例如，在店铺页尾添加底部导航，可以方便消费者查找、选购商品。 2.1.1 电商视觉营销设计的四大原则 4. 易用性原则 12 2.1.2 电商视觉营销设计的五个步骤 电商视觉营销设计的基本流程如下图所示。 调研与策划 搜集资料 设计 制作与投放 数据化分析 2.1.2 电商视觉营销设计的五个步骤 1. 调研与策划 调研与策划 在正式对店铺进行视觉营销设计之前需要开展调研工作： 首先收集信息，如目标消费者信息； 然后对收集到的信息进行研究分析，如分析目标消费者的消费习惯、审美偏好等，以确定消费者需求； 接着根据分析结果有针对性地策划营销活动； 最终形成一套完整的策划方案。 搜集资料 根据策划方案搜集资料，包括文案、图片等，为后续的视觉营销设计做准备。 2.1.2 电商视觉营销设计的五个步骤 2. 搜集资料 设计 构思整个店铺的视觉呈现效果，包括色彩、构图方式、图片的选择，文案的编写等。 2.1.2 电商视觉营销设计的五个步骤 3. 设计 制作与投放 利用图像处理软件将构思好的店铺视觉呈现效果制作出来并进行切片，然后上传到店铺中，完整的店铺页面就可以展示在消费者面前了。 2.1.2 电商视觉营销设计的五个步骤 4. 制作与投放 数据化分析 通过分析流量、转化率、客单价等店铺经营基础数据，可以得出店铺视觉营销的基本情况。 如果这些数据“可观”，说明店铺视觉营销效果较好；反之，说明店铺视觉营销效果不佳，此时就需要结合这些数据对各个页面进行优化，直至获得满意的效果。 2.1.2 电商视觉营销设计的五个步骤 5. 数据化分析 知识库 流量：店铺的访问量，主要用来描述店铺的访问数及消费者浏览页面的次数。影响流量的因素有商品