《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》教学课件—第6章制作PC端网店首页

淘宝电商美工讲义目录第一章：初识淘宝1、淘宝美工的岗位职责和学习内容2、了解店铺构造3、为什么要进行网店装修工作优秀店铺欣赏第二章：Photoshop软件基础操作1、软件基础知识及界面介绍2、工具箱介绍3、图层操作4、图层蒙版调色命令第三章店铺总体设计要领1、店铺装修注意事项2、操作练习3、作业点评第四章店招制作1、店招制作2、操作练习3、作业点评第五章：分类导航及客服中心制作1、分类导航及客服中心制作2、操作练习3、作业点评第六章：宝贝陈列设计1、宝贝陈列设计2、操作练习3、作业点评第七章：内页制作1、内页制作规则（以家纺内页制作规则为例）2、内页制作前准备（修图、美化图片、抠图、调色）2、操作练习3、作业点评第八章：产品上架1、上传宝贝及主图制作2、操作练习3、作业点评第九章：海报设计与制作1、海报设计与制作2、操作练习3、作业点评第十章：店铺整体色彩风格设计与装修1、整店风格设计与装修作业点评第一章：初识淘宝1、淘宝美工的岗位职责（淘宝店铺页面设计、美化、网店促销海报制做、宝贝内页设计、图片美化、切片、上传宝贝等）淘宝美工应该熟练使用Photoshop、Flash、fireworks、Dreamweaver 等常用设计制作软件2、了解店铺构造（店招、首页海报、分类导航、客服中心、分区、侧边栏、主图、宝贝详情、内页海报、页尾）淘宝店铺首页的结构一般如下：3、为什么要进行店铺装修如果—个买家找到了三家店铺做对比，如果你的店铺装修得更专业到位，买家的眼球自然会被你的店铺吸引，那么你给这位买家之第—印象已经很好很深刻了。

电视广告为什么要花血本做那么多动画广告呢？丢几张图片不为更省事，当然目的就为用动画营造视觉效果，让你对他们的产品印象更深刻！或许您会说，我店铺不装修生意—样非常好，商品质量才为王道，但有好的商品同样未必会有很好的生意，还要在装修上下点工夫，这里就要谈到淘宝店铺的装修了，试问有哪位买家有耐心看你写之乱七八糟之东西呢？装修不只为装修店铺，还要装修你的商品，把你的描述写得尽量言简意赅，宝贝图片尽量清晰！你要时刻站在买家之立场来装修你的店铺，还要时刻站在买家之立场来经营你的生意！4、网店装修之优秀店铺赏析从设计师和买家的角度，我们来对一些店铺的设计进行分析，希望对大家有所帮助。

《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》教学教案第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”素材文件进行抠图，将其抠取出来的红酒瓶应用到其他背景中，调整大小和位置后合成为更具有营销表现力的效果图片。

《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》教学大纲一、课程信息课程名称：淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺课程类别：专业基础课课程性质：必修计划学时：26计划学分：2先修课程：无适用专业：本书可作为高等院校设计类相关课程的教材，也可作为各类社会培训学校相关专业的教材，同时还可供Photoshop初学者自学使用。

课程负责人：二、课程简介本书围绕网店美工这一目前电子商务需求量较大的岗位，从美化商品图片与制作网店页面等角度入手，全面介绍了网店美工各阶段的工作内容。

本书设计了10章内容，可分为4部分来进行学习，各部分的具体内容和学习目标如下所示。

第1部分（第1~2 章）：该部分主要讲解网店美工的基础知识，包括如何做好网店美工工作，以及网店美工的工作流程等内容。

第2部分（第3~4 章）：该部分主要讲解商品图片的处理与色彩的调整方法，包括修改商品图片构图、优化商品图片画面、抠取与合成商品图片，以及各种色调的调整方法等内容。

第3部分（第5~9章）：该部分主要讲解推广促销图及网店页面的设计与制作，包括商品推广图、PC端网店首页、PC端商品详情页、PC端其他页面、移动端网店首页与商品详情页的制作等。

第4部分（第10章）：该部分主要讲解网店的装修，包括图片切片，以及各页面的装修方法等。

三、课程教学要求注：“课程教学要求”栏中内容为针对该课程适用专业的专业毕业要求与相关教学要求的具体描述。

“关联程度”栏中字母表示二者关联程度。

关联程度按高关联、中关联、低关联三档分别表示为“H”“M”或“L”。

“课程教学要求”及“关联程度”中的空白栏表示该课程与所对应的专业毕业要求条目不相关。

四、课程教学内容五、考核要求及成绩评定注：此表中内容为该课程的全部考核方式及其相关信息。

六、学生学习建议1. 理论配合案例进行学习，提高学生的实战动手能力；2. 在条件允许的情况下，可以尝试自己设计并制作一些图片，进行深入学习；3. 提高学生的设计感和审美能力;七、课程改革与建设本书旨在帮助零基础的网店美工快速、有效提升工作技能。