（中职）网点装修学习情境七 手机店铺首页设计课件

1、YCF正版可修改PPT（中职）网点装修学习情境七 手机店铺首页设计ppt课件 2012年，无线端店铺逐渐的走进了我们的生活。经过了几年蓬勃发展，已经成为了电商必争的之地。无线端的浏览量已经呈现与PC端持平甚至超越PC端的趋势。越来越多的顾客都用手机购物的，如果还有人不会手机购物的那么就out了，因此，开设手机店铺，越来越引起店家们的重视。 表7-1 任务单细文档：为本店开设手机店铺，并进行手机店铺装修首页。具体要求：1、结合本店PC端店铺风格装修手机店铺首页，对PC店铺首页进行优化，可更改一些图片2、风格简单大方上档次，让人耳目一新的感觉3、整体美观，简明扼要，逻辑性强，色彩清晰。4、添加优惠

2、劵和产品分类 5、页面必须大气，有品质感，让顾客有信任感任务指派人陈明发出日期12.18完成日期/时间12.30任务名称手机店铺首页设计任务要求有明确细文档（见表7-1下方）列明要求其他：任务用途首页 主题独立页 官方承接页 主图 直通车图 钻展图 详情基础优化 详情深度优化 官方引流图 主题广告图 新品上新 常规活动营销策划主题活动策划 大型活动策划 商品运营策划 其他： 自我检查确认签名组长检查确认签名验收人按要求完成 是 否确认签名1、知识目标2、技能目标手机店铺首页的设计流程能够独立完成手机店铺首页手机店铺首页设计的基础理论知识手机店铺首页的创作方法手机店铺首页规划任务一 图1-1 某

3、化妆品店铺首页 1 图1-2 某化妆品店铺首页21、某化妆品店铺首页 1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。 资讯学习流程计划设计决策任务实施手机店铺首页规划任务一 一、手机店铺的特点 图1-1 某化妆品店铺首页 1 图1-2 某化妆品店铺首页21、某化妆品店铺首页 1，第一感觉是数码电器类店

4、铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。 手机店铺入口主要分三个端口：淘宝APP、天猫APP、WAP端口。就流量而言，三个端口的大小比是：淘宝APPWAP端口天猫APP，淘宝APP更趋向千人千面的实效销售，天猫APP主要体现品牌和时尚个性。资讯学习流程计划设计决策任务实施手机店铺首页规划任务一二、手机店铺装修的原则 图1

5、-1 某化妆品店铺首页 1 图1-2 某化妆品店铺首页21、某化妆品店铺首页 1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。 1、做到极速打开。因手机端流量限制，不能出现商品图片呈现不了的现象。2、文字信息简洁明了，多以图片为主3、设计主题与店铺风格相结合，首尾呼应4、模块和结构划分清晰5、多用鲜亮色

6、彩。手机端因为浏览面积小，视觉受限，如用沉重深色系，会引起买家感官的不悦感。资讯学习流程计划设计决策任务实施手机店铺首页规划任务一三、手机店铺首页设计布局 图1-1 某化妆品店铺首页 1 图1-2 某化妆品店铺首页21、某化妆品店铺首页 1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。 店铺首页由几个部

7、分组成的，主要包括：店铺logo、店招、导航、宝贝罗列区、活动区、优惠券、系统默认模块等等资讯学习流程计划设计决策任务实施手机店铺首页规划任务一三、手机店铺首页设计布局 图1-1 某化妆品店铺首页 1 图1-2 某化妆品店铺首页21、某化妆品店铺首页 1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。 手

8、机店铺首页常用结构总结如表7-2手机店铺首页常用结构内容店招店铺LOGO、主题氛围、店铺定位优惠券优惠信息主推爆款轮播海报展现活动专区1、店内专题活动2、平台促销活动3、会员定向活动品类导航1、品类维度区分2、活动维度区分系统默认模块默认排行榜资讯学习流程计划设计决策任务实施手机店铺首页规划任务一画出PC端店铺首页图筛选出手机店铺首页的架构画出手机店铺的规划图通过对任务的分析及手机店铺首页装修知识的学习，制定手机店铺首页规划计划如下资讯学习流程计划设计决策任务实施手机店铺首页规划任务一PC端店铺首页结构店招优惠券海报品类导航热销商品新品上市手机店铺首页结构内容店招店铺LOGO、主题氛围、店铺定

9、位优惠券优惠信息主推爆款海报轮播海报展现品类导航品类维度区分热销商品宝贝展示新品上市宝贝展示系统默认模块默认排行榜手机店铺首页呈现任务二 图1-1 某化妆品店铺首页 1 图1-2 某化妆品店铺首页21、某化妆品店铺首页 1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。 资讯学习流程计划设计决策任务实施手

10、机店铺首页呈现任务二 图1-1 某化妆品店铺首页 1 图1-2 某化妆品店铺首页21、某化妆品店铺首页 1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。 一、店铺头模块资讯学习流程计划设计决策任务实施手机店铺首页呈现任务二 图1-1 某化妆品店铺首页 1 图1-2 某化妆品店铺首页21、某化妆品店铺首页

11、 1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。 二、宝贝类模块资讯学习流程计划设计决策任务实施手机店铺首页呈现任务二 图1-1 某化妆品店铺首页 1 图1-2 某化妆品店铺首页21、某化妆品店铺首页 1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端

12、反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。 二、宝贝类模块图 7-4双列宝贝展示资讯学习流程计划设计决策任务实施手机店铺首页呈现任务二 图1-1 某化妆品店铺首页 1 图1-2 某化妆品店铺首页21、某化妆品店铺首页 1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品

13、类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。 三、图文类模块资讯学习流程计划设计决策任务实施手机店铺首页呈现任务二 图1-1 某化妆品店铺首页 1 图1-2 某化妆品店铺首页21、某化妆品店铺首页 1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推

14、广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。 三、图文类模块资讯学习流程计划设计决策任务实施手机店铺首页呈现任务二 图1-1 某化妆品店铺首页 1 图1-2 某化妆品店铺首页21、某化妆品店铺首页 1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。 四、营销互动类资讯学习流程计划设计决策

15、任务实施手机店铺首页呈现任务二 图1-1 某化妆品店铺首页 1 图1-2 某化妆品店铺首页21、某化妆品店铺首页 1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。 五、个性化组件资讯学习流程计划设计决策任务实施手机店铺首页呈现任务二 图1-1 某化妆品店铺首页 1 图1-2 某化妆品店铺首页21、某化妆

16、品店铺首页 1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。 确定手机店铺规划图各布局所需制作模块手机店铺首页呈现通过对任务的分析及手机店铺首页装修知识的学习，制定手机店铺首页装修计划如下资讯学习流程计划设计决策任务实施手机店铺首页呈现任务二 图1-1 某化妆品店铺首页 1 图1-2 某化妆品店铺首页2

17、1、某化妆品店铺首页 1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。 手机店铺首页结构所需的制作模块店招店铺头模块优惠券多图模块海报焦点图模块品类导航双列图片模块热销商品单列+双列新品上市单列+双列资讯学习流程计划设计决策任务实施手机店铺首页呈现任务二 图1-1 某化妆品店铺首页 1 图1-2 某化妆

18、品店铺首页21、某化妆品店铺首页 1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。 1、进入无线运营中心资讯学习流程计划设计决策任务实施 图1-1 某化妆品店铺首页 1 图1-2 某化妆品店铺首页21、某化妆品店铺首页 1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样

19、的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。 2、进入手机店铺首页装修手机店铺首页呈现任务二资讯学习流程计划设计决策任务实施 图1-1 某化妆品店铺首页 1 图1-2 某化妆品店铺首页21、某化妆品店铺首页 1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化

20、妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。 3、设置店铺头模块手机店铺首页呈现任务二资讯学习流程计划设计决策任务实施字体的规范任务三 图1-1 某化妆品店铺首页 1 图1-2 某化妆品店铺首页21、某化妆品店铺首页 1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺

21、装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。 4、添加手机店铺首页优惠券资讯学习流程计划设计决策任务实施字体的规范任务三 图1-1 某化妆品店铺首页 1 图1-2 某化妆品店铺首页21、某化妆品店铺首页 1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。 5、依次

22、按照添加手机店铺首页优惠券的方法添加海报、品类导航、热销商品、新品上市等首页模块。资讯学习流程计划设计决策任务实施 图1-1 某化妆品店铺首页 1 图1-2 某化妆品店铺首页21、某化妆品店铺首页 1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。 6、保存手机淘宝店铺首页效果手机店铺首页呈现任务二手机店

23、铺入口主要分三个端口：淘宝的APP、天猫APP、WAP端口。就流量而言，三个端口的大小比是：淘宝APPWAP端口天猫APP，淘宝APP更趋向千人千面的实效销售，天猫APP主要体现品牌和时尚个性要做好手机店铺装修，就不能很生搬硬套PC端的做法，针对无线的特性，手机店铺装修有以下几个原则。1、做到极速打开。因手机端流量限制，不要出现商品图片呈现不了现象。2、文字信息简洁明了，多以图片为主3、设计主题与店铺风格相结合，首尾呼应4、模块和结构划分清晰5、多用鲜亮色彩。 手机店铺首页由几个部分组成的，主要包括：店铺logo、店招、导航、宝贝罗列区、活动区、优惠券、系统默认模块等等。手机店铺首页的装修不同于PC端，不能直接通过代码编写来实现所需的效果 ，而是需要通过添加装修平台提供的各种模块来实现手机店铺首页的装修。手机店铺装修平台模块主要有宝贝类、图文类、营销互动类、个性化组件。实训目的 了解手机店铺首页制作的设计方法及步骤，掌握如何为店名为“三年2班”文体店设计一个