网店美工教案(第五章-店铺LOGO)汇总
《网店美工》教案-店铺logo设计
《网店美工》电子教案
一、导入新课
小赵想开一家饰品之类的网店，在店铺装修时需要上传店铺的logo，现在小赵正需要一个饰品类的logo，你能帮忙设计吗？
二、讲授新课
1 Logo设计要领
Logo一般会出现在店铺的店招、海报、产品图以及包装袋上。
1.注意事项
◆简单易识别，保持视觉平衡并讲究线条的流畅，使整体形状美观。
◆用反差、对比或边框等强调主题。
◆选择恰当的字体。
◆注意留白，给人想象空间。
◆运用色彩。
因为人们对色彩的反应比对形状的反应更为敏锐和直接，更能
激发情感。
2.创作技巧
◆具体形式：基本忠实于客观物象的自然形态，经过提炼、概况和简化，突
出与夸张其本质特征，作为标志图形，这种形式具有易识别特点。
◆意象形式：以某种物象的形态为基本意念，以装饰的、抽象的图形或文字
符号来表现的形式。
◆抽象形式：以完全抽象的几何图形、文字或符号来表现的形式。
这种图形
往往具有深邃的抽象含义、象征意味或神秘感。
这种形式往往具有更强烈
的现代感和符号感，易于记忆。
2 Logo设计制作。
网店美工设计-教学教案
《网店美工设计(项目式全彩微课版)》
配套教学教案
第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项目演练-制作花艺活动宣传视频
本任务通过制作花艺活动宣传视频，明确当下花艺行业宣传视频的后期风格并掌握宣传视频的后期处理要点与后期处理方法。
作业。
网店美工 教案全套 第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所示。
网店美工教案
网店美工教案一、教学目标1、让学生了解网店美工的重要性和作用。
2、使学生掌握网店美工所需的基本软件操作技能，如 Photoshop、Illustrator 等。
3、培养学生的审美能力和创新思维，能够独立完成网店页面的设计与装修。
4、提高学生对色彩、构图、排版等设计元素的运用能力，制作出吸引人的网店页面。
二、教学重难点1、重点掌握网店页面设计的基本原则和流程。
熟练运用设计软件进行图片处理和页面排版。
学会运用色彩、字体、图形等元素提升页面的视觉效果。
2、难点培养创新思维，设计出独特且符合网店风格的页面。
能够根据不同商品的特点和目标受众，制定合适的设计方案。
三、教学方法1、讲授法通过讲解和演示，向学生传授网店美工的基本理论知识和软件操作技巧。
2、案例分析法展示优秀的网店页面案例，引导学生分析其设计思路和优点，从中汲取经验。
3、实践操作法让学生亲自动手进行设计实践，在实践中巩固所学知识和技能。
4、小组讨论法组织学生进行小组讨论，共同解决设计过程中遇到的问题，培养团队合作精神和沟通能力。
四、教学资源1、多媒体教室，配备电脑和设计软件。
2、相关教材和参考书籍。
3、网络资源，如设计网站、论坛等。
五、教学过程1、导入（约 10 分钟）展示一些精美的网店页面和普通的网店页面，让学生对比分析，引导学生思考网店美工对网店销售的影响。
提问学生对网店美工的初步认识和理解，激发学生的学习兴趣。
2、知识讲解（约 30 分钟）介绍网店美工的概念、职责和工作内容。
讲解网店页面设计的基本原则，如简洁性、一致性、突出重点、引导性等。
讲解色彩搭配的基本原理和常用方法，如对比色、互补色、邻近色的运用。
介绍字体的选择和排版技巧，包括字体的风格、大小、间距等。
3、软件操作演示（约 40 分钟）打开设计软件（如 Photoshop），演示图片处理的基本操作，如裁剪、调色、抠图等。
演示如何制作网店页面的模板，包括页面布局、导航栏设计、商品展示区设计等。
Photoshop网店美工设计 第五章 PC端店铺首页设计
5.4 课堂练习——春夏女装首页设计
使用“矩形”工具 、 “圆角矩形”工具 、“椭 圆”工具 、“多边形”工 具和“直线”工具 绘制图 形 , 使用“横排文字”工具 输入文字，使用“新建参考 线”命令创建参考线，使用 “描边”命令添加图层样式， 使用“创建剪贴蒙版”命令 和“对齐”命令调整春夏女 装首页的细节。
第5章 PC端店铺 首页设计
本章介绍：
PC 端店铺首页设计是网店美工设计任务中 的综合型工作任务，精心设计的 PC 端店铺首 页能够向消费者传达品牌感和信任感。本章针 对 PC 端店铺首页的基本概念及设计模块等基 础知识进行系统讲解，并针对流行风格及行业 的典型 PC 端店铺首页进行设计演练。通过对 本章的学习，读者可以对 PC 端店铺首页的设 计有一个系统的认识，并能快速掌握 PC 端店 铺首页的设计规范和制作方法，成功制作出具 有品牌影响力的 PC 端店铺首页。
学习目标
掌握首页的基本概念 掌握首页的设计模块
5.1 首页的基本概念
店铺首页是消费者进入店铺看到的第一张展示页面，具有展现品牌 气质、承担流量分发的功能。精美的首页不但可以提升消费者对店铺的 好感，还可以提高商品转化率，因此需要用心设计首页。
5.2 首页的设计模块
店招和导航 轮播海报 优惠券 分类模块 商品展示 底部信息
5.2.1 店招和导航
2.店招和导航的构成 ·品牌LOGO ·店铺口号 ·推荐产品 ·搜索框 ·导航
5.2.1 店招和导航
3.店招和导航的设计要点 （1）店招 以淘宝为例，可以分为常规店招和通栏店招两类，常规店招尺寸为 950 像素 ×120 像素，通栏店招包含店招、导航和背景，尺寸通常为 1920 像 素 ×150 像素。 （2）导航栏 导航栏的高度为 10 像素～ 50 像素，建议为 30 像素；导航栏的字体 建议为黑体或宋体，如果使用黑体，建议字号为 14 像素或 16 像素，如果 使用宋体，建议字号为 12 像素或 14 像素；文字间距建议为 播海报的设计要点 轮播海报可以依据 4.2.1 小节中的 PC 端全屏海报和 PC 端常规海报 进行设计。其他设计规则可以参考 4.2.2 小节中海报的版式构图和 4.2.3 小节中海报的设计形式。
网店美工教案
网店美工教案简介本教案旨在教授网店美工设计的基础知识和技能，帮助学生掌握在网店平台上进行视觉设计的能力。
通过此教案的学习，学生将能够制作精美的产品展示图、宣传海报和商品页面设计，提升网店的销售能力。
目标•了解网店美工设计的重要性•掌握常用设计软件和工具的基本操作•学会制作精美的产品展示图和宣传海报•掌握商品页面设计的要点和技巧•提升网店的形象和销售能力内容1.网店美工设计概述–什么是网店美工设计–网店美工设计的重要性和作用2.设计工具和软件介绍–常用的设计软件和工具–Photoshop、Illustrator、Canva等软件的基本操作3.产品展示图制作–产品拍摄技巧和要点–图片处理和修饰–添加文字和标识–效果增强和调整4.宣传海报设计–海报的设计要素和原则–海报布局和排版技巧–文字处理和字体选择–图片和色彩运用5.商品页面设计要点–页面布局和结构–图片和文字的组合–色彩和风格的选择–页面的导航和可视性教学方法•理论讲解：通过课堂讲解、案例分析等方式，介绍网店美工设计的基本概念、原则和技巧。
•实践操作：学生通过实际操作设计软件和工具，进行产品展示图、宣传海报和商品页面的设计。
•作品展示和评议：学生完成作品后，展示给全班同学，进行互动交流和评议，提供改进意见和建议。
考核与评估•基于学生的作品和实际操作，进行综合评估。
•口头答辩：要求学生对自己作品的设计思路、技术运用进行口头表达。
•作品展示：学生将自己的作品展示给全班同学，接受同学和老师的评议。
参考资源1.《网店美工设计指南》2.《Photoshop设计教程》3.《Illustrator平面设计基础》4.在线教育平台的视频教程和教学资源授课计划本教案为期10节课，每节课50分钟。
课时内容第一节网店美工设计概述第二节设计工具和软件介绍第三节产品展示图制作第四节宣传海报设计第五节商品页面设计要点第六节实践操作1第七节实践操作2第八节作品展示和评议第九节总结与复习第十节考核与答辩结语通过本教案的学习，学生将能够掌握网店美工设计的基本知识和技能，提升网店的形象和销售能力。
网店美工视觉设计教学教案
网店美工视觉设计教学教案教学目标：1.理解网店美工视觉设计的基本概念和原理。
2.掌握网店美工视觉设计的基本技巧和方法。
3.提高学生的网店美工视觉设计能力。
教学内容：1.网店美工视觉设计的概念和原理：a.网店美工视觉设计的定义和作用。
b.网店美工视觉设计的基本原理和规则。
2.网店美工视觉设计的基本技巧和方法：a.色彩搭配和表现。
b.图片选择和处理。
c.布局和排版。
d.字体选择和运用。
3.网店美工视觉设计的案例分析和实践：a.分析和评价不同网店美工设计的案例。
b.进行实际的网店美工视觉设计实践。
教学过程：第一节：网店美工视觉设计的概念和原理（20分钟）1.引入：与学生讨论什么是网店美工视觉设计，为什么它在网店设计中很重要。
2.讲解网店美工视觉设计的定义和作用。
3.介绍网店美工视觉设计的基本原理和规则，如色彩心理学、黄金分割、对比等。
第二节：网店美工视觉设计的基本技巧和方法（30分钟）1.色彩搭配和表现：讲解如何选择和搭配网店美工设计中的色彩，以及不同色彩的表现效果。
2.图片选择和处理：介绍如何选择合适的图片素材，如何进行图片处理和优化。
3.布局和排版：讲解网店美工设计中的布局原则和排版技巧。
4.字体选择和运用：介绍如何选择合适的字体，并讲解字体在网店美工设计中的运用方法。
第三节：网店美工视觉设计的案例分析和实践（40分钟）1.分析和评价不同网店美工设计的案例：让学生观察和分析不同网店的美工设计，并提出自己的评价和改进意见。
2.进行实际的网店美工视觉设计实践：让学生根据自己所学的网店美工设计技巧和方法，设计一个网店页面或广告素材。
第四节：总结和展望（10分钟）1.整理学生的设计作品，并展示给全班。
2.总结网店美工视觉设计的重要性和基本原则。
3.展望未来，鼓励学生在网店美工视觉设计领域持续学习和探索。
教学评价：1.学生的参与度和表现。
2.学生的设计作品质量和创意。
3.学生对网店美工视觉设计的理解和运用能力。
《网店美工》教案
上篇：美工设计之“道”第1章走进视觉美学（3学时）一、教学目的及要求通过本章的学习，使学生了解视觉美学的基础知识、色彩心理，掌握色彩的搭配与黄金分割、冷暖色调及网店设计的颜色效应。
二、教学重点及难点教学重点：色彩的搭配与黄金分割，色彩心理与网店设计。
教学难点：视觉营销在网店商品中的运用。
三、教学手段多媒体（投影仪、计算机），板书。
四、教学方法课堂演讲、头脑风暴、提问、讨论、启发、案例分析。
五、作业1、了解视觉美学发展历程。
2、列出视觉营销运用较好的3个以上天猫店铺。
六、参考资料1.《网店美工实操》，淘宝大学编著，电子工业出版社，2013年。
2.《电子商务网页设计与制作》，徐峰主编，浙江大学出版社，2013年。
3.《网店美工宝典》，王楠编著，电子工业出版社，2015年。
七、教学内容与教学设计1.1 视觉美学1.2 色彩心理1.2.1色彩的分类与属性1.2.2色彩的搭配与黄金分割1.2.3色彩心理与冷暖色调1.2.4色彩心理与网店设计1.3 视觉营销1.3.1视觉营销1.3.2视觉营销与商品八、课后小结第2章入门网店美工（3学时）一、教学目的及要求使学生了解网店美工在店铺运营中的位置和优秀美工的成长路径。
二、教学重点及难点教学重点：网店美工运营之手，美工在店铺运营中的位置。
教学难点：网店美工成长路径及日常工作。
三、教学手段多媒体（投影仪、计算机），板书。
四、教学方法课堂讲授、提问、讨论、启发、案例分析。
五、作业1、网店美工的岗位介绍及岗位要点？2、网店美工的日常工作有哪些？六、参考资料1.《网店美工实操》，淘宝大学编著，电子工业出版社，2013年。
2.《电子商务网页设计与制作》，徐峰主编，浙江大学出版社，2013年。
3.《网店美工宝典》，王楠编著，电子工业出版社，2015年。
七、教学内容与教学设计2.1网店美工2.1.1美工分类2.1.2网店美工简介2.2网店美工运营之手2.3优秀网店美工成长之路2.3.1网店美工成长路径2.3.2网店美工日常工作2.3.3网店美工工资待遇2.4网店美工新手建议八、课后小结中篇：美工设计之“器第3章学会宝贝拍照（3学时）一、教学目的及要求通过本章的学习，使学生了解相机的选择和网拍的注意事项、掌握宝贝拍照场景的布置、光线的角度、拍照的流程。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
六安职业技术学院教案
2016 ---- 2017 学年度第一学期
任课教师：林琳
课程名称：网络美工与广告设计
通过可视的东西，让别人感觉到看不到的东西，这就是logo的迷人之处。
品牌的联想与产品的使用感受，最终凝聚在一个记忆符号上。
这就是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。
什么叫动手前先动脑呢?就是画的时候要动脑子。
要多画，画标的一开始一定是头脑风暴的阶段，把能想到的不管好的坏的，靠谱的不靠谱的，都要画下来。
但是也要根据品牌的个性与气质来下笔，适当的联想，不能瞎画。