淘宝天猫网店美工全能第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 宝贝列表图制作实战
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 了解无线店铺装修要点
《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》—教学教案
《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》教学教案第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”素材文件进行抠图，将其抠取出来的红酒瓶应用到其他背景中，调整大小和位置后合成为更具有营销表现力的效果图片。
《网店美工》教学大纲
《网店美工》课程教学大纲一、课程基本信息1．课程编号：090912502．课程名称：网店美工3．英文名称：Shop Artist (Wang Dian Mei Gong)4．课程简介：网店美工是一门培养淘宝、天猫、京东、亚马逊等网店页面编辑美化工作者的课程，熟悉平面设计软件Photoshop、Illustrator、美图秀秀、光影魔术手和网页设计Dreamweaver等软件将网店的视觉效果，排版等工作呈现出来。
二、课程说明1．教学目的和要求：网店美工是一门培养淘宝、天猫、京东、亚马逊等网店页面编辑美化工作者的课程。
通过对该课程的教学，使学生系统学习网店美工设计之“道”“器”“术”三个层面的知识体系，掌握商品拍照技巧，Photoshop（美图、光影）图形图像处理的图文设计能力，详情页的设计思路及网店的装修设计等能力。
要求学生对美工设计之“道”“器”“术”三个层面的知识原理做到理解，熟练掌握各种美工设计软件的使用方法，以培养学生的设计思维和能力为主，为学生日后成为专业的电子商务人才奠定坚实的基础。
2．先行课程：无。
3．周课时、总学时：6学时*8周（3学时*16周）、共48学时,理论教学24学时、实践教学24学时。
4．开课学期：第二学期（或第三学期）。
5．教学方法：讲授法、头脑风暴法、分组讨论法、任务驱动法、案例讨论法等直观教学法。
6．考试方法：平时作业、考勤占50%，期末上机考试占50%。
7．实验、实习、作业：为了培养学生的实践动手能力，本课程主要以上机实践为主，理论教学为辅，基本上每次课都会配备相应的实操、实习作业，要求学生在课堂内完成。
8．教材：《网店美工》（第1版），童海君主编，北京理工大学出版社，2016年2月版。
9．教学参考资料：《网店美工实操》，淘宝大学编著，电子工业出版社，2013年。
《电子商务网页设计与制作》，徐峰主编，浙江大学出版社，2013年。
《网店美工宝典》，王楠编著，电子工业出版社，2015年。
网店美工全书电子教案完整版课件全书教学课件
一、网店图片文件的类型
1. JPEG 格式 JPEG 是最常见的一种图片格式，文件的扩展名为 . jpg 或 . jpeg。
2. PNG 格式 PNG 是可移植的网络图形格式。
3. GIF 格式 GIF 是图形交换格式。
二、网店图片编辑软件
Photoshop CS6 是一款用于图像制作和处理的专业软件，具有 强大的功能，利用这些功能，可以有效地进行商品图片的编辑，是 网店美工必备的软件工具。
1. 文字编辑工具 2. “段落”调板
第 4 节 商品分类设计
一、商品类目的分类原则 二、商品类目的分类方式
1. 按商品种类按商品风格分类
三、商品类目导航条 四、商品分类设计的相关工具
1. 图层工具 2. 绘画工具 3. 图案图章工具 4. 切片工具
课件 制作
“动作”控制面板可以 对图像进行批量处理，避免 重复操作，提高处理图片的 效率。
课件 制作
第 2 章 网店图片设计
第 1 节 网店促销图设计 第 2 节 商品主图设计 第 3 节 商品详情页设计
第 1 节 网店促销图设计
一、促销图的类型
网店促销图一般分为整店促销图、单品促销图和活动推广促销图三种 类型。
一、色彩的分类
1. 无彩色
2. 有彩色 3. 特殊色
二、色彩的三要素
1. 色相：是区别不同色彩的名称。 2. 明度：是指色彩的明暗程度。 3. 纯度：是指色彩鲜艳的程度。
三、颜色的模式
1. RGB 模式 2. CMYK 模式 3. HSB 模式 4. Lab 模式
四、网店色彩的搭配
1. 同一色调搭配
文字栅格化后加滤镜的效果
2. 文字转换为形状 在图层面板中选择文字图层，右击鼠标转换为形状，可将文字转换为形
淘宝美工教程
淘宝美工教程简介淘宝是中国最大的在线购物平台，拥有海量的商品和用户。
为了吸引更多的买家，卖家在淘宝上需要精心设计自己的店铺和商品页面。
淘宝美工教程将介绍一些常用的美工技巧和工具，帮助卖家提升店铺和商品的美观度和吸引力。
1. 设计店铺banner店铺的banner是卖家展示店铺形象和特色的重要元素。
为了吸引买家关注和了解店铺，设计一个独特而吸引人的店铺banner至关重要。
Markdown插入图片的示例代码：2. 优化商品图片商品图片是买家购买决策的重要参考因素。
优化商品图片可以增加商品的吸引力和销售潜力。
Markdown插入图片的示例代码：3. 使用图片编辑工具使用图片编辑工具可以对店铺banner和商品图片进行进一步的处理和设计。
以下是几种常用的图片编辑工具：•Adobe Photoshop：功能强大的图像处理软件，可以进行图片调色、修饰和合成等操作。
•Canva：在线图形设计工具，提供了丰富的模板和设计元素，方便快速制作美观的图片和海报。
•GIMP：免费开源的图像编辑软件，功能与Photoshop相似。
4. 使用配色方案选择合适的配色方案可以使店铺和商品页面更加整洁、美观和专业。
以下是一些常用的配色方案：•欢快明亮：使用明亮、饱和度高的颜色，营造愉快活泼的氛围。
•温暖舒适：使用柔和、温暖的颜色，营造舒适温馨的感觉。
•简约清爽：使用简洁、纯净的颜色，营造简约、时尚的风格。
5. 增加文字说明除了图片，文字说明也是买家了解和决策的重要依据。
在商品页面中添加具有吸引力的文字说明可以提升商品的吸引力。
Markdown插入文字的示例代码：这是一个很棒的商品，具有以下特点：- 特点1- 特点2- 特点36. 优化商品详情页商品详情页是买家了解商品细节和决策购买的重要页面。
为了让买家更容易理解和决策购买，可以优化商品详情页的布局和组织。
Markdown插入链接的示例代码：点击[这里](商品详情页链接)查看更多商品详情。
（完整版）电子商务专业《网店美工》（图形图像处理）课程教学大纲
（完整版）电⼦商务专业《⽹店美⼯》（图形图像处理）课程教学⼤纲《⽹店美⼯》(图新图像处理)课程教学⼤纲⼀、课程基本信息1．课程编号：090912152．课程名称：《⽹店美⼯》/图像图像处理3．英⽂名称：XXXX4．课程简介：⽹店美⼯(图形图像处理)是⼀门培养淘宝、天猫、京东、亚马逊等⽹店页⾯编辑美化⼯作者的课程，熟悉平⾯设计软件Photoshop、Illustrator、美图秀秀、光影魔术⼿和⽹页设计Dreamweaver等软件将⽹店的视觉效果，排版等⼯作呈现出来。
⼆、课程说明1．教学⽬的和要求：⽹店美⼯(图像图像处理)是⼀门培养淘宝、天猫、京东、亚马逊等⽹店页⾯编辑美化⼯作者的课程。
通过对该课程的教学，使学⽣系统学习⽹店美⼯设计之“道”“器”“术”三个层⾯的知识体系，掌握商品拍照技巧，Photoshop（美图、光影）图形图像处理的图⽂设计能⼒，详情页的设计思路及⽹店的装修设计等能⼒。
要求学⽣对美⼯设计之“道”“器”“术”三个层⾯的知识原理做到理解，熟练掌握各种美⼯设计软件的使⽤⽅法，以培养学⽣的设计思维和能⼒为主，为学⽣⽇后成为专业的电⼦商务⼈才奠定坚实的基础。
2．先⾏课程：⽆。
3．周课时、总学时： 4学时*16周、共64学时,理论教学30学时、实践教学34学时。
4．开课学期：第⼆学期（或第三学期）。
5．教学⽅法：讲授法、头脑风暴法、分组讨论法、任务驱动法、案例讨论法等直观教学法。
6．考试⽅法：平时作业、考勤占50%，期末上机考试占50%。
7．实验、实习、作业：为了培养学⽣的实践动⼿能⼒，本课程主要以上机实践为主，理论教学为辅，基本上每次课都会配备相应的实操、实习作业，要求学⽣在课堂内完成。
8．教材：《⽹店美⼯》（第2版），童海君主编，北京理⼯⼤学出版社，2016年2⽉版。
9．教学参考资料：《⽹店美⼯实操》，淘宝⼤学编著，电⼦⼯业出版社，2013年。
《电⼦商务⽹页设计与制作》，徐峰主编，浙江⼤学出版社，2013年。
第10章移动端网店装修美工设计
一、移动端网店页面结构分析 2 移动端网店 目录
1 移动端网店页面结构分析 2 移动端网店装修快速入门 3 课堂案例：美妆商品直播秒杀主图设计
二、移动端网店装修快速入门
01 保持网店设计风格的一致性 02 采用简单且便于操作的设计方式 03 网店色彩的设计与选择
三、课堂案例：美妆商品直播秒杀主图设计
1 设计理念
使用墨绿色作为背景，搭配上黄色的广告文字，更好地突出了主题信息。 添加“抢免单”“活动价”等促销信息，激发买家的购物欲望，进一步
吸引其点击主图。
三、课堂案例：美妆商品直播秒杀主图设计
2 技术要点
为图片创建图层蒙版，对图像的显示进行控制。 利用“内阴影”图层样式为图片添加内阴影效果。 使用文字工具添加促销文案。 使用形状工具绘制各种修饰形状。
茶叶网店移动端首焦轮播图
两种色调对比
二、移动端网店装修快速入门 3 网店色彩的设计与选择
手机屏幕的尺寸有限，所以移动端网店的可浏览面积也相对较小，买家的视觉会 受到限制。这时，除了需要对文字进行精简以外，在整体色彩上也要具有鲜明感。
高纯度色彩与高明度色调
Contents 目录
1 移动端网店页面结构分析 2 移动端网店装修快速入门 3 课堂案例：美妆商品直播秒杀主图设计
二、移动端网店装修快速入门 1 保持店铺设计风格的一致性
移动端网店整体的装修与设计要做到风格一致、首尾呼应，否则不利于网店整体 设计风格的塑造。
女鞋移动端网店页面
二、移动端网店装修快速入门 2 采用简单且便于操作的设计方式
在进行手机移动端的网店装修设计时，有的网店会直接套用PC端网店的设计方式， 在手机移动端设计了可供买家进行缩放控制的页面尺寸，让买家可以通过滑动手机屏幕 来对页面进行缩放控制，就能清楚地浏览到页面中的信息。
网店美工 教案全套 第1--9章 网店美工的基础知识---网店场景化美工
《网店美工》配套教学教案第1章第2章2.4.1 画笔2.4.2 修复工具组2.4.3仿制图章2.4.4 蒙版2.4.5 渐变小结1.掌握商品图片的拍摄技巧。
2.掌握商品图片的尺寸调整和裁剪方法。
3.熟练掌握商品图片的抠图方法。
4.熟练掌握商品图片的瑕疵去除方法。
课后练习【课后实战】实训内容：用本章节所学的相关工具和命令完成酒瓶的抠图，打开“配套资源/第二章/课后实战素材.jpg”图片。
如图2-88所示。
图2-88“酒瓶抠图”素材实训要求：用Photoshop cs6制作完成，效果如图2-89所示，保存png.格式提交，由教师测评。
图2-89“酒瓶抠图”效果实训检测与评价：序号项目标准分值1 选区建立情况熟练运用建立选区的工具（40分）2 抠图处理情况橡皮擦、色彩范围和快速选择等工具使用恰当（30分）3 整体效果主体突出、层次分明，无瑕疵（30分）第3章3.4 调整商品图片的特殊效果3.4.1 特殊滤镜3.4.2 滤镜组小结1.熟练掌握商品图片明暗、对比度问题。
2.熟练掌握商品图片色彩、色调处理方法。
3.熟练运用“图层混合及样式”进行图片美化的方法。
课后练习【课后实战】实训内容：运用所学知识，为模特衣服改色，打开“配套资源/第三章/课后实战素材.jpg”图片，如7-52所示。
7-52 素材图实训要求：用Photoshop cs6制作完成，并排成一排，保存jpg.格式提交，如7-53所示，由同学互评。
7-53 效果图实训检测与评价：序号项目标准分值1 选区建立情况熟练运用建立选区的工具（30分）2 调色命令使用情况色相/饱和度、色彩平衡等命令运用恰当（30分）3 整体效果颜色排列正确、人物边缘清晰，无缺损（40分）第4章课后练习【课后实战】实训内容：用本章节所学的“文字”和“矢量绘图”知识完成促销标签图的制作。
实训要求：用Photoshop cs6制作完成，保存jpg.格式提交，效果如图4-55所示。
《网店美工第4版》教案
第一节首焦轮播区及其设计思路一、认识首焦轮播区网店的首焦轮播区主要用于告知买家网店在某个时间段有广告商品或促销活动，其位于网店导航的下方位置，其主要作用就是告知买家网店在某个特定时间段的一些动态信息，帮助买家快速了解网店的活动或商品信息。
首焦轮播区根据设计的内容可以分为新品上架、网店动态、活动促销等，不同的内容其设计的重点是不同的。
另外，在首焦轮播区中通常情况下会使用字号较大的文字来突出主要信息,同时搭配字号较小的文字来进行补充说明，并利用文字之间的组合编排来突出艺术感。
二、首焦轮播区的设计思路首焦轮播区在设计时用来搭配的图片不能太复杂，这样才能突出主题。
同时，要采用符合网店商品形象的文字，以避免产生凌乱的感觉。
常见的商品陈列区布局方式有3种，包括方块式布局，以及下面将要介绍的折线型布局与随意型布局。
1.折线型布局折线型布局就是将商品图片按照错位的方式进行排列。
在这种布局中，买家的视线会沿着商品图片做折线运动。
这样的设计可以给人一种清爽、利落的感觉，具有韵律感。
2.随意型布局随意型布局就是将商品图片随意地放置在页面中。
这种随意往往需要营造出一种特定的氛围和感觉,让这些商品之间产生一种联系，否则画面中的商品会由于缺乏联系而显得突兀。
随意型布局在女装搭配、组合销售中使用得较多，是一种灵活性较强的布局方式。
第四节课堂案例：当季热卖商品陈列区设计一、设计理念•在色彩搭配上，颜色对比要强烈，以增强视觉冲击力。
画面主色调采用鲜艳的红色和蓝色进行对比，营造出明亮、大气的视觉效果，这样的颜色设计很容易吸引买家的注意力。
•使用蓝色矩形图案进行修饰，使画面看起来更加和谐。
•使用同色系的价格标签作为点缀，增强画面的设计感。
二、技术要点•使用翦贴蒙版来控制图像的显示部分。
•使用矩形工具绘制图像的背景及修饰形状，并应用图层样式进行修饰。
三、实操演练略第五节综合实训以提供的图片为素材，为某男装网店设计新品上架的首焦轮播区。
《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》—教学教案
《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》教学教案第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”素材文件进行抠图，将其抠取出来的红酒瓶应用到其他背景中，调整大小和位置后合成为更具有营销表现力的效果图片。
电子商务专业《网店美工》(图形图像处理)课程教学大纲.doc
《网店美工》(图新图像处理)课程教学大纲一、课程基本信息1．课程编号：090912152．课程名称：《网店美工》/图像图像处理3．英文名称：XXXX4．课程简介：网店美工(图形图像处理)是一门培养淘宝、天猫、京东、亚马逊等网店页面编辑美化工作者的课程，熟悉平面设计软件Photoshop、Illustrator、美图秀秀、光影魔术手和网页设计Dreamweaver等软件将网店的视觉效果，排版等工作呈现出来。
二、课程说明1．教学目的和要求：网店美工(图像图像处理)是一门培养淘宝、天猫、京东、亚马逊等网店页面编辑美化工作者的课程。
通过对该课程的教学，使学生系统学习网店美工设计之“道”“器”“术”三个层面的知识体系，掌握商品拍照技巧，Photoshop（美图、光影）图形图像处理的图文设计能力，详情页的设计思路及网店的装修设计等能力。
要求学生对美工设计之“道”“器”“术”三个层面的知识原理做到理解，熟练掌握各种美工设计软件的使用方法，以培养学生的设计思维和能力为主，为学生日后成为专业的电子商务人才奠定坚实的基础。
2．先行课程：无。
3．周课时、总学时： 4学时*16周、共64学时,理论教学30学时、实践教学34学时。
4．开课学期：第二学期（或第三学期）。
5．教学方法：讲授法、头脑风暴法、分组讨论法、任务驱动法、案例讨论法等直观教学法。
6．考试方法：平时作业、考勤占50%，期末上机考试占50%。
7．实验、实习、作业：为了培养学生的实践动手能力，本课程主要以上机实践为主，理论教学为辅，基本上每次课都会配备相应的实操、实习作业，要求学生在课堂内完成。
8．教材：《网店美工》（第2版），童海君主编，北京理工大学出版社，2016年2月版。
9．教学参考资料：《网店美工实操》，淘宝大学编著，电子工业出版社，2013年。
《电子商务网页设计与制作》，徐峰主编，浙江大学出版社，2013年。
《网店美工宝典》，王楠编著，电子工业出版社，2015年。