6.1 认识移动端网店视觉营销(课件）-《网店视觉营销》同步教学（高教版）

第6章 网店首页视觉营销设计 目录 6.1 6.2 6.3 移动端网店详情页视觉营销设计 移动端网店首页视觉营销设计 认识移动端网店视觉营销 6.4 本章综合实训 案例导入 2019年天猫“双11”全天交易额达到2684亿元，较2018年天猫“双11”成交额增加了549亿，再破历史纪录。其中，APP移动端交易额逐年成倍增长，成为电商消费的主战场。移动电商无论是在我国整体电商行业，还是在我国数字经济时代，都成了不可分割的重要组成部分。 近年来，随着移动互联网的高速发展，人们的生活越来越离不开智能手机，智能手机快速改变着消费者的生活。人们现在外出可以不带钱包，但是不能不带手机。《2020年第45次中国互联网络发展状况统计报告》显示，截至2020年3月，我国手机网民规模达8.97亿人，较2018年年底增长7992万，我国网民使用手机上网的比例达99.3%，较2018年年底提升0.7个百分点。移动端技术的发展极大地刺激了移动端购物平台的发展，如手机淘宝网、蘑菇街等，在这种形势下，许多界面视觉设计师转入移动端设计领域，众多电商、品牌广告主也纷纷推出自己的手机移动端网店或商品销售类网站。 案例导入 移动端网店对卖家来说是重要的流量入口，有的卖家主要依靠手机移动端网店获得流量，所以，移动端网店的视觉营销设计尤为重要。下面两张图是两家手机移动端网店的首页,移动端网店的顶部是店招，其中包含店铺名称、关注、导航菜单等信息；移动端网店底部有全部商品、商品分类、联系客服等信息。 案例导入 以下两图是手机移动端网店的详情页，其中，左图上端显示的是主图视频，并含有商品的标题、优惠券等信息。在详情页的最下面有店铺、客服、收藏等图标，也有“加入购物车”“立即购买”按钮，点击店铺图标，可以直接进入手机移动端网店的首页。 案例导入 通过分析移动端网店，发现手机移动端网店与PC电脑端网店存在一定的区别，PC端网店通常以大夺人眼球，突出卖点信息；而移动端网店装修要简单，所需商品图片数量较少，更加注重细节表达。需要注意的是，移动端描述与PC电脑端描述要保持一致，避免产生消费纠纷与违规事件。 案例思考： 1.移动端网店视觉营销特点与设计原则分别是什么？ 2.移动端网店与PC端网店主要有哪些区别与联系？ 3.如何设计移动端网店的首页与详情页？ 6.1 认识移动端网店视觉营销 7 6.1 认识移动端网店视觉营销 移动端网店视觉营销设计与PC电脑端的视觉营销设计思路基本是一致的，都是为了展示商品，展示店铺与品牌，促进消费，维持店铺的持续发展。 在进行移动端网店视觉营销设计时，一定要考虑到手机移动端的特点与属性，并进行相应的变化与调整。 6.1.1移动端网店营销特点 （1）随身携带方便，可以利用碎片化时间随时随地使用手机浏览网店，不受时间、位置的限制。 （2）浏览快捷，操作简单，只需用手指执行单一操作，即可进行商品信息的浏览，消费者可以在短时间内完成购物，越来越多的客户通过手机购物。 （3）移动端网店属于狭窄视觉展示，整体设计风格首尾呼应，店铺个性化特色突出，容易让消费者对网店产生视觉记忆，形成品牌黏度，增强买家与卖家的黏性。 （4）与PC端网店经常使用深色系的色彩来表现品牌的档次感不同，手机移动端网店显示范围相对集中，过于暗沉的用色会让消费者感到不适。因此，手机淘宝平台统一采用白色作为店铺模板背景色，白纸黑字的组合方式更符合消费者的浏览与阅读习惯。 6.1.2移动端网店视觉营销设计原则 1．移动端网店图片不宜过多过大 移动端网店商品图片展示效果 移动端网店焦点图展示效果 6.1.2 移动端网店视觉营销设计原则 2．移动端网店信息内容简洁 信息简洁的显示效果 将白色作为店铺的背景色 3．移动端网店色彩保持鲜明感 4．移动端网店整体设计风格统一 6.1.3移动端网店与PC端网店的区别与联系 （1）尺寸不同。 移动端网店首页的显示宽度为640像素，而PC端网店的显示宽度一般为950像素。 （2）布局不同。 （3）详情不同。 （4）分类不同。 （5）颜色不同。 大赛直通车——移动端网店视觉营销设计 对移动端网店来说，店招在网店中非常重要，展示店铺的形象和商品定位是店招的主要作用之一。移动端网店的店招设计能够突出网店的特色，并要与店标搭配协调。 在移动端网店中，目前使用最多、最有效的引流和转化是发送优惠券，在设计优惠券的过程中，优惠券的发送方式、营销角度、视觉角度等方面都会与PC端网店有所不同。 移动端商品详情页内容可以与PC端详情页基本一致，但是要注意不同终端的图片比例，同时要保证移动端店铺详情页的完整与独立。在内容完整的前提下，移动端网店的图片不能存在模糊失真或者压缩变形的情况。 $$