网店美工教案(第五章-店铺LOGO)汇总演示教学
网店美工第5章店铺LOGO
宁可直接使用品牌名字也不可乱改标志。
5.2.3 网店LOGO的策略步骤
两个步骤、六个维度，可以形成网店LOGO 策略表。
1.1 明确网店策略 1.2 明确品类定位 1.3 明确风格定位 2.1 元素取舍 2.2 字体的选择 2.3 色调的选择 侧重品牌，侧重销售还是侧重咨询？ 属于哪个大品类，子品类；特点如何 品牌/产品的特点，风格和理念 中，英名字，图形，吉祥物，广告语 是线体还是直线体？ 饱和度、明度、色相；色彩情感
5.1
什么是店铺LOGO
5.1.1 网店标志的定义
网店标志承载着网店的无形资产，是
网店综合信息传递的媒介。在形象传递过
程中，是应用最广泛、出现频率最高，同
时也是最关键的元素。
5.1.2 网店标志会出现在哪里
标志一般出现在左上角最显著的位置
淘宝搜索列表页
会显示店铺LOGO的地方
商城首页显示店铺LOGO的地方
5.1.3 网店标志的基本元素
5.2
店铺LOGO的策略
小熊电器标志
5.2.1 战略定位不同，LOGO不同
同样是女装类目，各店的战略目标定位不同 ，标志也就不同。
女装类目的标志
不同战略定位，两个不同的LOGO
5.2.2 风格定位不同，LOGO不同
风格的确立是品牌鲜明化的路径。一 个确定的风格往往会带给我们综合的感官 认知，比如软硬、轻重、繁简、浓淡等， 这些感官认知必须体现在LOGO的设计上 。
Identity，视觉识别系统）。网店美工要像尊重法律
一样去遵守。
标志要有很好的“大小”适应性；放到很小的时 候也应能识别。
标志要有很好的适应性
5.3.7 主要LOGO尺寸速查
在我的淘宝店铺后台管理页面里，选择店铺基本 设置可以设置店铺LOGO。
《网店美工》教案-店铺logo设计
《网店美工》电子教案
一、导入新课
小赵想开一家饰品之类的网店，在店铺装修时需要上传店铺的logo，现在小赵正需要一个饰品类的logo，你能帮忙设计吗？
二、讲授新课
1 Logo设计要领
Logo一般会出现在店铺的店招、海报、产品图以及包装袋上。
1.注意事项
◆简单易识别，保持视觉平衡并讲究线条的流畅，使整体形状美观。
◆用反差、对比或边框等强调主题。
◆选择恰当的字体。
◆注意留白，给人想象空间。
◆运用色彩。
因为人们对色彩的反应比对形状的反应更为敏锐和直接，更能
激发情感。
2.创作技巧
◆具体形式：基本忠实于客观物象的自然形态，经过提炼、概况和简化，突
出与夸张其本质特征，作为标志图形，这种形式具有易识别特点。
◆意象形式：以某种物象的形态为基本意念，以装饰的、抽象的图形或文字
符号来表现的形式。
◆抽象形式：以完全抽象的几何图形、文字或符号来表现的形式。
这种图形
往往具有深邃的抽象含义、象征意味或神秘感。
这种形式往往具有更强烈
的现代感和符号感，易于记忆。
2 Logo设计制作。
《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》—教学教案
《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》教学教案第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.1 教学目标让学生了解网店装修与美工的基本概念。
让学生理解网店装修与美工的重要性。
让学生掌握网店装修与美工的基本流程。
1.2 教学内容网店装修与美工的定义。
网店装修与美工的作用。
网店装修与美工的基本流程。
1.3 教学方法讲授法：讲解网店装修与美工的定义和作用。
案例分析法：分析成功案例，让学生了解网店装修与美工的重要性。
1.4 教学评估课堂问答：检查学生对网店装修与美工概念的理解。
案例分析报告：评估学生对成功案例的分析能力。
第二章：网店装修与美工的基本原则2.1 教学目标让学生掌握网店装修与美工的基本原则。
让学生了解如何运用这些原则进行网店装修与美工。
2.2 教学内容网店装修与美工的基本原则。
如何运用这些原则进行网店装修与美工。
2.3 教学方法讲授法：讲解网店装修与美工的基本原则。
实践操作法：让学生在实际操作中运用这些原则。
2.4 教学评估实践操作演示：评估学生对网店装修与美工原则的实际运用能力。
作品评价：评估学生运用原则进行网店装修与美工的成果。
第三章：网店装修与美工的设计元素3.1 教学目标让学生了解网店装修与美工的设计元素。
让学生掌握如何运用这些设计元素进行网店装修与美工。
3.2 教学内容网店装修与美工的设计元素。
如何运用这些设计元素进行网店装修与美工。
3.3 教学方法讲授法：讲解网店装修与美工的设计元素。
实践操作法：让学生在实际操作中运用这些设计元素。
3.4 教学评估实践操作演示：评估学生对网店装修与美工设计元素的运用能力。
作品评价：评估学生运用设计元素进行网店装修与美工的成果。
第四章：网店装修与美工的设计原则4.1 教学目标让学生掌握网店装修与美工的设计原则。
让学生了解如何运用这些设计原则进行网店装修与美工。
4.2 教学内容网店装修与美工的设计原则。
如何运用这些设计原则进行网店装修与美工。
4.3 教学方法讲授法：讲解网店装修与美工的设计原则。
《网店美工案例教程》课程教案
1.制作跨境端游泳镜Banner本练习将制作跨境端游泳镜Banner,在制作时先绘制Banner背景，再添加游泳镜图像效果，并在左侧输入文本内容，效果如图所示。
2.制作移动端篮球Banner本练习将制作移动端篮球Banner,在制作时先绘制Barmer背景，再输入文本内容，并对文本进行编辑，完成后在右侧添加篮球素材，效果如图所示。
举一反三3.制作PC端瑜伽垫主图本练习将制作PC端瑜伽垫主图，先制作主图背景，再输入文本内容，并对文本进行编辑, 完成后的效果如图所示。
4.制作跨境端摇摆驼鹿Banner本练习将制作跨境端摇摆驼鹿Banner,在制作时先绘制Banner背景，再添加摇摆驼鹿图像效果，并在左侧输入文本内容，效果如图所示，5.制作移动端毛绒玩具Banner本练习将制作移动端毛绒玩具Banner,在制作时先绘制Banner背景，再输入文本内容, 并对文本进行编辑，完成后在右侧添加毛绒玩具素材，效果如图所示。
葫鼠当造鼠6.制作PC端魔方主图本练习将制作PC端魔方主图，先制作主图背景，再输入文本内容，并对文本进行编辑, 完成后的部分主图效果如图所示。
滑灵活旋转第4章3.制作PC 端笔记本主图本练习将制作PC 端笔记本主图，先制作主图背景，再输入文本内容，并对文本进行编辑, 完成后的部分主图效果如图所示。
小结 4.3.2 设计店标4.3.3 设计店招 4.3.4 设计Banner 4.3.5 设计主图 4.3.6 设计详情页43.7 举一反三1、掌握办公用品类网店设计的方法。
2、掌握数码配件类网店设计的方法。
3、掌握手机配件类网店设计的方法。
1.制作跨境端LED 日历Banner本练习将制作跨境端LED 日历Banner,在制作时先绘制Banner 背景，再添加LED 日历图 像效果，并在左侧输入文本内容，效果如图所示。
I1Alarm Clock Numeral WoodenLED Tim© TemperatureCalendarBU Y$25.992.制作移动端办公桌Banner本练习将制作移动端办公桌Banner,在制作时先绘制Banner 背景，再输入文本内容，并 对文本进行编辑，完成后在左侧添加办公桌素材，效果如图所示。
网店美工全书电子教案完整版课件全书教学课件
一、网店图片文件的类型
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讲
第2讲
第3讲
3.4.2设计理念
小结1、掌握主图的设计基础。
2、掌握直通车图的设计基础。
3、掌握钻展图的设计基础。
作业
3.4项目演练-设计居家大衣橱直通车图
本任务通过设计居家大衣橱直通车图，明确当下家居产品行业直通车图的设计风格并掌握直通车图的设计要点与制作方法。
第4讲
4.3项目演练-设计果汁饮品海报
本任务通过设计果汁饮品海报，明确当下饮品行业海报的设计风格并掌握海报的设计
要点与制作方法。
作业
第5讲
5.3项目演练-设计PC端数码产品首页
本任务通过设计PC端数码产品首页，明确当下数码产品行业PC端首页的设计风格并掌握PC端首页的设计要点与制作方法。
作业
第6讲
6.3项目演练-设计PC端运动鞋品详情页设计
本任务通过设计PC端运动鞋品详情页，明确当下鞋品行业PC端详情页的设计风格并掌握PC端详情页的设计要点与制作方法。
作业
第7讲
7.3项目演练-设计无线端数码产品首页
本任务通过设计无线端数码产品首页，明确当下数码产品行业无线端首页的设计风格并掌握无线端首页的设计要点与制作方法。
作业
第8讲
8.3项目演练-制作花艺活动宣传视频
本任务通过制作花艺活动宣传视频，明确当下花艺行业宣传视频的后期风格并掌握宣传视频的后期处理要点与后期处理方法。
作业。
跨境电商美工教案——项目五
［步 规格参数要求：高度为 100px～600px、宽度为 960px，图片大小不能超过 2MB
（四）商品推荐
在线下市场，商品陈列展示是一个很重要的环节；在线上，商品陈列推荐同样有 着重要作用。商品推荐模块可通过手动或自动的方式挑选商品，并可设置商品展示的 样式，使用频率较高。
3.掌握首页模块的制作与安装方法。
4.了解店铺装修过程中需要注意的问题。
能力目标及要求：
1.理解店铺装修对网店经营的重要性。
2.能够采用有效的方法完成速卖通旺铺的装修。
3.掌握首页模块与框架设计要点。
教学重点：
首页模块的制作与安装方法
教学难点：
首页模块的制作与安装方法
教 学 过 程
备 注
一、教学导入
学科
跨境电商美工实务
课题
项目五 速卖通旺铺装修指南
任务1 了解速卖通店铺装修
任务2 速卖通店铺首页装修
任务3 店铺装修第三方模板
周次
4
时数
16节
授课班级
教学目的及要求：
通过本次课程学习，应达到以下目的和要求：
知识目标及要求：
1.熟悉并掌握速卖通旺铺装修的一般流程。
2.掌握应用系统模板、搭建首页框架的方法。
［步骤 1］速卖通店铺首页装修中商品推荐模块最多可以重复添加 6 个，主区 域设置 3 个、侧边栏设置 3 个，位置可以上下移动。
由于商品推荐模块里的图片会直接使用商品主图的第一张，因此被选商品的首图一 定要简洁，尽量和店铺整体装修风格一致。大多数消费者的浏览习惯都是从上往下、从 左往右，商品推荐也应该遵循这个原则，做到简约大方、重点突出、整齐划一、分类有序。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
六安职业技术学院教案
2016 ---- 2017 学年度第一学期
任课教师：林琳
课程名称：网络美工与广告设计
人之处。
品牌的联想与产品的使用感受，最终凝聚在一个记忆符号上。
这就是logo。
logo最朴素的定义呢，就是：一个有个性的签名;一个美的、有寓意的图形;一个品牌记忆的终极符号。
成功品牌的logo会价值连城，没有成功的一文不值，放在电脑里就是像素，一停电什么都没有。
logo最基础的功能呢就是：看出来是一个什么样的组织(企业、品牌等);隐约能看出来是干什么的(行业属性);感受大概的精神气质(品牌个性)。
在纷扰的环境中可以迅速被找到，以充满友好的姿态让受众了解到，与此同时还可以区分于竞品。
2.什么才是好的logo
①个性化：一个优质的logo需有个性化，也是唯一的。
独特性与唯一性是logo最为基本的要求之一，它一定是不一样的。
要用艺术的语言，将品牌不同的气质，表现出来。
与其他的品牌，与相近的图形，有着明显的区别。
②简单、符号化：之所以有logo的出现，就是因为想要一个简单的东西，符号化的东西，来高度的概括品牌的气质，方便的，更加容易的，运用在产品与服务上。
大家试想一下，如果你的iphone你的mac 上印的是第一个苹果，你还会买吗?你不会。
不管是库克还是乔布斯，都不会允许把这个引到苹果的产品上，因为他不够简单，他不是符号化的东西。
大家再看一下第二个logo。
大家都知道，这是苹果公司的第一个logo。
大家可以试着用一句话描述一下。
牛顿坐在苹果树下看书，树上的苹果好像快要掉下来了，四周飘舞着一个丝带，上边写着苹果电脑公司。
而苹果现在的logo呢?大家再试着用一句话描述一下，一个被咬了一口的苹果。
③精准、有质感：一个好的logo，如果他的行业属性允许的前提下，一定要做的足够的精致，足够的有质感。
经得起人在细节上的推敲，不论放多大，线条都一定是流畅的，质感都一定是十足的。
巴西最大的私营电视台，巴西环球电视台(Rede Globo);亚足联冠军联赛(AFC Champions League);大家可以看看这两个logo，在形态与质感上都是很到位的logo，高光与阴影的运用，色彩的使用上，都是很讲究的。
④巧妙、会心一笑：这一条是logo的加分项。
logo是高度的浓缩，如果可以把品牌的某一点，巧妙的融入到logo中，能让人一琢磨觉得很有意思，那一定是一个好的logo。
亚马逊的logo大家都知道是一个笑脸，但是还隐藏了一个从a到z，代表着亚马逊便捷顺畅的服务。
Fedex联邦快递作为一个快递公司的slogan是使命必达!使命必达就是快!EX中间的负形箭头。
Citiback花旗银行，t上部的一个曲线与t构成了一把伞。
银行嘛，安全很重要。
3.设计出一个好logo的思路
①从品牌名称入手：从品牌名称的首字母，中英文名称，或者品牌名称的含义入手。
我来举几个栗子。
大众汽车，VolksWagen，就用V和W做一个嘛。
中华汽车，用中。
成都旅游，用成，成都旅游看什么?熊猫，结合一下。
金杭大运河?用运河做，古朴一点?做成印章的形式。
丝路基金?丝路是啥?沙漠!基金是啥?钱。
②从品牌行业属性入手：餐饮行业一定是看起来就好吃的,好喝的。
连锁超市一定是看起来就方便的，亲民的。
交通行业一定是看起来就很快的，很便捷。
游戏产品一定是看起来就酷炫的很duang的。
大型集团一定是看起来就包容的，无所不能的。
奢侈品一定是看起来就是特别特别贵，买不起的...
③把控细节，提升质感：首先要把控细节。
做logo一定要规范，该直的地方一定是直的，该圆的一地方一定要很流畅。
该突出的地方要突出，没有必要的细节就删掉。
大家可以看一下这三个logo，英国石油，美国国家地理，丰田。
都是严格的遵守了黄金比例。
都是很规范，很严谨的设计。
BTW，说句题外话，大家千万不要迷信所谓的参考线与黄金比例。
好的黄金比例应用，是为了在一定程度上规范画面的效果，从而达到视觉上的舒适。
它就是辅助你达到“好设计”的一个工具，但是不要以工具为源头去设计。
一开始就秉承“我要用黄金比例去设计”或是“好设计都是以黄金比例为基础”，那这样就是本末倒置了。
另外，就是要提升质感。
正所谓三分画，七分裱。
恰当的质感的增加能给logo增色不少。
我们再来看一个例子：做过logo的人都知道，在logo中，最难做的是车标。
因为它不仅仅需要你设计上的规范，寓意上的好，还需要结构上的处理，质感的叠加。
大家可以看看这个众泰汽车的飞机稿，一步步从线稿到墨稿到黑白稿，分结构，加质感，是不是一步步效果就好了很多。
④动手前先用脑：什么用脑前先用手呢?做logo一定不要直接上电脑，要先用手用笔，这是很重要的一点。
电脑用的无论多熟练，都不如用手画的自然，而且说不定用手划拉的过程中还会有很多意想不到的收获。
咱们来看几个网上盛传的logo从手稿到最后的GIF。
什么叫动手前先动脑呢?就是画的时候要动脑子。
要多画，画标的一开始一定是头脑风暴的阶段，把能想到的不管好的坏的，靠谱的不靠谱的，都要画下来。
但是也要根据品牌的个性与气质来下笔，适当的联想，不能瞎画。
⑤贴切真实的延展：
（1)一定要贴切，延展一定要是跟品牌相关的东西。
银行就要贴的像银行，什么银行卡，atm机。
汽车就要贴的想汽车，车头，车屁股，。