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

PPT模板下载：/moban/行业PPT模板：/hangye/节日PPT模板：/jieri/PPT素材下载：/sucai/PPT背景图片：/beijing/PPT图表下载：/tubiao/优秀PPT下载：/xiazai/PPT教程：/powerpoint/Word教程：/word/Excel教程：/excel/资料下载：/ziliao/PPT课件下载：/kejian/范文下载：/fanwen/试卷下载：/shiti/教案下载：/jiaoan/字体下载：/ziti/（中职）网店装修学习情境七 手机店铺首页设计课件网店装修 情境导入任务单学习目标学习任务情境总结基础训练拓展训练手机店铺首页设计学习情境七学习任务情境总结基础训练拓展训练3 学习目标任务单情境导入学习目标情境导入2012年，无线端店铺逐渐的走进了我们的生活。经过了几年蓬勃发展，已经成为了电商必争的之地。无线端的浏览量已经呈现与PC端持平甚至超越PC端的趋势。越来越多的顾客都用手机购物的，如果还有人不会手机购物的那么就out了，因此，开设手机店铺，越来越引起店家们的重视。学习任务情境总结基础训练拓展训练4 学习目标任务单情境导入学习目标任务单 表7-1 任务单细文档：为本店开设手机店铺，并进行手机店铺装修首页。具体要求：1、结合本店PC端店铺风格装修手机店铺首页，对PC店铺首页进行优化，可更改一些图片2、风格简单大方上档次，让人耳目一新的感觉3、整体美观，简明扼要，逻辑性强，色彩清晰。4、添加优惠劵和产品分类 5、页面必须大气，有品质感，让顾客有信任感任任务指派人指派人陈明明发出日期出日期12.18完成日期/时间12.30任任务名称名称手机店铺首页设计任任务要求要求有明确细文档（见表7-1下方）列明要求其他：任任务用途用途首页主题独立页官方承接页主图直通车图钻展图详情基础优化详情深度优化官方引流图主题广告图新品上新常规活动营销策划主题活动策划大型活动策划商品运营策划其他：自我自我检查确认签名组长检查确认签名验收人收人按要求完成是否确认签名学习任务情境总结基础训练拓展训练5 学习目标任务单情境导入学习目标学习目标1、知识目标知识目标2、技能目标技能目标手机店铺首页的设计流程能够独立完成手机店铺首页手机店铺首页设计的基础理论知识手机店铺首页的创作方法学习任务情境总结基础训练拓展训练6 学习目标任务单情境导入学习目标学习任务手机店铺首页规划任务一图1-1某化妆品店铺首页1图1-2某化妆品店铺首页21、某化妆品店铺首页1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。学习任务情境总结基础训练拓展训练7 学习目标任务单情境导入学习目标学习任务资讯学习流程计划设计决策任务实施手机店铺首页规划任务一 一、手机店铺的特点 图1-1某化妆品店铺首页1图1-2某化妆品店铺首页21、某化妆品店铺首页1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。手机店铺入口主要分三个端口：淘宝APP、天猫APP、WAP端口。就流量而言，三个端口的大小比是：淘宝APPWAP端口天猫APP，淘宝APP更趋向千人千面的实效销售，天猫APP主要体现品牌和时尚个性。学习任务情境总结基础训练拓展训练8 学习目标任务单情境导入学习目标学习任务资讯学习流程计划设计决策任务实施手机店铺首页规划任务一二、手机店铺装修的原则图1-1某化妆品店铺首页1图1-2某化妆品店铺首页21、某化妆品店铺首页1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。1、做到极速打开。因手机端流量限制，不能出现商品图片呈现不了的现象。2、文字信息简洁明了，多以图片为主3、设计主题与店铺风格相结合，首尾呼应4、模块和结构划分清晰5、多用鲜亮色彩。手机端因为浏览面积小，视觉受限，如用沉重深色系，会引起买家感官的不悦感。学习任务情境总结基础训练拓展训练9 学习目标任务单情境导入学习目标学习任务资讯学习流程计划设计决策任务实施手机店铺首页规划任务一三、手机店铺首页设计布局图1-1某化妆品店铺首页1图1-2某化妆品店铺首页21、某化妆品店铺首页1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。店铺首页由几个部分组成的，主要包括：店铺logo、店招、导航、宝贝罗列区、活动区、优惠券、系统默认模块等等学习任务情境总结基础训练拓展训练10 学习目标任务单情境导入学习目标学习任务资讯学习流程计划设计决策任务实施手机店铺首页规划任务一三、手机店铺首页设计布局图1-1某化妆品店铺首页1图1-2某化妆品店铺首页21、某化妆品店铺首页1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。手机店铺首页常用结构总结如表7-2手机店手机店铺首首页常常用用结构构内容内容店招店招店铺LOGO、主题氛围、店铺定位优惠券惠券优惠信息主推爆款主推爆款轮播海报展现活活动专区区1、店内专题活动2、平台促销活动3、会员定向活动品品类导航航1、品类维度区分2、活动维度区分系系统默默认模模块默认排行榜学习任务情境总结基础训练拓展训练11 学习目标任务单情境导入学习目标学习任务资讯学习流程计划设计决策任务实施手机店铺首页规划任务一画出PC端店铺首页图筛选出手机店铺首页的架构画出手机店铺的规划图通过对任务的分析及手机店铺首页装修知识的学习，制定手机店铺首页规划计划如下学习任务情境总结基础训练拓展训练12 学习目标任务单情境导入学习目标学习任务资讯学习流程计划设计决策任务实施手机店铺首页规划任务一PC端店端店铺首首页结构构店招店招优惠券惠券海海报品品类导航航热销商品商品新品上市新品上市手机店手机店铺首首页结构构内容内容店招店招店铺LOGO、主题氛围、店铺定位优惠券惠券优惠信息主推爆款海主推爆款海报轮播海报展现品品类导航航品类维度区分热销商品商品宝贝展示新品上市新品上市宝贝展示系系统默默认模模块默认排行榜学习任务情境总结基础训练拓展训练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，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。二、宝贝类模块学习任务情境总结基础训练拓展训练16 学习目标任务单情境导入学习目标学习任务资讯学习流程计划设计决策任务实施手机店铺首页呈现任务二图1-1某化妆品店铺首页1图1-2某化妆品店铺首页21、某化妆品店铺首页1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。二、宝贝类模块图 7-4双列宝贝展示学习任务情境总结基础训练拓展训练17 学习目标任务单情境导入学习目标学习任务资讯学习流程计划设计决策任务实施手机店铺首页呈现任务二图1-1某化妆品店铺首页1图1-2某化妆品店铺首页21、某化妆品店铺首页1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。三、图文类模块学习任务情境总结基础训练拓展训练18 学习目标任务单情境导入学习目标学习任务资讯学习流程计划设计决策任务实施手机店铺首页呈现任务二图1-1某化妆品店铺首页1图1-2某化妆品店铺首页21、某化妆品店铺首页1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。三、图文类模块学习任务情境总结基础训练拓展训练19 学习目标任务单情境导入学习目标学习任务资讯学习流程计划设计决策任务实施手机店铺首页呈现任务二图1-1某化妆品店铺首页1图1-2某化妆品店铺首页21、某化妆品店铺首页1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。四、营销互动类学习任务情境总结基础训练拓展训练20 学习目标任务单情境导入学习目标学习任务资讯学习流程计划设计决策任务实施手机店铺首页呈现任务二图1-1某化妆品店铺首页1图1-2某化妆品店铺首页21、某化妆品店铺首页1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。五、个性化组件学习任务情境总结基础训练拓展训练21 学习目标任务单情境导入学习目标学习任务资讯学习流程计划设计决策任务实施手机店铺首页呈现任务二图1-1某化妆品店铺首页1图1-2某化妆品店铺首页21、某化妆品店铺首页1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。确定手机店铺规划图各布局所需制作模块手机店铺首页呈现通过对任务的分析及手机店铺首页装修知识的学习，制定手机店铺首页装修计划如下学习任务情境总结基础训练拓展训练22 学习目标任务单情境导入学习目标学习任务资讯学习流程计划设计决策任务实施手机店铺首页呈现任务二图1-1某化妆品店铺首页1图1-2某化妆品店铺首页21、某化妆品店铺首页1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。手机店手机店铺首首页结构构所需的制作模所需的制作模块店招店招店铺头模块优惠券惠券多图模块海海报焦点图模块品品类导航航双列图片模块热销商品商品单列+双列新品上市新品上市单列+双列学习任务情境总结基础训练拓展训练23 学习目标任务单情境导入学习目标学习任务资讯学习流程计划设计决策任务实施手机店铺首页呈现任务二图1-1某化妆品店铺首页1图1-2某化妆品店铺首页21、某化妆品店铺首页1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。1、进入无线运营中心学习任务情境总结基础训练拓展训练24 学习目标任务单情境导入学习目标学习任务资讯学习流程计划设计决策任务实施图1-1某化妆品店铺首页1图1-2某化妆品店铺首页21、某化妆品店铺首页1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。2、进入手机店铺首页装修手机店铺首页呈现任务二学习任务情境总结基础训练拓展训练25 学习目标任务单情境导入学习目标学习任务资讯学习流程计划设计决策任务实施图1-1某化妆品店铺首页1图1-2某化妆品店铺首页21、某化妆品店铺首页1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。3、设置店铺头模块手机店铺首页呈现任务二学习任务情境总结基础训练拓展训练26 学习目标任务单情境导入学习目标学习任务资讯学习流程计划设计决策任务实施字体的规范任务三图1-1某化妆品店铺首页1图1-2某化妆品店铺首页21、某化妆品店铺首页1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。4、添加手机店铺首页优惠券学习任务情境总结基础训练拓展训练27 学习目标任务单情境导入学习目标学习任务资讯学习流程计划设计决策任务实施字体的规范任务三图1-1某化妆品店铺首页1图1-2某化妆品店铺首页21、某化妆品店铺首页1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。5、依次按照添加手机店铺首页优惠券的方法添加海报、品类导航、热销商品、新品上市等首页模块。学习任务情境总结基础训练拓展训练28 学习目标任务单情境导入学习目标学习任务资讯学习流程计划设计决策任务实施图1-1某化妆品店铺首页1图1-2某化妆品店铺首页21、某化妆品店铺首页1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。6、保存手机淘宝店铺首页效果手机店铺首页呈现任务二学习任务情境总结基础训练拓展训练29 学习目标任务单情境导入学习目标情境总结手机店铺入口主要分三个端口：淘宝的APP、天猫APP、WAP端口。就流量而言，三个端口的大小比是：淘宝APPWAP端口天猫APP，淘宝APP更趋向千人千面的实效销售，天猫APP主要体现品牌和时尚个性要做好手机店铺装修，就不能很生搬硬套PC端的做法，针对无线的特性，手机店铺装修有以下几个原则。1、做到极速打开。因手机端流量限制，不要出现商品图片呈现不了现象。2、文字信息简洁明了，多以图片为主3、设计主题与店铺风格相结合，首尾呼应4、模块和结构划分清晰5、多用鲜亮色彩。手机店铺首页由几个部分组成的，主要包括：店铺logo、店招、导航、宝贝罗列区、活动区、优惠券、系统默认模块等等。手机店铺首页的装修不同于PC端，不能直接通过代码编写来实现所需的效果，而是需要通过添加装修平台提供的各种模块来实现手机店铺首页的装修。手机店铺装修平台模块主要有宝贝类、图文类、营销互动类、个性化组件。学习任务情境总结基础训练拓展训练30 学习目标任务单情境导入学习目标基础训练实训目的了解手机店铺首页制作的设计方法及步骤，掌握如何为店名为“三年2班”文体店设计一个手机店铺首页。实训准备组队：以小组为单位，4-6人一组，并选出一名组长，分配好组员的工作。素材：商品图片若干，见基础训练素材实训任务请从手机店铺规划、手机店铺布局所需模块等方面入手为“三年2班”文具店呈现手机店铺首页。实训实训店铺视觉规范店铺视觉规范实训步骤（1）画出“三年2班”PC端店铺首页图（2）筛选出手机店铺的规划图（3）确定手机店铺所需的制作模块手机店铺首页呈现学习任务情境总结基础训练拓展训练31 学习目标任务单情境导入学习目标基础训练PC端店端店铺首首页框架框架图手机店手机店铺首首页结构构图任务实施（1）画出“三年2班”PC端店铺首页图（2）筛选出手机店铺的规划图（3）确定手机店铺所需的制作模块（4）手机店铺首页呈现所需的制作模所需的制作模块学习任务情境总结基础训练拓展训练32 学习目标任务单情境导入学习目标基础训练过程评价评价指价指标等等级评价价说明明小小组评分分教教 师评分分自自主主学学习能能力力优秀能够拓展相关知识，并通过新颖独特的形式加以展示良好以课本为依据，能够对设计的知识进行总结合格掌握基础知识点沟沟通通合合作作能能力力优秀具有较强的自学能力，能够主动提出问题，思考问题良好积极参与学习活动合格能够独立完成自己的工作任务分分析析问题能能力力优秀能够主动提出问题并寻找解决问题的方法良好思路清晰，表达准确合格思维不够活跃，但能解决基本问题学习任务情境总结基础训练拓展训练33 学习目标任务单情境导入学习目标基础训练作品评价评 价价 指指标等等级评价价说明明小小 组评分分教教师评分分首首 页 模模块优秀手机店铺模块应用有设计特色良好手机店铺模块应用合理合格手机店铺模块应用正确版版 面面 设计优秀主题突出醒目，有突出重点的主题位置和空间，空间布局新颖，能够吸引受众的注意力良好图文设计创新，有视觉冲击力合格版面布局合理色色 彩彩 应用用优秀色彩应用符合主题的视觉识别要求良好色彩和谐，有视觉冲击类合格色彩基本能被受众接受制制 作作 技技术优秀文件尺寸符合店铺需要，图像制作精美，在制作过程中对软件善于加以利用良好图像制作精美，软件操作准确熟练合格图像制作基本能满足用户的需求手手 机机 店店铺 首首 页创意意优秀逻辑性强，有品质感，让顾客信任良好整体有一定逻辑性合格整体美观学习任务情境总结基础训练拓展训练34 学习目标任务单情境导入学习目标拓展训练通过对本情境的学习，请你为自己的店铺设计手机店铺首页。