10.1.2 无线端店铺的装修要点
4
目标明确，内容简洁
图片不要太大
页面色调简洁而统一 颜色不宜太暗淡
重视首页的视觉传达
10.1.3 无线端店铺与电脑端店铺对比分析
5
手机店铺装修的原理与电脑端的原理相同，富有 视觉冲击力的店铺更能吸引顾客的注意力，留住顾客 在店铺中驻足的时间。前面讲解了电脑端店铺的相关
10.2.7 优惠券制作实战
21
1、绘制圆角矩形
2、设置图层混合模式
10.2.7 优惠券制作实战
22
3、涂抹镯子
4、输入文本
10.2.7 优惠券制作实战
23
5、涂抹镯子
6、输入文本
10.2.8 分类导航的设计与装修实战
24
下面通过中国风的房屋样式，以 及灯笼形状制作具有特色的美食分 类图，制作时需要对颜色进行把握， 制作后的效果如图所示。
10.2 无线端首页装修 10.3 使用“淘宝神笔”模板制作详情页 10.4 自定义页面装修 扩展阅读 高手进阶
10.2.1 无线端装修入口及后台操作
10
登陆淘宝账号，进入卖家中心，选择手机店铺装 修或直接进入无线运营中心，即可进入无线店铺的后 台装修页面。依次点击“立即装修”和“店铺装修” 超链接，选择店铺首页，进入店铺首页装修页面，可
10.2.8 分类导航的设计与装修实战
25
1、文字变形
2、添加光影
10.2.8 分类导航的设计与装修实战
26
3、新建组
4、最终效果
10.2.9 宝贝列表图制作实战
27
下面制作“精品上新”与“低价特卖”栏的宝贝列表图，其效果如图所示。
10.2.9 宝贝列表图制作实战
28
1、绘制圆角矩形
2、添加画笔图案
左文右图模块
套餐搭配模块
文本模块
宝贝模块
底部自定义导 航模块
微淘
10.2.4 无线店铺首页的装修注意事项
13
注重感官的习惯性与舒适性
合理控制页面的长度
页面整体内容的把握
与电脑端的视觉统一
10.2.5 手机端店招制作实战
14
下面将制作具有中国特色的小吃店铺的手机端店招，在制作时，由于左侧需要添加店标和店 名，因此左侧不宜放置文案，制作时为了突出中国风，将添加一些图章、图纹元素，效果如图所示。
知识，那么手机店铺装修与电脑端店铺装修究竟有何
不同呢？本任务将从尺寸、布局、详情、分类和颜色 方面对 “妖精口袋”天猫店铺电脑端与手机端页面进
行对比，帮助用户了解两者的区别，以便能合理的进
行无线端店铺的装修设计。
10.1.3 无线端店铺与电脑端店铺对比分析
6
1、布局对比
2、详情对比
10.1.3 无线端店铺与电脑端店铺对比分析
10.3.1 无线端详情页的特征
34
尺寸更小
卖点应该更加精炼
场景更加丰富 页面切换不便 ▪页面文件的容量更小
10.3.2 无线端详情页设计的要点
10.2.5 手机端店招制作实战
15
1、搭建背景图片
2、设置图层混合模式
10.2.5 手机端店招制作实战
16
3、绘制与复制圆
4、输入文本
5、输入文本
6、手机端店招最终效果
10.2.6 手机端焦点图制作实战
17
在设计手机焦点图时，由于屏幕 尺寸较小，因此在构图方式和文本 设计方面都要求简洁，下面将采用 上下式结构为美食制作焦点图，如 图所示为制作的效果
看到淘宝提供了宝贝分类、图文类模块、营销互动类
和智能类模块
10.2.2 认识手机端首页的模块Fra bibliotek成11
从整体内容上看，无线淘宝店铺首页必 须承载8大内容，包括店招、会员分享、宝贝、 分类、活动、形象、优惠券和微淘。
10.2.3 认识手机端首页模块的特点与装修要点
12
店招
店铺标题模块
焦点图模块
优惠券模块
第10章
无线店铺装修设计
淘宝天猫网店美工全能一本通——配色、抠图、装修、无线店铺（视频指导版）
内容导航
10.1 了解无线店铺装修要点
10.2 无线端首页装修 10.3 使用“淘宝神笔”模板制作详情页 10.4 自定义页面装修 扩展阅读 高手进阶
10.1.1 无线店铺装修的潮流趋势
3
随着无线互联网的发展，使用移动设备逛网店成为一种新的潮流趋势，因为其体积、
10.2.9 宝贝列表图制作实战
29
3、添加素材
4、添加标签
10.2.9 宝贝列表图制作实战
30
5、添加价格信息
6、制作“低价特卖”标题
10.2.9 宝贝列表图制作实战
31
7、绘制图形
8、添加文本
新手试练
32
制作首页时，需要根据宝贝特色、宝贝功能、设计师喜好来确定店铺的风格，店铺的颜色、 元素搭配都影响了店铺的风格。设计师在颜色搭配、图形与字体的选择不同，营造的气氛与风格 也不同，有些高冷潮流，有些温馨舒适。为了提高读者设计首页的水平，要求分析淘宝上的店铺
首页，设计几套不同风格的店铺首页，具体要求如下。

针对不同的风格，在店铺整体把握上要统一，如以扁平化图形为主的店铺，就需要摒弃一些立 体化的图形。

店铺颜色搭配和谐，主色调与副主色调尽量不超过3种，文本的字体、字间距、页面的边距等
要求统一。
内容导航
10.1 了解无线店铺装修要点
10.2 无线端首页装修 10.3 使用“淘宝神笔”模板制作详情页 10.4 自定义页面装修 扩展阅读 高手进阶
屏幕等特点的缘故更为灵活、方便，顾客可随时随地进行购物。为此，淘宝APP、天猫 APP、WAP端口等针对访问无线店铺的端口应运而生。根据互联网数据中心显示，人们通 过移动设备访问Web的数量不断上升，特别是在节假日期间，远远超过了电脑端，店铺中 很大一部分的流量都来自于无线端，因此对无线店铺的装修对于任何一个电商卖家都变得 尤为重要。
10.2.6 手机端焦点图制作实战
18
1、添加素材
2、添加投影
10.2.6 手机端焦点图制作实战
19
3、输入文本
4、调整文本笔刷样式
10.2.7 优惠券制作实战
20
手机端的优惠券与电脑端相比，在排列与大小的设置上更加清晰明了，本例将利用前面的花 纹素材制作具有中国风的古典优惠券效果，其效果如图所示。
7
3、分类对比
4、用色对比
新手试练
8
为了让读者在电脑端店铺装修设计的基础上举一反三，学会手机端店铺的装修设计，要求读
者对淘宝上比较典型的手机端店铺与电脑端店铺的区别进行讨论。要求发散思维，从各个角度、
细节进行赏析、对比，总结对比结果，将之前制作的店铺首页更改为手机端的店铺首页。
内容导航
10.1 了解无线店铺装修要点