淘宝天猫店铺设计与装修一本通
合集下载
淘宝天猫网店美工全能第10章
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 宝贝列表图制作实战
《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》—教学教案
《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》教学教案第1章小结1、掌握网店美工的工作范畴。
2、掌握网店美工需要遵循的设计原则。
3、掌握网店美工工作流程。
课后练习课后练习——赏析ESEDO网店首页的设计本练习要求以如图所示的网店首页为例，赏析其页面风格、色彩搭配、商品图片展现、设计手法等。
第2章2.4.1文案在网店美工中的重要性2.4.2文案的策划2.4.3文案的前期准备2.4.4文案的写作要点2.4.5主图文案的设计与编写2.4.6详情页文案的设计与编写2.4.7海报文案的设计与编写2.5课堂实训——鉴赏森林大叔旗舰店的首页2.6课后练习练习1：赏析戈美琪女鞋旗舰店色彩搭配和字体搭配练习2：赏析森马官方旗舰店首页的布局2.7拓展知识小结1、掌握色彩的搭配技巧。
2、掌握版式布局的知识。
3、掌握文字的运用原则。
4、掌握文案设计与编写。
课后练习练习1：赏析戈美琪女鞋旗舰店色彩搭配和字体搭配如图所示为戈美琪女鞋旗舰店首屏效果，要求对页面的设计元素、色彩搭配与字体搭配进行分析。
练习2：赏析森马官方旗舰店首页的布局如图所示为森马官方旗舰店首页，要求对首页的颜色、风格、搭配、构图方式、网页元素等进行分析。
第3章实训3：抠取耳机图片并合成3.5课后练习练习1：处理红毛丹污点练习2：抠取红酒商品图片并合成3.6拓展知识小结1、掌握修改商品图片尺寸及校正方法。
2、掌握优化图片的方法。
3、掌握抠取图片并合成的方法。
课后练习练习1：处理红毛丹污点本例将打开“红毛丹.jpg”素材文件，处理其中的污点并加深红毛丹的色泽。
处理前后的对比效果如图所示。
其具体要求如下。
熟练掌握商品图片的优化方法。
分别使用污点修复画笔工具、海绵工具、模糊工具对图片进行处理，使整个红毛丹更加美观。
练习2：抠取红酒商品图片并合成本例将对“红酒.jpg”素材文件进行抠图，将其抠取出来的红酒瓶应用到其他背景中，调整大小和位置后合成为更具有营销表现力的效果图片。
淘宝天猫网店美工全能第8章
8.2.4 第二张全屏海报图制作实战
26
11.设置渐变填充
新手试练
27
为了锻炼读者的动手能力，要求制作某女包店铺的首页焦点海报，由于该店铺女包比较趣味、 时尚，适合18~30岁的年轻女性，因此设计时需要采用一些青春靓丽的色彩，具体效果可参考如 图所示的“OPPO”店铺的女包首页焦点图海报。
内容导航
4、均匀排列文本并添加虚线
新手试练
32
某淘宝店铺主要经营女装，秋季来临，店铺开始上新一批秋装，其中包括一些针织衫、衬衣 、风衣等，服装的整体风格比较甜美、清新，为了适应季节的需求、促进店铺销量的提升，店铺 决定更换首页焦点图与优惠券模块，现要求读者针对该批宝贝进行首页焦点图与优惠券的设计，
要求设计的首页焦点图与优惠券美观、统一，效果可参考如图所示的“MG小象”店铺，优惠券
为出发点，应用模特、商品的陈列、唯美的背景，通过梅花、雪花的对比来渲染冬季美好的画面，
突出“寒冷冬季 与你相依的主题”，
8.2.3 首张全屏海报图制作实战
16
1、添加素材
2、制作投影
8.2.3 首张全屏海报图制作实战
17
3、融合商品与背景
4、输入文本
8.2.3 首张全屏海报图制作实战
18
5、设置画笔
30
本例将以“满减”形式制作淘宝女包店铺的优惠券，如满100优惠5元、满160优惠10元、满
210优惠15，在制作时可以参考前面制作的女包海报，由于本例的女包店铺风格比较简洁，因此
在设计优惠券时，应简洁大气，以文本为主、图形为辅。
8.3.2 女包店铺优惠券制作实战
31
1、输入文本
2、绘制圆角矩形
3、复制并和合并图层
淘宝网店页面设计布局配色装修一本通第3版教案第4章-网店页面创意和风格PPT课件
6
.
4.2 创意的方法
在进行创意的过程中，需要设计人员新颖的思维方式。 好的创意是在借鉴的基础上，利用已经获取的设计形式，来 丰富自己的知识，从而启发创造性的设计思路。下面介绍常 用的创意方法。
7
.
4.2.1 富于联想
联想是艺术形式中最常用的表现手法。在设计页面的过程 中通过丰富的联想，能突破时空的界限，扩大艺术形象的容量 ，加深画面的意境。
淘宝网店页面设计、布局、配色、装修第3版
第4章网店页面创意和风格
开店指导：
许多网店都设计得十分具有创意，这样也更方便展示商 品，因为具有创意的页面往往可以体现出一个店铺的整体水 平。甚至可以招揽到更多的生意。既然是创意设计，视觉冲 击肯定是最重要的。网店的整体风格及其创意设计也是最难 把握的，它没有一个固定的程式可供参照和模仿。
夸张是一种追求新奇变化的手法，通过虚构把 对象的特点和个性中美的方面进行夸大，赋予人们 一种新奇与变化的情趣。
10
.
4.2.4 趣味幽默
幽默法是指页面中巧妙地再现喜剧性特征，抓住生活现象中 局部性的东西，通过人们的性格、外貌和举止中某喻
比喻法是指在设计过程中选择两个各不相同，而在某些方面又有些相似性的事物， “以此物喻彼物”，比喻的事物与主题没有直接的关系，但是某一点上与主题的某 些特征有相似之处，因而可以借题发挥，进行延伸转化，获得“婉转曲达”的艺术 效果。
网店风格设计不仅能帮助浏览者记住网店，也能帮助网店树立别具一格的形象。网 页的风格主要体现在网页的布局、色彩、图标、动画及网页特效之上。
17
.
17
4.3.1 大幅配图
一张好的图片胜过千言万语。因为在网络之前，印刷品的图片（分辨率更高） 已经有了相当广泛的影响，现在宽带接入使大图片的使用更具可行性。
淘宝天猫网店美工全能第2章
2.1.4 全屏海报设要素在
该海报中的应用方式，以及 呈现的效果，让读者对三要 素的认识更为深刻。
2.1.4 全屏海报设计元素赏析
7
1、面的应用
3、点的应用
2、线的应用
新手试练
8
如图所示为搜集的两款海报效果。为了提高读者视觉设计的水平，要求对图中的点、线、面
2.4.3 店铺页面布局的原则
主次分明、中心突出
29
01
布局丰满、应有尽有
05
店铺页面布 局的原则
02
大小搭配、相互呼应
04
合理使用页面元素
03
简洁与一致性
2.4.4 淘宝首页视觉赏析
30
意尔康是中国领先的鞋类品牌企业。下面将对意尔康淘宝网页 中海报的构图技巧、商品的陈列、色彩与文本的应用进行赏析。
34
使用图形装饰文本
倾斜文本
变形文本
使用颜色装饰文本
扩展阅读——淘宝文本装饰技巧
35
投影、描边与发光效果
为文本添加立体效果
高手进阶
（1）赏析如图2-61所示为TPIWR天猫旗舰店首屏效果，要求对
页面的设计元素、页面的颜色搭配与字体搭配进行分析。 （2）赏析如图2-62所示的歌莉娅官方店首页，要求对网页中颜
扩展阅读——淘宝文本装饰技巧
高手进阶
2.4.1 视觉构图
25
中心构图
九宫格构图
2.4.1 视觉构图
26
对角线构图
三角构图
2.4.1 视觉构图
27
黄金分割点构图
2.4.2 店铺页面布局的基本元素
28
一个完整的淘宝旺铺中，网店页面一般包 括的元素有店招、导航、轮播海报、优惠 券、宝贝分类、宝贝展示、页尾等。
淘宝网店页面设计布局配色装修一本通第3版教案第10章-普通店铺装修篇
13
10.4.4 设计店铺标志 下面使用Photoshop制作一个静态的网店店标，具体操作步骤如 下。
14
10.4.5 将店标发布到店铺上 设计好店标后，就可以通过淘宝网上的店铺管理工具将店标图 片发布到店铺上。下面详细讲解将店标发布到店铺上的操作方 法。
15
第10章 普通店铺装修篇
本章导读: 网店商品固然非常重要，但是也绝对不能忽视店铺的 装修。正所谓三分长相七分打扮，网店的美化如同实 体店的装修一样，能让买家从视觉上和心理上感觉到 店主对店铺的用心，并且能够最大限度地提升店铺的 形象，有利于网店品牌的形成，提高销售量。
10.1 添加数据分析工具生意参谋
生意参谋是阿里巴巴中国站打造的一个非常实用非常好用的 模块，可以直接的反映出店铺产品的整体综合情况，可以优化 标题，诊断信息，看流量，访客，排名等。运用好生意参谋对 阿里巴巴的生意可以说是质的提升。
10.2 宝贝分类设计与设置
给宝贝进行分类，是为了方便买家查找。好的店铺分 类，将会大大方便买家进行针对性浏览和查询，从而提高成 交量。
卖家在淘宝网开店后，淘宝网已经为店铺提供了公告栏的 功能，卖家可以在“管理我的店铺”页面中设置公告的内容。 卖家在制作公告栏前，需要了解并注意一些事项，以便制作出 效果更好的公告栏。
10.3.2 制作精美的图片公告
要以图片作为公告栏的内容，就需要将图片上传到互联网上。 将图片上传到互联网以后，会产生一个对应的地址，卖家可以 利用该地址将图片指定为公告栏内容，即可将图片插入到公告 栏内。
10.2.1 宝贝分类制作的注意事项 在默认的情况下，淘宝网基本店只以文字形式显示分类，但卖家 可以花一点心思，制作出很漂亮的宝贝分类图，然后添加到店铺 的分类设置上，即可产生出色的店铺分类效果。在制作宝贝分类 和进行相关设置前需要了解并注意一些事项。
10.4.4 设计店铺标志 下面使用Photoshop制作一个静态的网店店标，具体操作步骤如 下。
14
10.4.5 将店标发布到店铺上 设计好店标后，就可以通过淘宝网上的店铺管理工具将店标图 片发布到店铺上。下面详细讲解将店标发布到店铺上的操作方 法。
15
第10章 普通店铺装修篇
本章导读: 网店商品固然非常重要，但是也绝对不能忽视店铺的 装修。正所谓三分长相七分打扮，网店的美化如同实 体店的装修一样，能让买家从视觉上和心理上感觉到 店主对店铺的用心，并且能够最大限度地提升店铺的 形象，有利于网店品牌的形成，提高销售量。
10.1 添加数据分析工具生意参谋
生意参谋是阿里巴巴中国站打造的一个非常实用非常好用的 模块，可以直接的反映出店铺产品的整体综合情况，可以优化 标题，诊断信息，看流量，访客，排名等。运用好生意参谋对 阿里巴巴的生意可以说是质的提升。
10.2 宝贝分类设计与设置
给宝贝进行分类，是为了方便买家查找。好的店铺分 类，将会大大方便买家进行针对性浏览和查询，从而提高成 交量。
卖家在淘宝网开店后，淘宝网已经为店铺提供了公告栏的 功能，卖家可以在“管理我的店铺”页面中设置公告的内容。 卖家在制作公告栏前，需要了解并注意一些事项，以便制作出 效果更好的公告栏。
10.3.2 制作精美的图片公告
要以图片作为公告栏的内容，就需要将图片上传到互联网上。 将图片上传到互联网以后，会产生一个对应的地址，卖家可以 利用该地址将图片指定为公告栏内容，即可将图片插入到公告 栏内。
10.2.1 宝贝分类制作的注意事项 在默认的情况下，淘宝网基本店只以文字形式显示分类，但卖家 可以花一点心思，制作出很漂亮的宝贝分类图，然后添加到店铺 的分类设置上，即可产生出色的店铺分类效果。在制作宝贝分类 和进行相关设置前需要了解并注意一些事项。
淘宝天猫网店美工全能第1章
加阴影，使图层图像产生凹陷效果纹理。
图像的边缘向内创建发光效果。
光泽：通过为图层添加光泽样式，可 以在图像中产生游离的发光效果。
颜色叠加：颜色叠加图层样式可以在 图层上叠加指定的颜色，通过设置颜 色的混合模式和不透明度 来控制叠加 效果。
渐变叠加：渐变叠加图层样式可以在 图层上叠加指定的渐变颜色。
1.1.3 搜索并熟悉网店美工知识
8
STEP 03 单击“搜工作”按钮，查看 搜索的“淘宝美工”职位结果，查看 职位需求信息、月薪与工作地点。
STEP 04单击进入第一条职位信息页 面，查看职位的具体信息，以及岗位 职责与任职要求。
STEP 05用相同的方法访，问其他招 聘网站，查看“淘宝美工”职位信息 、岗位职责与任职要求。
20
1.2.7 促销标签制作实战
21
本例以制作促销标签为例，讲解Photoshop的基 础操作方法，包括新建、打开、保存图像文件，文字 工具、多边形工具、渐变填充工具，图层的管理与图 层样式的应用。
1.2.7 促销标签制作实战
22
1、新建文件
Байду номын сангаас
2、设置并绘制多边形
3、设置渐变填充
1.2.7 促销标签制作实战
1.1.3 搜索并熟悉网店美工美工1.3 搜索并熟悉网店美工知识
7
STEP 02 访问智联招聘网
（/），输 入搜索的职位“淘宝美工”，并设置 工作地点与发布时间。
直接双击需要添加效果的图层 右侧的空白部分
1.2.5 认识与应用图层样式
16
混合选项：混合选项图层样式可以控制图层与其下面的图层混合的方式。
强光混合模式效果
斜面和浮雕：“斜面和浮雕”图层样式可以使图层中的图像产生凸出和凹陷的斜面和浮雕效果， 还可以添加不同组合方式的高光和阴影。
淘宝网店页面设计布局配色装修一本通第3版教案-第12章-无线端淘宝店铺装修优化
12.2.1 下载手机淘宝客户端
手机淘宝客户端依托淘宝网强大的自身优势，整合淘宝、 团购聚划算、天猫、一淘为一体，为用户提供更方便快捷 流畅、随时随地进行移动购物的完美体验。
12.2.2 注册手机淘宝
手机淘宝的推出，人们可以随时随地拿出手机上淘宝 购物了，不管是在外旅游还是坐车，都可以随时打开 淘宝进行购物，那么怎么注册手机淘宝呢？
12.1.1 手机端与电脑端的区别
目前已经是无线电子商务时代，手机淘宝打破了只能坐在电脑 前网购的尴尬局面；随时随地的网上购物方式更加吸引购物群 体。如图12-1所示手机淘宝店铺。
12.1.2 手机淘宝店铺装修要点
移动设备的普及率已经是非常的高，商机无处不在，能否在 未来的淘宝经营中捞上一笔，装修好手机淘宝店铺是一个不 错的选择。手机淘宝装修要注意如下事项。
12.1 手机淘宝
电子商务的迅速发展，现在已经进入智能手机时代，越来越 多消费者使用手机淘宝进行购物，手机淘宝的流量已经远超PC 端，所以每一位卖家都应该开通手机淘宝。2015年11月11日天 猫“双11”全球狂欢节交易额超912亿元，再创历史新高。其 中移动端占比68%。重视手机淘宝，就要从手机?昶套靶拮銎稹?
12.1.3 手机淘宝店铺装修误区 越来越多的顾客都选择在手机淘宝店铺购物，因为手机淘宝方便 ，随时随地都能逛淘宝。但是在店铺装修过程中，有很多店家都 掉进了手机淘宝店铺装修的误区中。
5
12.2 下载与注册手机淘宝
淘宝手机客户端绝对是手机必装软件之一，随时随地淘宝，就 是它的最大卖点。手机淘宝可以方便地搜索宝贝、下单购买、 旺旺与店主在线沟通等在线功能。手机淘宝越来越重要，那么 怎样下载和注册手机淘宝呢？
第12章 手机淘宝店铺装修
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
6.1 首页分析与制作——服饰 类
6.1.1 页面 说明
6.1.3 布局 说明
6.1.2 页面 配色分析
6.1.4 制作 流程
06 店铺 首页设计 分析与制 作
6.2 首页分析与制作——饰品 箱包类
6.2.1 页面 说明
6.2.3 布局 说明
6.2.2 页面 配色分析
本书精彩案例展示
本书精彩案例展 示
01 淘宝天猫店铺 基础
01 淘宝天猫店铺基础
1.1 淘宝网 开店
1.2 淘宝店 铺的组成结
构
1.3 淘宝与 天猫店铺各
模块规格
01 淘宝 天猫店铺 基础
1.1 淘宝网开店
1.1.1 注册账号和 开户认证
A
1.1.2 商品类目确 定以及装修上线
信息
5.1.5 实 战：家纺 店招设计
5.1.6 店 招的装修
5.1 店招的设计与装修
5.2.1 什么是导航条
5.2.2 导航条的尺寸 规格
5.2.3 导航条设计的 两种类型
5.2.4 导航条设计分 析
5.2.5 实战：自定义 导航设计
05 店铺基础模块的设计与装修
5.2 导航条的设计与装修
5.2.6 导航条的装修
制作——食品类
类
类
B
D
F
07 店铺详情页设计分析与制 作
7.7 详情页分析与制作—— 数码办公类
07 店铺详情页设计分析与制作
7.1.1 包包详情 页
7.1.3 运动鞋详 情页
7.1.2 现代风服 饰详情页
7.1.4 商务男袜 详情页
7.1 详情页分析与制作——服 饰鞋包类
07 店铺详情页设计分析与制作
0 1
4.3.1 直通车
图排版
0 2
4.3.2 海报排
版
0 3
4.3.3 详情页
排版
0 4
4.3.4 首页排
版
0 5
4.3.5 文案排
版
4.3 页面排版布局
05 店铺基础模块 的设计与装修
05 店铺基础模块的设计与装修
5.1 店招 的设计与 装修
5.2 导航 条的设计 与装修
5.3 客服 区的设计 与装修
05 店铺基础模块的设计与装修
5.3.1 什么是客 服区
5.3.3 实战：客 服中心设计
5.3.2 客服区设 计分析
5.3.4 客服区的 装修
5.3 客服区的设计与装修
05 店铺基础模块的设计与装修
0
0
1
2
5.4.1 什么
5.4.2 大屏
是大屏海
海报的尺
报
0
寸规格
0
0
3
4
5
5.4.3 海 报的分类
淘宝天猫店铺设 计与装修一本通
目录
01. பைடு நூலகம்书精彩案例展示
02. 01 淘宝天猫店铺基础
03. 02 网店设计装修概要 05. 04 色彩搭配与排版布局
04. 03 网店装修软件及图片 效果制作
06. 05 店铺基础模块的设计 与装修
07. 06 店铺首页设计分析与 制作
08. 07 店铺详情页设计分析 与制作
5.4 大 屏海报 的设计
5.5 主图 与直通车 图的设计
5.6 详 情页设 计
05 店铺基础模块的设计与装 修
5.7 活动图片设计
05 店铺基础模块的设计与装修
0
0
0
1
2
3
5.1.1 什 么是店招
0 4
5.1.2 设计 店招时应注
意的问题
0
5
5.1.3 店 招的尺寸
规格
0
6
5.1.4 店 招包含的
2
6.2 首页分析与制作——饰品箱 包类
3
6.3 首页分析与制作——美妆护 肤类
4
6.4 首页分析与制作——膳食保 养品类
5
6.5 首页分析与制作——家纺生 活类
6
6.6 首页分析与制作——儿童类
06 店铺首页设计分析与制作
6.7 首页分析与制作——户 外旅游类
06 店铺 首页设计 分析与制 作
7.6 详情页分析与制作——户 外运动类
7.6.1 旅游详情 页
7.6.2 运动产品 详情页
07 店铺 详情页设 计分析与 制作
7.7 详情页分析与制作——数 码办公类
7.7.1 办公座椅详 情页
A
7.7.2 笔记本电脑 详情页
B
感谢聆听
6.2.4 制作 流程
06 店铺 首页设计 分析与制 作
6.3 首页分析与制作——美妆 护肤类
6.3.1 页面 说明
6.3.3 布局 说明
6.3.2 页面 配色分析
6.3.4 制作 流程
06 店铺 首页设计 分析与制 作
6.4 首页分析与制作——膳食 保养品类
2.3.1 网店 设计装修的
定义
2.3.2 网店 设计装修的
重要性
2.3 网店设计装修
2.4.1 定位商品的经营类目
2.4.3 产品拍摄 2.4.5 宝贝设计
02 网店设计装修概要
2.4 网店装修的基本流程
2.4.2 确定店铺的整体风格
2.4.4 收集商品设计所需素 材
2.4.6 切图上传并上架出售
5.4.4 海报 设计分析
5.4.5 实战： 双十一大屏
海报设计
5.4 大屏海报的设计
05 店铺基础模块的 设计与装修
5.5 主图与直通车图的设计
01 5 .5 .1 主 图 与 直 通车
图的概念
02 5 .5 .2 主 图 与 直 通车
图的区别
03 5 .5 .3 主 图 与 直 通车
图设计分析
4.3 页面 排版布局
04 色彩搭配与排版布局
4.1 色彩基础知识
4.1.1 色彩的重 要性
4.1.2 色彩三要 素
4.1.3 色彩三原 色
4.1.4 色彩的象 征与情感
4.1.5 色彩的属 性
04 色彩搭配与排版布局
4.2.1 配色 原则
1
4.2.2 配色 方法
2
4.2 关于配色
04 色彩搭配与排版布局
2.6.2
产品销
02
量
03 2 . 6 . 3 顾客评 价
2.6 影响店铺转化率的因素分 析
03 网店装修软件 及图片效果制作
03 网店装修软件及图片效果制作
3.1 认识 Photos hop
3.2 Photos hop图层
3.3 Photosho p基础工具
3.4 图 像的简 单处理
3.5 抠 图技巧
03 网店装修软件及图片效果制作
3.2.1 了解 图层
1
3.2.2 图层 的操作
2
3.2 Photoshop图层
03 网店 装修软件 及图片效 果制作
3.3 Photoshop基础工具
3.3.1 选择类工 具
3.3.2 编辑类工 具
03 网店 装修软件 及图片效 果制作
3.4 图像的简单处理
7.4 详情页分析与制作——美 妆护肤类
7.4.1 美妆面膜详 情页
A
7.4.2 护肤精油详 情页
B
07 店铺详情页设计分析与制作
7.5.1 苹果详 情页
7.5.2 豆豉酱 详情页
7.5.3 五谷杂 粮详情页
7.5 详情页分析与制作——食品 类
07 店铺 详情页设 计分析与 制作
3.4.1 图像的缩放、 移动、复制和删除
3.4.2 图像编辑与 调色命令
3.4.3 利用图层混合 模式修改图像色彩
03 网店装修软件及图片效果制作
3.5 抠图技巧
1
3.5.1 利用选框工具抠图
2
3.5.2 利用快速选择工具抠图
3
3.5.3 利用图层混合模式抠图
4
3.5.4 利用橡皮擦工具抠图
04 5 .5 .4 主 图 与 直 通车
05 5 .5 .5 实 战 ： 童 鞋直
图设计的四大技巧
通车图设计
5.6.1 商品详情 页
A
5.6.2 详情页设 计分析
B
5.6.3 详情页设 计框架结构
C
5.6.4 详情页设 计原则
D
5.6.5 详情页卖 点挖掘
E
05 店铺基础模块的设计与装修
5.6 详情页设计
5
3.5.5 路径创建选区抠图
6
3.5.6 通道创建选区抠图
03 网店 装修软件 及图片效 果制作
3.5 抠图技巧
3.5.7 根据色彩范 围建立选区抠图
A
3.5.8 根据调整边 缘抠图
B
04 色彩搭配与排 版布局
04 色彩搭配与排版布局
4.1 色彩 基础知识
4.2 关于 配色
02 网店设计装修概要
1
2.5.1 软件的熟练、恰当的配色 与布局
2
2.5.2 善于沟通，协助客户定位 店铺风格
3
2.5.3 熟悉商品设计的整个流程
4
2.5.4 持续学习提升设计水平
2.5 网页设计师应具备的技能
02 网店设计装修概要
2.6.1 产 品本身
01
2.6.5 客 户 服 05
务
04
2.6.4 详情 页
02 网店设计装修概要
2.1 为什么网店 这么火
2.4 网店装修的 基本流程
2.2 实体店与网 店的区别
6.1.1 页面 说明
6.1.3 布局 说明
6.1.2 页面 配色分析
6.1.4 制作 流程
06 店铺 首页设计 分析与制 作
6.2 首页分析与制作——饰品 箱包类
6.2.1 页面 说明
6.2.3 布局 说明
6.2.2 页面 配色分析
本书精彩案例展示
本书精彩案例展 示
01 淘宝天猫店铺 基础
01 淘宝天猫店铺基础
1.1 淘宝网 开店
1.2 淘宝店 铺的组成结
构
1.3 淘宝与 天猫店铺各
模块规格
01 淘宝 天猫店铺 基础
1.1 淘宝网开店
1.1.1 注册账号和 开户认证
A
1.1.2 商品类目确 定以及装修上线
信息
5.1.5 实 战：家纺 店招设计
5.1.6 店 招的装修
5.1 店招的设计与装修
5.2.1 什么是导航条
5.2.2 导航条的尺寸 规格
5.2.3 导航条设计的 两种类型
5.2.4 导航条设计分 析
5.2.5 实战：自定义 导航设计
05 店铺基础模块的设计与装修
5.2 导航条的设计与装修
5.2.6 导航条的装修
制作——食品类
类
类
B
D
F
07 店铺详情页设计分析与制 作
7.7 详情页分析与制作—— 数码办公类
07 店铺详情页设计分析与制作
7.1.1 包包详情 页
7.1.3 运动鞋详 情页
7.1.2 现代风服 饰详情页
7.1.4 商务男袜 详情页
7.1 详情页分析与制作——服 饰鞋包类
07 店铺详情页设计分析与制作
0 1
4.3.1 直通车
图排版
0 2
4.3.2 海报排
版
0 3
4.3.3 详情页
排版
0 4
4.3.4 首页排
版
0 5
4.3.5 文案排
版
4.3 页面排版布局
05 店铺基础模块 的设计与装修
05 店铺基础模块的设计与装修
5.1 店招 的设计与 装修
5.2 导航 条的设计 与装修
5.3 客服 区的设计 与装修
05 店铺基础模块的设计与装修
5.3.1 什么是客 服区
5.3.3 实战：客 服中心设计
5.3.2 客服区设 计分析
5.3.4 客服区的 装修
5.3 客服区的设计与装修
05 店铺基础模块的设计与装修
0
0
1
2
5.4.1 什么
5.4.2 大屏
是大屏海
海报的尺
报
0
寸规格
0
0
3
4
5
5.4.3 海 报的分类
淘宝天猫店铺设 计与装修一本通
目录
01. பைடு நூலகம்书精彩案例展示
02. 01 淘宝天猫店铺基础
03. 02 网店设计装修概要 05. 04 色彩搭配与排版布局
04. 03 网店装修软件及图片 效果制作
06. 05 店铺基础模块的设计 与装修
07. 06 店铺首页设计分析与 制作
08. 07 店铺详情页设计分析 与制作
5.4 大 屏海报 的设计
5.5 主图 与直通车 图的设计
5.6 详 情页设 计
05 店铺基础模块的设计与装 修
5.7 活动图片设计
05 店铺基础模块的设计与装修
0
0
0
1
2
3
5.1.1 什 么是店招
0 4
5.1.2 设计 店招时应注
意的问题
0
5
5.1.3 店 招的尺寸
规格
0
6
5.1.4 店 招包含的
2
6.2 首页分析与制作——饰品箱 包类
3
6.3 首页分析与制作——美妆护 肤类
4
6.4 首页分析与制作——膳食保 养品类
5
6.5 首页分析与制作——家纺生 活类
6
6.6 首页分析与制作——儿童类
06 店铺首页设计分析与制作
6.7 首页分析与制作——户 外旅游类
06 店铺 首页设计 分析与制 作
7.6 详情页分析与制作——户 外运动类
7.6.1 旅游详情 页
7.6.2 运动产品 详情页
07 店铺 详情页设 计分析与 制作
7.7 详情页分析与制作——数 码办公类
7.7.1 办公座椅详 情页
A
7.7.2 笔记本电脑 详情页
B
感谢聆听
6.2.4 制作 流程
06 店铺 首页设计 分析与制 作
6.3 首页分析与制作——美妆 护肤类
6.3.1 页面 说明
6.3.3 布局 说明
6.3.2 页面 配色分析
6.3.4 制作 流程
06 店铺 首页设计 分析与制 作
6.4 首页分析与制作——膳食 保养品类
2.3.1 网店 设计装修的
定义
2.3.2 网店 设计装修的
重要性
2.3 网店设计装修
2.4.1 定位商品的经营类目
2.4.3 产品拍摄 2.4.5 宝贝设计
02 网店设计装修概要
2.4 网店装修的基本流程
2.4.2 确定店铺的整体风格
2.4.4 收集商品设计所需素 材
2.4.6 切图上传并上架出售
5.4.4 海报 设计分析
5.4.5 实战： 双十一大屏
海报设计
5.4 大屏海报的设计
05 店铺基础模块的 设计与装修
5.5 主图与直通车图的设计
01 5 .5 .1 主 图 与 直 通车
图的概念
02 5 .5 .2 主 图 与 直 通车
图的区别
03 5 .5 .3 主 图 与 直 通车
图设计分析
4.3 页面 排版布局
04 色彩搭配与排版布局
4.1 色彩基础知识
4.1.1 色彩的重 要性
4.1.2 色彩三要 素
4.1.3 色彩三原 色
4.1.4 色彩的象 征与情感
4.1.5 色彩的属 性
04 色彩搭配与排版布局
4.2.1 配色 原则
1
4.2.2 配色 方法
2
4.2 关于配色
04 色彩搭配与排版布局
2.6.2
产品销
02
量
03 2 . 6 . 3 顾客评 价
2.6 影响店铺转化率的因素分 析
03 网店装修软件 及图片效果制作
03 网店装修软件及图片效果制作
3.1 认识 Photos hop
3.2 Photos hop图层
3.3 Photosho p基础工具
3.4 图 像的简 单处理
3.5 抠 图技巧
03 网店装修软件及图片效果制作
3.2.1 了解 图层
1
3.2.2 图层 的操作
2
3.2 Photoshop图层
03 网店 装修软件 及图片效 果制作
3.3 Photoshop基础工具
3.3.1 选择类工 具
3.3.2 编辑类工 具
03 网店 装修软件 及图片效 果制作
3.4 图像的简单处理
7.4 详情页分析与制作——美 妆护肤类
7.4.1 美妆面膜详 情页
A
7.4.2 护肤精油详 情页
B
07 店铺详情页设计分析与制作
7.5.1 苹果详 情页
7.5.2 豆豉酱 详情页
7.5.3 五谷杂 粮详情页
7.5 详情页分析与制作——食品 类
07 店铺 详情页设 计分析与 制作
3.4.1 图像的缩放、 移动、复制和删除
3.4.2 图像编辑与 调色命令
3.4.3 利用图层混合 模式修改图像色彩
03 网店装修软件及图片效果制作
3.5 抠图技巧
1
3.5.1 利用选框工具抠图
2
3.5.2 利用快速选择工具抠图
3
3.5.3 利用图层混合模式抠图
4
3.5.4 利用橡皮擦工具抠图
04 5 .5 .4 主 图 与 直 通车
05 5 .5 .5 实 战 ： 童 鞋直
图设计的四大技巧
通车图设计
5.6.1 商品详情 页
A
5.6.2 详情页设 计分析
B
5.6.3 详情页设 计框架结构
C
5.6.4 详情页设 计原则
D
5.6.5 详情页卖 点挖掘
E
05 店铺基础模块的设计与装修
5.6 详情页设计
5
3.5.5 路径创建选区抠图
6
3.5.6 通道创建选区抠图
03 网店 装修软件 及图片效 果制作
3.5 抠图技巧
3.5.7 根据色彩范 围建立选区抠图
A
3.5.8 根据调整边 缘抠图
B
04 色彩搭配与排 版布局
04 色彩搭配与排版布局
4.1 色彩 基础知识
4.2 关于 配色
02 网店设计装修概要
1
2.5.1 软件的熟练、恰当的配色 与布局
2
2.5.2 善于沟通，协助客户定位 店铺风格
3
2.5.3 熟悉商品设计的整个流程
4
2.5.4 持续学习提升设计水平
2.5 网页设计师应具备的技能
02 网店设计装修概要
2.6.1 产 品本身
01
2.6.5 客 户 服 05
务
04
2.6.4 详情 页
02 网店设计装修概要
2.1 为什么网店 这么火
2.4 网店装修的 基本流程
2.2 实体店与网 店的区别