第6章 移动端网店视觉营销设计.pptxVIP

第6章 网店首页视觉营销设计《网店视觉营销》——新商科“课、岗、赛、训”新形态一体化规划教材课程组 制作 目录移动端网店详情页视觉营销设计移动端网店首页视觉营销设计认识移动端网店视觉营销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 认识移动端网店视觉营销 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端详情页基本一致，但是要注意不同终端的图片比例，同时要保证移动端店铺详情页的完整与独立。在内容完整的前提下，移动端网店的图片不能存在模糊失真或者压缩变形的情况。 6.2 移动端网店首页视觉营销设计 6.2.