
1.2 电商视觉设计前的准备
“即使是水果蔬菜,也要像静物写生画那样艺术地排列,因为产品的美感能撩起消费者的购买欲望”,这句话说明了视觉艺术的重要性。电商的视觉设计从形式上看都是利用视觉手段吸引消费者和提高销售的,但是目前大多数网店装修偏重于设计,核心内容是视觉展示。从大多数网店的实际运营效果来看,一味追求视觉效果的结果往往是设计了足够美观的页面,销量却没有得到显著提升。因此,在视觉设计前,首先应该进行自身分析,要先对网店有一个视觉定位,并且要明确视觉规范的作用。
1.2.1 网店的视觉定位
视觉定位,就像人的风格定位一样。不同的产品对应不同的视觉定位,不同的消费群体有着不同的视觉偏好,关键是要将产品的定位和消费群体的视觉偏好进行整合,使店铺在风格上能够呈现出一种整体的效果。
营销型网店的视觉定位原则在于营造促销氛围,主要体现在通过对比强烈的颜色突出显示打折、包邮、半价等优惠活动的字眼。为了打造视觉焦点,主推商品的价格数字还会使用加粗、加大的字体。
另外,营销型网店也会制作一系列的促销活动海报,并将它们排列到一起,让消费者感受到优惠的氛围。在文案方面,网店商家在强调消费者价格利益的同时,还会利用数量有限、限时等字眼营造抢购的气氛,如图1-4所示。

图1-4 营销型网店
品牌型网店的视觉定位原则是突出品牌优势,整体设计风格偏向于简洁、干净,重点突出品牌Logo等形象代言等元素。在页面布局方面,将能够体现品牌优势的产品设计、加工工艺、质量标准和售后服务等内容安排在前几屏,让消费者可以首先接触到这些信息。
为了弱化消费者对价格的敏感度,通常会放大卖点文字和图片的尺寸,同时尽量缩小价格数字,并且避免使用强烈的颜色。为了维护消费者对于品牌形象的认知,品牌型网店的文案中很少出现打折促销的字眼,如图1-5所示。

图1-5 品牌型网店
服务关系型网店的视觉定位原则是包装服务形象。通过社交工具的先期交流,消费者在进入服务关系型网店前已经对他们要购买的产品有了足够的认识,所以这类网店的内容通常简明扼要,通过简单、温馨的颜色和具体化的形象向消费者展示其专业性。这一切都是为了促使消费者快速下单,如图1-6所示。

图1-6 服务关系型网店
1.2.2 明确视觉规范的作用
任何一个优秀的设计作品都会有自己的视觉规范,而准备阶段的工作主要围绕着制订视觉规范和搜索整理素材来展开。首先我们要把抽象的风格定位具体化为图形、颜色和字体等元素,然后对这些元素进行视觉规范制订,并以手册的形式落实在纸面上。
制订视觉规范有以下几个方面的意义,如图1-7所示。

图1-7 视觉规范的意义
在制订视觉规范前,我们可以先研究一下销量比较好的同类店铺,分析同类店铺在视觉表现方面的共性,借鉴别人优点的同时找出自己的不足和需要改进的地方。为了避免完全模仿和照搬别人的页面设计,还可以到目标人群喜欢去的网站获取灵感,找出设计上的异同点。