电商店铺装修攻略课件

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,0,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,0,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,0,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,0,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,0,电商店铺装修攻略,2025-11-11,演讲人,电商店铺装修攻略2025-11-11演讲人,1,01,1 合格美工必备知识,011 合格美工必备知识,2,1 合格美工必备知识,D,C,B,A,1.1 认识淘宝美工,1.2 美工掌握基本知识,1.3 必备软件技能要求,1.4 店铺装修常见图片尺寸,E,1.5 美工设计制作流程,1 合格美工必备知识DCBA1.1 认识淘宝美工1.2 美工,3,1 合格美工必备知识,1.2 美工掌握基本知识,1.2.1 分辨率、像素和尺寸,1.2.2 位图和矢量图,1.2.3 常用图片文件格式,1.2.4 色彩的基本知识,1 合格美工必备知识1.2 美工掌握基本知识1.2.1 分辨,4,1.3 必备软件技能要求,1 合格美工必备知识,1.3.1 Photoshop软件,1.3.2 美图秀秀软件,1.3.5 Illustrator软件,1.3.4 Premiere软件,1.3.3 Dreamweaver软件,1.3 必备软件技能要求1 合格美工必备知识1.3.1 Ph,5,1 合格美工必备知识,1.5 美工设计制作流程,1.5.1 素材规划,1.5.2 图片设计制作,1.5.3 切片处理,1.5.4 上传图片空间,1.5.5 预览效果,1.5.6 其他工作,1 合格美工必备知识1.5 美工设计制作流程1.5.1 素材,6,02,2 商品美化和效果制作,022 商品美化和效果制作,7,2 商品美化和效果制作,2.2 新建、打开、保存“三兄弟”,2.4 修图（美化瑕疵图片的处理方法）,2.6 抠图（抠出提取图片的处理方法）,2.1 认识Photoshop软件,2.3 裁图（裁剪的各种方法）,2.5 调色（调整偏色图片的处理方法）,2 商品美化和效果制作2.2 新建、打开、保存“三兄弟”2.,8,2 商品美化和效果制作,2.7 投影/倒影的制作方法,2.8 醒目标识制作,2.9 字体与排版,2.10 促销广告图制作,2 商品美化和效果制作2.7 投影/倒影的制作方法2.8 醒,9,2 商品美化和效果制作,2.2 新建、打开、保存“三兄弟”,2.2.1 新建文件,2.2.2 打开文件,2.2.3 保存文件,2 商品美化和效果制作2.2 新建、打开、保存“三兄弟”2.,10,2 商品美化和效果制作,2.3 裁图（裁剪的各种方法）,2.3.1 自由尺寸裁剪,A,2.3.2 固定尺寸裁剪,B,2.3.3 校正角度裁剪,C,2.3.4 重新构图裁剪,D,2.3.5 突出细节裁剪,E,2.3.6 透视校正裁剪,F,2 商品美化和效果制作2.3 裁图（裁剪的各种方法）2.3.,11,2 商品美化和效果制作,2.4 修图（美化瑕疵图片的处理方法）,1,2,3,4,2.4.1 污点修复画笔工具,2.4.2 修补工具,2.4.3 仿制图章工具,2.4.4 课后习题,2 商品美化和效果制作2.4 修图（美化瑕疵图片的处理方法）,12,2.5 调色（调整偏色图片的处理方法）,2 商品美化和效果制作,2.5.2 调整图片暗色（色阶）,2.5.4 调整图片颜色（色相/饱和度）,2.5.6 课后习题,2.5.1 调整图片亮度（亮度/对比度）,2.5.3 调整图片偏色（曲线）,2.5.5 调整图片清晰度（锐化）,2.5 调色（调整偏色图片的处理方法）2 商品美化和效果制作,13,2.6 抠图（抠出提取图片的处理方法）,2 商品美化和效果制作,2.6.2 简单背景抠图（快速选择工具）,2.6.4 毛发抠图（调整边缘）,2.6.6 光效抠图（混合颜色带）,2.6.1 规则形状抠图（套索工具）,2.6.3 复杂图形抠图（钢笔工具）,2.6.5 半透明物体抠图（通道）,2.6 抠图（抠出提取图片的处理方法）2 商品美化和效果制作,14,2 商品美化和效果制作,2.6 抠图（抠出提取图片的处理方法）,2.6.7 课后习题,2 商品美化和效果制作2.6 抠图（抠出提取图片的处理方法）,15,2.7 投影/倒影的制作方法,2 商品美化和效果制作,2.7.1 模糊投影,2.7.2 渐变投影,2.7.3 扁平化长投影,2.7.6 立方体类商品倒影,2.7.5 圆柱类商品倒影,2.7.4 平面类商品倒影,2.7 投影/倒影的制作方法2 商品美化和效果制作2.7.1,16,2 商品美化和效果制作,2.7 投影/倒影的制作方法,2.7.7 课后习题,2 商品美化和效果制作2.7 投影/倒影的制作方法2.7.7,17,2 商品美化和效果制作,2.8 醒目标识制作,01,02,03,04,05,06,2.8.1 对话框类标识,2.8.2 圆角矩形标识,2.8.3 线型类标识,2.8.4 爆炸多边形标识,2.8.5 复合式标识,2.8.6 课后习题,2 商品美化和效果制作2.8 醒目标识制作010203040,18,2.9 字体与排版,2 商品美化和效果制作,2.9.2 常见字体及应用,2.9.4 字体排版常用对比方法,2.9.6 课后习题,2.9.1 字体的下载与安装,2.9.3 艺术文字制作,2.9.5 文字排版需要遵守的几种法则,2.9 字体与排版2 商品美化和效果制作2.9.2 常见字体,19,2.10 促销广告图制作,2 商品美化和效果制作,2.10.2 背景的设计制作,2.10.4 文字设计与排版,2.10.6 锐化和统一调色处理,2.10.1 素材和文案搜集整理,2.10.3 商品内容添加,2.10.5 促销标签添加,2.10 促销广告图制作2 商品美化和效果制作2.10.2,20,2 商品美化和效果制作,2.10 促销广告图制作,2.10.7 课后习题,2 商品美化和效果制作2.10 促销广告图制作2.10.7,21,03,3 店铺Logo设计,033 店铺Logo设计,22,3 店铺Logo设计,01,3.1 Logo设计意义,02,3.2 Logo设计指南,0,3,3.3 Logo设计流程,0,4,3.4 Logo在网店中的应用,0,5,3.5 Logo设计的忌讳,0,6,3.6 Logo设计的要素,3 店铺Logo设计013.1 Logo设计意义023.2,23,3 店铺Logo设计,3.7 课后习题,3 店铺Logo设计3.7 课后习题,24,3.2 Logo设计指南,3 店铺Logo设计,01,02,03,04,05,06,3.2.1 Logo的3种组成方法,3.2.2 Logo的设计规范,3.2.3 Logo的设计原则,3.2.4 Logo的设计技巧,3.2.5 Logo的设计流程,3.2.6 Logo的制作软件,3.2 Logo设计指南3 店铺Logo设计01020304,25,3 店铺Logo设计,3.3 Logo设计流程,3.3.1 绘制草图,3.3.2 制作电子版,3.3.3 优化完整,3 店铺Logo设计3.3 Logo设计流程3.3.1 绘制,26,3 店铺Logo设计,3.5 Logo设计的忌讳,3.5.1 元素禁忌,01,3.5.2 传播禁忌,02,3.5.5 色彩选择的禁忌,05,3.5.4 字体样式的禁忌,04,3.5.3 图形的禁忌,03,3 店铺Logo设计3.5 Logo设计的忌讳3.5.1 元,27,3.6 Logo设计的要素,3 店铺Logo设计,3.6.1 选择一款好字体,3.6.2 选择合适的图案,3.6.3 选择合适的配色,3.6.6 为Logo讲一个故事,3.6.5 富有创意,3.6.4 简洁,3.6 Logo设计的要素3 店铺Logo设计3.6.1 选,28,3 店铺Logo设计,3.6 Logo设计的要素,3.6.7 从高分辨率开始,3 店铺Logo设计3.6 Logo设计的要素3.6.7 从,29,04,4 店铺首页装修与设计,044 店铺首页装修与设计,30,4 店铺首页装修与设计,4.1 了解掌握淘宝旺铺,4.2 首页的布局框架,4.3 店招的设计,4.4 导航的设计,4.5 首页海报制作,4.6 宝贝陈列展示区设计,4 店铺首页装修与设计4.1 了解掌握淘宝旺铺4.2 首页的,31,4 店铺首页装修与设计,4.7 店铺页尾设计,4.8 其他常用设置,4 店铺首页装修与设计4.7 店铺页尾设计4.8 其他常用设,32,4.1 了解掌握淘宝旺铺,4 店铺首页装修与设计,4.1.1 了解淘宝旺铺,4.1.2 订购旺铺智能版,4.1.3 旺铺智能版功能介绍,4.1 了解掌握淘宝旺铺4 店铺首页装修与设计4.1.1 了,33,4 店铺首页装修与设计,4.2 首页的布局框架,01,4.2.1 首页布局介绍,02,4.2.2 首页布局制作流程,4 店铺首页装修与设计4.2 首页的布局框架014.2.1,34,LOGO,M.94275.CN,4 店铺首页装修与设计,4.3 店招的设计,4.3.1 如何设计店招,4.3.2 店招的制作流程,4.3.3 店招的装修上传,4.3.4 课后习题,LOGOM.94275.CN4 店铺首页装修与设计4.3 店,35,4.4 导航的设计,4 店铺首页装修与设计,4.4.1 导航的作用,A,4.4.2 店招导航,B,4.4.3 页中分类导航,C,4.4.4 左侧分类导航,D,4.4.5 页尾导航,E,4.4.6 课后习题,F,4.4 导航的设计4 店铺首页装修与设计4.4.1 导航的作,36,LOGO,M.94275.CN,4 店铺首页装修与设计,4.5 首页海报制作,4.5.1 首页海报设计要点,4.5.2 首页海报制作流程,4.5.3 首页海报上传装修,4.5.4 课后习题,LOGOM.94275.CN4 店铺首页装修与设计4.5 首,37,LOGO,M.94275.CN,4 店铺首页装修与设计,4.6 宝贝陈列展示区设计,4.6.2 宝贝推荐模板设置,02,4.6.4 课后习题,04,4.6.1 陈列展示区的重要性,01,4.6.3 自定义陈列区制作,03,LOGOM.94275.CN4 店铺首页装修与设计4.6 宝,38,4 店铺首页装修与设计,4.7 店铺页尾设计,4.7.1 页尾的重要性,4.7.2 页尾的制作,4.7.3 课后习题,4 店铺首页装修与设计4.7 店铺页尾设计4.7.1 页尾的,39,4 店铺首页装修与设计,4.8 其他常用设置,4.8.1 客服中心,4.8.2 店铺公告,4.8.4 首页背景设置,4.8.3 收藏区设置,4 店铺首页装修与设计4.8 其他常用设置4.8.1 客服中,40,05,5 常用活动图设计与制作,055 常用活动图设计与制作,41,5 常用活动图设计与制作,5.1 直通车图设计,5.2 钻石展位图设计,5.3 聚划算图设计,5 常用活动图设计与制作5.1 直通车图设计5.2 钻石展位,42,5 常用活动图设计与制作,5.1 直通车图设计,5.1.1 了解淘宝直通车,5.1.2 如何设计直通车图,5.1.3 直通车图制作流程,5.1.4 课后习题,5 常用活动图设计与制作5.1 直通车图设计5.1.1 了解,43,5 常用活动图设计与制作,5.2 钻石展位图设计,1,2,3,4,5.2.1 了解钻石展位,5.2.2 如何设计钻展,5.2.3 钻展图制作流程,5.2.4 课后习题,5 常用活动图设计与制作5.2 钻石展位图设计12345.2,44,5 常用活动图设计与制作,5.3 聚划算图设计,1,2,3,4,5.3.1 了解聚划算,5.3.2 如何设计聚划算图,5.3.3 聚划算主图制作流程,5.3.4 课后习题,5 常用活动图设计与制作5.3 聚划算图设计12345.3.,45,06,6 详情页设计与制作,066 详情页设计与制作,46,6 详情页设计与制作,6.1 详情页设计内容,6.2 详情页的制作流程,6.3“淘宝神笔”详情页装修,6 详情页设计与制作6.1 详情页设计内容6.2 详情页的制,47,6 详情页设计与制作,6.1 详情页设计内容,6.1.1 了解详情页,01,6.1.2 详情页设计思路要点,02,6.1.3 详情页的规划,03,6.1.4 详情页展示模块,04,6.1.5 详情页尺寸多长才合理,05,6 详情页设计与制作6.1 详情页设计内容6.1.1 了解详,48,6 详情页设计与制作,6.2 详情页的制作流程,C,B,A,6.2.1 详情页制作9个流程,6.2.2 女装详情页制作流程,6.2.3 课后习题,6 详情页设计与制作6.2 详情页的制作流程CBA6.2.1,49,6 详情页设计与制作,6.3“淘宝神笔”详情页装修,6.3.2 自定义详情页模板制作,6.3.1 使用详情页模板,6 详情页设计与制作6.3“淘宝神笔”详情页装修6.3.2,50,07,7 图片切割与优化,077 图片切割与优化,51,7 图片切割与优化,2015,2016,7.1.1 什么是图片切割,7.1.2 切片工具操作讲解,7.1.3 详情页图的切割,7.1 图片切割,7.3.1 图片空间操作,7.3.2 上传切片图,7.3 图片空间,7.2.1 切片图的优化,7.2.2 切片图的存储,7.2 图片优化与存储,7 图片切割与优化201520167.1.1 什么是图片切割,52,08,8 Dreamweaver图文排版操作,088 Dreamweaver图文排版操作,53,8 Dreamweaver图文排版操作,8.1.1 认识Dreamweaver软件,8.1.2 软件界面与功能介绍,8.1 Dreamweaver操作讲解,8.2 表格编辑排版制作,8.3.1 图片热点链接添加,8.3.2 测试预览与发布,8.3 图片热区和链接的设置,8 Dreamweaver图文排版操作8.1.1 认识Dre,54,09,9 Premiere主图视频制作,099 Premiere主图视频制作,55,9 Premiere主图视频制作,9.1 视频拍摄,9.2 Premiere视频编辑软件,9.3 淘宝视频制作,9.4 视频上传与应用,9 Premiere主图视频制作9.1 视频拍摄9.2 Pr,56,9 Premiere主图视频制作,9.1 视频拍摄,01,9.1.1 商品拍摄流程,02,9.1.2 商品摄影的构图,0,3,9.1.3 关于摄影的景别,0,4,9.1.4 关于角度和方位,9 Premiere主图视频制作9.1 视频拍摄019.1.,57,9.2 Premiere视频编辑软件,9 Premiere主图视频制作,C,B,A,9.2.1 认识Premiere软件,9.2.2 软件界面操作讲解,9.2.3 视频制作流程,9.2 Premiere视频编辑软件9 Premiere主图,58,9.3 淘宝视频制作,9 Premiere主图视频制作,9.3.1 图片视频的制作,9.3.2 拍摄视频的制作,9.3.3 视频添加文字,9.3.6 视频格式的转换,9.3.5 视频添加特效,9.3.4 视频添加配音,9.3 淘宝视频制作9 Premiere主图视频制作9.3.,59,9 Premiere主图视频制作,9.4 视频上传与应用,9.4.1 视频的上传,9.4.2 主图视频的应用,9.4.3 详情页视频的应用,9.4.4 无线端视频的应用,9 Premiere主图视频制作9.4 视频上传与应用9.4,60,10,10 手机淘宝装修,1010 手机淘宝装修,61,10 手机淘宝装修,10.2 手机淘宝店铺首页装修,10.1 手机无线端淘宝,10.3 手机详情页制作,10 手机淘宝装修10.2 手机淘宝店铺首页装修10.1 手,62,10.1 手机无线端淘宝,10 手机淘宝装修,10.1.2 手机端与电脑端的区别,10.1.1 认识手机无线淘宝,10.1.3 无线端装修要点,10.1 手机无线端淘宝10 手机淘宝装修10.1.2 手机,63,10.2 手机淘宝店铺首页装修,10 手机淘宝装修,10.2.6 切图模块添加,10.2.5 智能单双列宝贝,10.2.4 自定义模块设计,10.2.3 焦点图模块设计,10.2.2 店招的设计,10.2.1 店铺搜索和分类设置,10.2 手机淘宝店铺首页装修10 手机淘宝装修10.2.6,64,10 手机淘宝装修,10.2 手机淘宝店铺首页装修,10.2.7 倒计时模块设计,10.2.8 优惠券模块设计,10.2.9 店铺红包设计,10.2.10 千人千面模块设计,10 手机淘宝装修10.2 手机淘宝店铺首页装修10.2.7,65,10 手机淘宝装修,10.3 手机详情页制作,10.3.1 手机详情页规划规范,10.3.2 导入PC端详情页,10.3.3 模板生成详情页,10.3.4 手机详情页音频录制,10 手机淘宝装修10.3 手机详情页制作10.3.1 手机,66,感谢聆听,感谢聆听,67,