网店美工教案(第五章 店铺LOGO)

六安职业技术学院教案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，你能帮忙设计吗？
二、讲授新课
1 Logo设计要领
Logo一般会出现在店铺的店招、海报、产品图以及包装袋上。

1.注意事项
◆简单易识别，保持视觉平衡并讲究线条的流畅，使整体形状美观。

◆用反差、对比或边框等强调主题。

◆选择恰当的字体。

◆注意留白，给人想象空间。

◆运用色彩。

因为人们对色彩的反应比对形状的反应更为敏锐和直接，更能
激发情感。

2.创作技巧
◆具体形式：基本忠实于客观物象的自然形态，经过提炼、概况和简化，突
出与夸张其本质特征，作为标志图形，这种形式具有易识别特点。

◆意象形式：以某种物象的形态为基本意念，以装饰的、抽象的图形或文字
符号来表现的形式。

◆抽象形式：以完全抽象的几何图形、文字或符号来表现的形式。

这种图形
往往具有深邃的抽象含义、象征意味或神秘感。

这种形式往往具有更强烈
的现代感和符号感，易于记忆。

2 Logo设计制作。

课 程:《网店美工》 授课班级:商务（1）班 授课教师: 宋 霞◆①②③④⑤⑥⑦⑧⑨⑩◆导入：同学们认识这是什么图形吗？人类文明进化的过程中有3～4万年的图腾时期，人们通过某种动植物符号来界定部落间的差异，进而发展出不同的文明。

圈腾意识在现代的应用就是标志。

中华民族的图腾是龙，如图所示，该图腾最早由黄帝部落的蛇图腾吞并炎帝部落的鸟图腾而成。

我们看到龙这个符号时就会呼唤起我们作为炎黄子孙的意识，图腾是人类意识进入抽象、符号和概括的漫长路途中逐步进他出来的。

图腾意识根植在人的潜意识里，所以LOGO 起到了唤起的作用，我们感受一下LV 、BMW 。

这些本来没有任何意义的字母组合带给我们的内在冲击就能明白，作为图腾延续的LOGO 有多强大。

新授：1.网店标志的定义标志设计概念网店标志承载着网店的无形资产。

是网店综合信息传递的媒介。

在形象传递过程中，是应用最广泛、出现频率最高，同时也是最关键的元素。

网店的定位、经营模式、产品类别和服务特点，都被涵盖于标志中，通过不断地刺激和反复刻画．深深地留在受众心中。

很多网店都忽略自己的标志设计，LOGO固定位置上的标志和banner上的标志都不统一。

往往会让消费者很快识别出这家店并不正规，也不成熟。

标志对于一个店铺来说就像一个人的名字，如果名字都能随意改，那么这个人的信誉一定不会很高。

所以我们应该对标志高度重视。

在设计上标志是网店的眼睛，通过这个眼睛能传递品牌的心灵和理念。

那么标志为什么会有这么强的作用呢？这和人类思维模式形成的过程有关，是文明进化的产物。

日本部分大名家徽上图是日本的家徽和日本企业标志的关系。

我们可以再次验证，标示是如何代表其组织的思想和灵魂的。

2.网店标志会出现在哪里标志一般出现在左上角最显著的位置淘宝搜索列表页如图所示的淘宝搜索列表页，很多人都忽视了，这个位置是比较大的一个流量入口尤其是对知名度比较高的品牌而言。

淘宝还有很多纷繁复杂的流量入口，尽管这些入口流量较小，但是集腋成裘，也是一笔可观的流量，这里值得一提的是，他们都是免费的。

《网店装修与美工》教案第一章：网店装修与美工概述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、让学生了解网店美工的重要性和作用。

2、使学生掌握网店美工所需的基本软件操作技能，如 Photoshop、Illustrator 等。

3、培养学生的审美能力和创新思维，能够独立完成网店页面的设计与装修。

4、提高学生对色彩、构图、排版等设计元素的运用能力，制作出吸引人的网店页面。

二、教学重难点1、重点掌握网店页面设计的基本原则和流程。

熟练运用设计软件进行图片处理和页面排版。

学会运用色彩、字体、图形等元素提升页面的视觉效果。

2、难点培养创新思维，设计出独特且符合网店风格的页面。

能够根据不同商品的特点和目标受众，制定合适的设计方案。

三、教学方法1、讲授法通过讲解和演示，向学生传授网店美工的基本理论知识和软件操作技巧。

2、案例分析法展示优秀的网店页面案例，引导学生分析其设计思路和优点，从中汲取经验。

3、实践操作法让学生亲自动手进行设计实践，在实践中巩固所学知识和技能。

4、小组讨论法组织学生进行小组讨论，共同解决设计过程中遇到的问题，培养团队合作精神和沟通能力。

四、教学资源1、多媒体教室，配备电脑和设计软件。

2、相关教材和参考书籍。

3、网络资源，如设计网站、论坛等。

五、教学过程1、导入（约 10 分钟）展示一些精美的网店页面和普通的网店页面，让学生对比分析，引导学生思考网店美工对网店销售的影响。

提问学生对网店美工的初步认识和理解，激发学生的学习兴趣。

2、知识讲解（约 30 分钟）介绍网店美工的概念、职责和工作内容。

讲解网店页面设计的基本原则，如简洁性、一致性、突出重点、引导性等。

讲解色彩搭配的基本原理和常用方法，如对比色、互补色、邻近色的运用。

介绍字体的选择和排版技巧，包括字体的风格、大小、间距等。

3、软件操作演示（约 40 分钟）打开设计软件（如 Photoshop），演示图片处理的基本操作，如裁剪、调色、抠图等。

演示如何制作网店页面的模板，包括页面布局、导航栏设计、商品展示区设计等。

《网店美工》教案教案：网店美工一、教学目标：1.了解网店美工的定义和作用。

2.学习常见的网店美工软件和工具。

3.掌握网店美工的基本技巧和方法。

4.培养学生实际操作的能力，能够独立完成网店美工任务。

二、教学内容：1.网店美工的定义和作用。

a.网店美工是指通过使用各种美工软件和工具，为网店设计各种平面图像，以提升网店的视觉效果和吸引力。

b.网店美工的作用主要包括：吸引顾客，提高转化率，增加销量等。

2.常见的网店美工软件和工具。

a. Photoshop：用于处理图像，进行修图和设计等操作，是最常用的网店美工软件之一b. Illustrator：用于绘制矢量图形，制作品牌LOGO和插图等，美化网店图片效果。

c. CorelDRAW：类似于Illustrator，也是用于绘制矢量图形的软件。

3.网店美工的基本技巧和方法。

a.图片处理：调整亮度对比度，色彩饱和度，剪裁图片，添加滤镜等，使图片更加美观。

b.文字设计：选择适合的字体，大小和颜色，设置合适的文本布局，突出重点信息。

c.色彩运用：根据产品和品牌的风格选择合适的色彩方案，增加网店的辨识度。

d.布局设计：合理安排各类元素的位置和排列方式，使整个网店页面看起来更加整洁和有序。

e.图片素材：选择高品质的图片素材，遵守版权规则，确保使用的图片合法可靠。

4.实际操作：a. 学生使用Photoshop软件，根据所选商品分类或主题，设计一个网店页面，包括主图，标题，文字，图标等元素。

b. 学生选择一个网店风格，利用Canva设计一个产品图片的海报，包括产品图片，文字信息，以及背景等内容。

三、教学方法：1.讲授法：通过讲解网店美工的基本概念和技巧，让学生了解相关知识。

2. 示范法：教师以实际案例为例，展示如何使用Photoshop、Canva等软件进行网店美工的操作。

3.实践操作：提供实际的操作任务，让学生进行网店美工的实际操作，锻炼实际操作能力。

4.个性化指导：根据学生的实际情况和水平，提供个性化的指导和建议，帮助他们进一步提高。

《Photoshop CC网店美工》配套教学教案第1章（2）先分析页面的设计元素，再对页面的颜色搭配与字体搭配进行依次分析。

第2章想一想：1.环境差时，拍摄商品图片的补救方法有哪些？2.拍摄时不同的效果各自的布景方式怎样？练一练：（1）根据实训目标，先拍摄不锈钢锅的整体效果，再拍摄材质和工艺。

（2）根据实训目标，需要先将洗面奶放到固定位置，再根据需要整体和单个展现，并拍摄展现效果。

第3章5、掌握为图像添加元素的方法。

想一想：1.怎么保证处理不清晰的商品图片？2.怎样使插入的元素更加合理美观？3.商品图片扣取时需要注意的细节问题有哪些？练一练：（1）根据实训目标，需要先将美女抠取出来，再应用到背景中并进行不透明度的处理。

（2）使用“亮度/对比度”命令处理图片，调整其亮度和对比度，使其更加美观。

（3）使用“亮度/对比度”命令处理图片，调整其亮度和对比度，使其更加美观。

第4章（2）制作一个以“促销活动”为主的直通车推广图，注重的是对促销信息的描述，要在图片中尽量表现促销的吸引力（即各种促销手段）、体现促销的主题（这里为双11）、促销活动的时间等信息。

第5章思考及作业想一想：1.可以将自己制作的首页设计文模板吗？2.首页各版块的设计风格和设计语言与主题的结合？3.首页各版块的衔接方法？练一练：首先制作店招、海报、促销模块、产品展示区等内容，最后制作尾页使画面更加完整。

第6章第7章想一想：1.还有哪些素材可以用于装修店铺？2.切片的图片有连续性吗？可否改变顺序？3.图片素材的链接制作方法？练一练：在制作时先打开料理机海报，并添加辅助线，再进行切片和保存。

第8章想一想：1.怎么保证无线端的安全？2.如何推广无线端店铺？练一练：按照店招——优惠券——海报——宝贝列表的步骤依次进行首页的制作。

第9章想一想：1.详情页制作前的准备有哪些？2.电脑端与无线端店铺的优缺点？练一练：先在无线端首页中使用自定义板块框选模块的区域，再添加图片。

《网店美工设计》教学教案第1讲认识网店美工的基础知识。

了解网店装修的常用软件。

熟悉网店装修的风格定位。

明确网店装修的基本流程。

熟练网店装修的软件操作。

能够划分网店装修的页面内容。

掌握网店装修的设计要点。

第2讲掌握裁剪的处理基础。

掌握抠图的处理基础。

掌握调色的处理基础。

掌握修图的处理基础。

了解商品图片的美化原则。

掌握商品图片的处理方法。

培养对商品图片的审美鉴赏能力。

培养对商品图片的美化创意能力。

2.9.3任务实施：修复高跟鞋图像瑕疵2.10复制取样图像2.10.1任务引入2.10.2任务知识：仿制图章工具2.10.3任务实施：复制取样挂饰图像2.11项目演练-调整曝光不足的商品图片2.11.1任务引入2.11.2任务实施：复制取样食品图像小结1、掌握裁剪的处理基础。

2、掌握抠图的处理基础。

3、掌握调色的处理基础。

4、掌握修图的处理基础。

作业2.11项目演练-调整曝光不足的商品图片本任务通过调整曝光不足的商品图片，熟练掌握“曲线”命令和“色阶”命令的使用。

第3讲掌握主图的设计基础。

掌握直通车图的设计基础。

掌握钻展图的设计基础。

了解网店推广图的设计思路。

掌握网店推广图的制作方法。

培养对网店推广图的审美鉴赏能力。

培养对网店推广图的设计创意能力。

3.3.3任务知识：圆角矩形工具3.3.4任务实施：设计生鲜食品钻展图3.4 项目演练-设计母婴产品车图3.4.1任务引入3.4.2设计理念小结1、掌握主图的设计基础。

2、掌握直通车图的设计基础。

3、掌握钻展图的设计基础。

作业3.4项目演练-设计母婴产品车图本任务通过设计母婴产品车图，明确当下母婴产品行业车图的设计风格并掌握车图的设计要点与制作方法。

第4讲掌握店铺海报的设计尺寸。

掌握店铺海报的版式构图。

掌握店铺海报的设计形式。

了解店铺海报的设计思路。

掌握店铺海报的制作方法。

培养对店铺海报的审美鉴赏能力。

培养对店铺海报的设计创意能力。

小结1、掌握店铺海报的设计尺寸。

项目5 网店店招设计与制作任务1 设计网店标志一、教材名称《商品拍摄与图片处理》（高等教育出版社）。

项目5任务1《设计网店标志》。

二、课时4课时（160分钟）。

三、教学目标分析1．知识目标了解网店标志设计的工作流程和工作内容。

2．能力目标了解网店标志的制作方法和技巧，设计网店标志。

3．情感目标培养学生美工设计过程中的创新品质。

四、教学重点与难点教学重点：了解网店标志的基本构成要素、设计要点和工作流程。

教学难点：根据实际需求设计美观、有效的网店标志。

五、教学方法1．教学方法讲授法、任务驱动法、情境创设法。

2．学习方法自主学习法。

六、教学准备多媒体课件。

七、教学过程（一）导入新课教师活动：通过提问Logo的概念、分类，了解课前预习情况，同时结合大屏幕课件展示内容，进行总结、强调：网店标志是网店的名片，它在设置网店基本信息时上传，当消费者搜索和收藏网店时就可以看到店标。

网店标志分为三类：纯文字型、综合型、纯图案型。

然后通过大屏幕展示几个网店Logo，引导学生判断属于哪一类型的Logo，并说明其特征。

学生活动：认真听讲，回答提问，巩固知识。

设计意图：通过提问的方式连接课前预习情况，并通过大屏幕归纳展示知识点，帮助学生巩固本节课所需知识基础。

（二）学习新知1.分析讨论工作步骤教师活动：通过大屏幕布置任务：小美接到任务，要为“爱家汇”日用品淘宝店铺设计一款综合型Logo，要求符合店铺经营特征，那么小美应该怎么做，先做什么？学生活动：以小组为单位进行讨论，分析Logo设计的工作步骤，并由代表小组上台分享结果。

设计意图：以任务形式激发学生学习兴趣，并通过小组讨论结果分析让学生掌握工作流程，为之后实际任务实打好基础。

2.学习掌握设计要点教师活动：以已经设计好的“爱家汇”Logo为例，讲解一般Logo设计的工作步骤和设计要点。

学生活动：认真听讲，对比自己的讨论结果，掌握Logo设计步骤和设计要点。

设计意图：已已有“爱家汇”Logo反过来分析Logo的设计步骤和要点，让没有设计基础的学生更容易理解和掌握。