天猫网店美工教程-项目10-无线店铺装修设计课件

项目10无线店铺装修设计淘宝天猫网店美工实战教程项目10无线店铺装修设计淘宝天猫网店美工实战教程任务1

|了解无线店铺装修要点内容导航任务2

|无线端首页装修任务3

|使用“淘宝神笔”模板制作详情页课后练习任务4

|自定义页面装修任务1|了解无线店铺装修要点内容导航任务2|任务1

|了解无线店铺装修要点一、任务描述

手机店铺装修的原理与电脑端的原理相同，富有视觉冲击力的店铺更能吸引顾客的注意力，留住顾客在店铺中驻足的时间。前面讲解了电脑端店铺的相关知识，那么手机店铺装修与电脑端店铺装修究竟有何不同呢？本任务将从尺寸、布局、详情、分类和颜色方面对

“妖精口袋”天猫店铺电脑端与手机端页面进行对比，帮助用户了解两者的区别，以便能合理的进行无线端店铺的装修设计。任务1|了解无线店铺装修要点一、任务描述任务1

|了解无线店铺装修要点（一）无线店铺装修的潮流趋势二、相关知识

随着无线互联网的发展，使用移动设备逛网店成为一种新的潮流趋势，因为其体积、屏幕等特点的缘故更为灵活、方便，顾客可随时随地进行购物。为此，淘宝APP、天猫APP、WAP端口等针对访问无线店铺的端口应运而生。根据互联网数据中心显示，人们通过移动设备访问Web的数量不断上升，特别是在节假日期间，远远超过了电脑端，店铺中很大一部分的流量都来自于无线端，因此对无线店铺的装修对于任何一个电商卖家都变得尤为重要。任务1|了解无线店铺装修要点（一）无线店铺装修的潮任务1

|了解无线店铺装修要点（二）无线端店铺的装修要点目标明确，内容简洁图片不要太大页面色调简洁而统一颜色不宜太暗淡重视首页的视觉传达任务1|了解无线店铺装修要点（二）无线端店铺的装修任务1

|了解无线店铺装修要点三、任务实施1、布局对比2、详情对比任务1|了解无线店铺装修要点三、任务实施1、布局对任务1

|了解无线店铺装修要点3、分类对比4、用色对比任务1|了解无线店铺装修要点3、分类对比4、用色对比任务1

|了解无线店铺装修要点四、新手试练任务1|了解无线店铺装修要点四、新手试练任务1

|了解无线店铺装修要点内容导航任务2

|无线端首页装修任务3

|使用“淘宝神笔”模板制作详情页课后练习任务4

|自定义页面装修任务1|了解无线店铺装修要点内容导航任务2|任务2

|无线端首页装修一、任务描述本任务将主要从店招、焦点图、优惠券、分类、宝贝列表来搭建首页框架，从精炼、主次分明、主题明确的角度进行首页的设计，由于制作是具有民族特色的中国风美食店铺的首页，因此需应用一些具有民族特色的图纹、房子、灯笼元素。任务2|无线端首页装修一、任务描述任务2

|无线端首页装修二、相关知识（一）无线端装修入口及后台操作

登陆淘宝账号，进入卖家中心，选择手机店铺装修或直接进入无线运营中心，即可进入无线店铺的后台装修页面。依次点击“立即装修”和“店铺装修”超链接，选择店铺首页，进入店铺首页装修页面，可看到淘宝提供了宝贝分类、图文类模块、营销互动类和智能类模块任务2|无线端首页装修二、相关知识（一）无线端装任务2

|无线端首页装修

从整体内容上看，无线淘宝店铺首页必须承载8大内容，包括店招、会员分享、宝贝、分类、活动、形象、优惠券和微淘。（二）认识手机端首页的模块组成任务2|无线端首页装修从整体内容上任务2

|无线端首页装修注重感官的习惯性与舒适性合理控制页面的长度页面整体内容的把握（四）无线店铺首页的装修注意事项与电脑端的视觉统一任务2|无线端首页装修注重感官的习惯性与舒适性合理控任务2

|无线端首页装修三、任务实施1、搭建背景图片2、设置图层混合模式（一）手机端店招设计任务2|无线端首页装修三、任务实施1、搭建背景图片任务2

|无线端首页装修3、绘制与复制圆4、输入文本5、输入文本6、手机端店招最终效果任务2|无线端首页装修3、绘制与复制圆4、输入文本5任务2

|无线端首页装修1、添加素材2、添加投影（二）手机端焦点图设计任务2|无线端首页装修1、添加素材2、添加投影（二）任务2

|无线端首页装修3、输入文本4、调整文本笔刷样式任务2|无线端首页装修3、输入文本4、调整文本笔刷样任务2

|无线端首页装修1、绘制圆角矩形2、设置图层混合模式（三）优惠券的设计任务2|无线端首页装修1、绘制圆角矩形2、设置图层混任务2

|无线端首页装修3、涂抹镯子4、输入文本任务2|无线端首页装修3、涂抹镯子4、输入文本任务2

|无线端首页装修5、涂抹镯子6、输入文本任务2|无线端首页装修5、涂抹镯子6、输入文本任务2

|无线端首页装修1、文字变形2、添加光影（四）分类导航的设计与装修任务2|无线端首页装修1、文字变形2、添加光影（四）任务2

|无线端首页装修3、新建组4、最终效果任务2|无线端首页装修3、新建组4、最终效果任务2

|无线端首页装修1、绘制圆角矩形2、添加画笔图案（五）宝贝列表图的设计任务2|无线端首页装修1、绘制圆角矩形2、添加画笔图任务2

|无线端首页装修3、添加素材4、添加标签任务2|无线端首页装修3、添加素材4、添加标签任务2

|无线端首页装修5、添加价格信息6、制作“低价特卖”标题任务2|无线端首页装修5、添加价格信息6、制作“低价任务2

|无线端首页装修7、绘制图形8、添加文本任务2|无线端首页装修7、绘制图形8、添加文本任务2

|无线端首页装修四、新手试练任务2|无线端首页装修四、新手试练任务1

|了解无线店铺装修要点内容导航任务2

|无线端首页装修任务3

|使用“淘宝神笔”模板制作详情页课后练习任务4

|自定义页面装修任务1|了解无线店铺装修要点内容导航任务2|任务3

|使用“淘宝神笔”模板制作详情一、任务描述本任务将使用“淘宝神笔”制作女包的详情页，制作时将使用到编辑模块的一些操作，如替换模块的图片，更改文本、添加模块、删除模块、移动模块等。任务3|使用“淘宝神笔”模板制作详情一、任务描述任务3

|使用“淘宝神笔”模板制作详情二、相关知识（一）无线端详情页的特征尺寸更小卖点应该更加精炼场景更加丰富页面切换不便▪页面文件的容量更小任务3|使用“淘宝神笔”模板制作详情二、相关知识（任务3

|使用“淘宝神笔”模板制作详情（二）无线端详情页设计的要点图片设计要点

文字设计要点宝贝重点的设计任务3|使用“淘宝神笔”模板制作详情（二）无线端详任务3

|使用“淘宝神笔”模板制作详情三、任务实施1、使用神笔模板编辑2、购买新模板任务3|使用“淘宝神笔”模板制作详情三、任务实施1任务3

|使用“淘宝神笔”模板制作详情3、选择模板4、使用模板任务3|使用“淘宝神笔”模板制作详情3、选择模板4、任务3

|使用“淘宝神笔”模板制作详情5、查看模板的各个模块6、制作符合模板要求的焦点图任务3|使用“淘宝神笔”模板制作详情5、查看模板的各任务3

|使用“淘宝神笔”模板制作详情7、替换模板中图片8、修改文本任务3|使用“淘宝神笔”模板制作详情7、替换模板中图任务3

|使用“淘宝神笔”模板制作详情9、替换模板中图片10、添加模块任务3|使用“淘宝神笔”模板制作详情9、替换模板中图任务3

|使用“淘宝神笔”模板制作详情11、替换模板中图片12、添加模块任务3|使用“淘宝神笔”模板制作详情11、替换模板中任务3

|使用“淘宝神笔”模板制作详情四、新手试练任务3|使用“淘宝神笔”模板制作详情四、新手试练任务1

|了解无线店铺装修要点内容导航任务2

|无线端首页装修任务3

|使用“淘宝神笔”模板制作详情页课后练习任务4

|自定义页面装修任务1|了解无线店铺装修要点内容导航任务2|任务4

|自定义页面装修一、任务描述本任务首先将自定义屏幕底部的菜单为“宝贝分类、店铺活动、会员活动”，再新建名为“店铺活动”的页面。任务4|自定义页面装修一、任务描述任务4

|自定义页面装修二、相关知识尽管淘宝本身为卖家提供了一些自定义区放置的模块，但是很多的卖家都在用这些模块，导致页面千篇一律，所以功能性并不是很明显。此时，对追求个性、拓展销路的卖家而言，可以通过自定义页面发挥创意，在推荐店铺和商品的同时，展示店铺独特。需要注意的是，要想将自定义页面的功能发挥的淋漓精致，自定义页面需要展示一些顾客关心的内容。任务4|自定义页面装修二、相关知识任务4

|自定义页面装修三、任务实施1、自定义菜单2、输入模板名称（一）自定义菜单任务4|自定义页面装修三、任务实施1、自定义菜单2任务4

|自定义页面装修4、添加其他子菜单3、添加分类项目5、添加子菜单的效果任务4|自定义页面装修4、添加其他子菜单3、添加分类任务4

|自定义页面装修1、新建页面2、输入新建页面的名称（二）自定义页面任务4|自定义页面装修1、新建页面2、输入新建页面的任务4

|自定义页面装修3、编辑自定义的页面4、装修“会员活动”页面任务4|自定义页面装修3、编辑自定义的页面4、装修“任务4

|自定义页面装修3、装修“会员活动”页面后的效果任务4|自定义页面装修3、装修“会员活动”页面后的效任务4

|自定义页面装修四、新手试练任务4|自定义页面装修四、新手试练任务一|了解无线店铺装修要点内容导航任务二|无线端首页装修任务三|使用“淘宝神笔”模板制作详情页课后练习任务四|自定义页面装修任务一|了解无线店铺装修要点内容导航任务二|实战训练（1）为婴儿奶粉店铺新建大小为640×200像素，名为“奶粉店店招”的无线端店标图像，在制作时首先通过填充背景绘制卡通云朵与彩虹等元素，制作符合儿童可爱形象的梦幻背景，然后导入素材，最后添加文本完成店招的制作。实战训练（1）为婴儿奶粉店铺新建大小为640×2实战训练（2）本练习将利用搜集的素材制作无线端棉袜的详情页，根据棉袜的风格，采用白色和深绿色作为店铺的主色调，符合袜子小清新的味道，对面料、生产工艺、细节亮点进行详细描述，促进客户消费。实战训练（2）本练习将利用搜集的素材制作无线端棉谢谢观看无线店铺装修设计谢谢观看无线店铺装修设计项目10无线店铺装修设计淘宝天猫网店美工实战教程项目10无线店铺装修设计淘宝天猫网店美工实战教程任务1

|了解无线店铺装修要点内容导航任务2

|无线端首页装修任务3

|使用“淘宝神笔”模板制作详情页课后练习任务4

|自定义页面装修任务1|了解无线店铺装修要点内容导航任务2|任务1

|了解无线店铺装修要点一、任务描述

手机店铺装修的原理与电脑端的原理相同，富有视觉冲击力的店铺更能吸引顾客的注意力，留住顾客在店铺中驻足的时间。前面讲解了电脑端店铺的相关知识，那么手机店铺装修与电脑端店铺装修究竟有何不同呢？本任务将从尺寸、布局、详情、分类和颜色方面对

“妖精口袋”天猫店铺电脑端与手机端页面进行对比，帮助用户了解两者的区别，以便能合理的进行无线端店铺的装修设计。任务1|了解无线店铺装修要点一、任务描述任务1

|了解无线店铺装修要点（一）无线店铺装修的潮流趋势二、相关知识

随着无线互联网的发展，使用移动设备逛网店成为一种新的潮流趋势，因为其体积、屏幕等特点的缘故更为灵活、方便，顾客可随时随地进行购物。为此，淘宝APP、天猫APP、WAP端口等针对访问无线店铺的端口应运而生。根据互联网数据中心显示，人们通过移动设备访问Web的数量不断上升，特别是在节假日期间，远远超过了电脑端，店铺中很大一部分的流量都来自于无线端，因此对无线店铺的装修对于任何一个电商卖家都变得尤为重要。任务1|了解无线店铺装修要点（一）无线店铺装修的潮任务1

|了解无线店铺装修要点（二）无线端店铺的装修要点目标明确，内容简洁图片不要太大页面色调简洁而统一颜色不宜太暗淡重视首页的视觉传达任务1|了解无线店铺装修要点（二）无线端店铺的装修任务1

|了解无线店铺装修要点三、任务实施1、布局对比2、详情对比任务1|了解无线店铺装修要点三、任务实施1、布局对任务1

|了解无线店铺装修要点3、分类对比4、用色对比任务1|了解无线店铺装修要点3、分类对比4、用色对比任务1

|了解无线店铺装修要点四、新手试练任务1|了解无线店铺装修要点四、新手试练任务1

|了解无线店铺装修要点内容导航任务2

|无线端首页装修任务3

|使用“淘宝神笔”模板制作详情页课后练习任务4

|自定义页面装修任务1|了解无线店铺装修要点内容导航任务2|任务2

|无线端首页装修一、任务描述本任务将主要从店招、焦点图、优惠券、分类、宝贝列表来搭建首页框架，从精炼、主次分明、主题明确的角度进行首页的设计，由于制作是具有民族特色的中国风美食店铺的首页，因此需应用一些具有民族特色的图纹、房子、灯笼元素。任务2|无线端首页装修一、任务描述任务2

|无线端首页装修二、相关知识（一）无线端装修入口及后台操作

登陆淘宝账号，进入卖家中心，选择手机店铺装修或直接进入无线运营中心，即可进入无线店铺的后台装修页面。依次点击“立即装修”和“店铺装修”超链接，选择店铺首页，进入店铺首页装修页面，可看到淘宝提供了宝贝分类、图文类模块、营销互动类和智能类模块任务2|无线端首页装修二、相关知识（一）无线端装任务2

|无线端首页装修

从整体内容上看，无线淘宝店铺首页必须承载8大内容，包括店招、会员分享、宝贝、分类、活动、形象、优惠券和微淘。（二）认识手机端首页的模块组成任务2|无线端首页装修从整体内容上任务2

|无线端首页装修注重感官的习惯性与舒适性合理控制页面的长度页面整体内容的把握（四）无线店铺首页的装修注意事项与电脑端的视觉统一任务2|无线端首页装修注重感官的习惯性与舒适性合理控任务2

|无线端首页装修三、任务实施1、搭建背景图片2、设置图层混合模式（一）手机端店招设计任务2|无线端首页装修三、任务实施1、搭建背景图片任务2

|无线端首页装修3、绘制与复制圆4、输入文本5、输入文本6、手机端店招最终效果任务2|无线端首页装修3、绘制与复制圆4、输入文本5任务2

|无线端首页装修1、添加素材2、添加投影（二）手机端焦点图设计任务2|无线端首页装修1、添加素材2、添加投影（二）任务2

|无线端首页装修3、输入文本4、调整文本笔刷样式任务2|无线端首页装修3、输入文本4、调整文本笔刷样任务2

|无线端首页装修1、绘制圆角矩形2、设置图层混合模式（三）优惠券的设计任务2|无线端首页装修1、绘制圆角矩形2、设置图层混任务2

|无线端首页装修3、涂抹镯子4、输入文本任务2|无线端首页装修3、涂抹镯子4、输入文本任务2

|无线端首页装修5、涂抹镯子6、输入文本任务2|无线端首页装修5、涂抹镯子6、输入文本任务2

|无线端首页装修1、文字变形2、添加光影（四）分类导航的设计与装修任务2|无线端首页装修1、文字变形2、添加光影（四）任务2

|无线端首页装修3、新建组4、最终效果任务2|无线端首页装修3、新建组4、最终效果任务2

|无线端首页装修1、绘制圆角矩形2、添加画笔图案（五）宝贝列表图的设计任务2|无线端首页装修1、绘制圆角矩形2、添加画笔图任务2

|无线端首页装修3、添加素材4、添加标签任务2|无线端首页装修3、添加素材4、添加标签任务2

|无线端首页装修5、添加价格信息6、制作“低价特卖”标题任务2|无线端首页装修5、添加价格信息6、制作“低价任务2

|无线端首页装修7、绘制图形8、添加文本任务2|无线端首页装修7、绘制图形8、添加文本任务2

|无线端首页装修四、新手试练任务2|无线端首页装修四、新手试练任务1

|了解无线店铺装修要点内容导航任务2

|无线端首页装修任务3

|使用“淘宝神笔”模板制作详情页课后练习任务4

|自定义页面装修任务1|了解无线店铺装修要点内容导航任务2|任务3

|使用“淘宝神笔”模板制作详情一、任务描述本任务将使用“淘宝神笔”制作女包的详情页，制作时将使用到编辑模块的一些操作，如替换模块的图片，更改文本、添加模块、删除模块、移动模块等。任务3|使用“淘宝神笔”模板制作详情一、任务描述任务3

|使用“淘宝神笔”模板制作详情二、相关知识（一）无线端详情页的特征尺寸更小卖点应该更加精炼场景更加丰富页面切换不便▪页面文件的容量更小任务3|使用“淘宝神笔”模板制作详情二、相关知识（任务3

|使用“淘宝神笔”模板制作详情（二）无线端详情页设计的要点图片设计要点

文字设计要点宝贝重点的设计任务3|使用“淘宝神笔”模板制作详情（二）无线端详任务3

|使用“淘宝神笔”模板制作详情三、任务实施1、使用神笔模板编辑2、购买新模板任务3|使用“淘宝神笔”模板制作详情三、任务实施1任务3

|使用“淘宝神笔”模板制作详情3、选择模板4、使用模板任务3|使用“淘宝神笔”模板制作详情3、选择模板4、任务3

|使用“淘宝神笔”模板制作详情5、查看模板的各个模块6、制作符合模板要求的焦点图任务3|使用“淘宝神笔”模板制作详情5、查看模板的各任务3

|使用“淘宝神笔”模板制作详情7、替换模板中图片8、修改文本任务3|使用“淘宝神笔”模板制作详情7、替换模板中图任务3

|使用“淘宝神笔”模板制作详情9、替换模板中图片10、添加模块任务3|使用“淘宝神笔”模板制作详情9、替换模板中图任务3

|使用“淘宝神笔”模板制作详情11、替换模板中图片12、添加模块任务3|使用“淘宝神笔”模板制作详情11、替换模板中任务3

|使用“淘宝神笔”模板制作详情四、新手试练任务3|使用“淘宝神笔”模板制作详情四、新手试练任务1

|了解无线店铺装修要点内容导航任务2

|无线端首页装修任务3

|使用“淘宝神笔”模板制作详情页课后练习任务4

|自定义页面装修任务1|了解无线店铺装修要点内容导航任务2|任务4

|自定义页面装修一、任务描述本任务首先将自定义屏幕底部的菜单为“宝贝分类、店铺活动、会员活动”，再新建名为“店铺活动”的页面。任务4|自定义页面装修一、任务描述任务4

|自定义页面装修二、相关知识尽管淘宝本身为卖家