网店美工教案(第五章-店铺LOGO)汇总演示教学
- 格式:doc
- 大小:224.50 KB
- 文档页数:6
《网店美工》电子教案
一、导入新课
小赵想开一家饰品之类的网店,在店铺装修时需要上传店铺的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讲
第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项目演练-制作花艺活动宣传视频
本任务通过制作花艺活动宣传视频,明确当下花艺行业宣传视频的后期风格并掌握宣传视频的后期处理要点与后期处理方法。
作业。
通过拖动R、G、B颜色条上所对应的滑块即可调整颜色。
四、使用吸管工具设置前景色和背景色在处理图像时,经常需要从图像中获取颜色,以确保图像中的颜色相一致。
例如,要修补图像中某个区域的颜色,通常要从该区域附近找出相近的颜色,然后用该颜色处理需要修补之处,此时便会用到吸管工具。
第七节常用图标汇总第八节常用快捷键汇总归纳与提高通过本章的学习,我们对Photoshop网店美工设计有了初步的认识,了解了Photoshop的基本概念和网店美工设计的四大要点,熟悉了Photoshop的工作界面和各种视图,掌握了Photoshop辅助工具的应用,学会了通过不同的方法设置图像颜色。
一、移动选区创建选区后,选择工具箱中的任意一种选区创建工具,然后将鼠标指针移至选区内,当指针呈形状时按住鼠标左键并拖动,即可移动选区。
二、全选和反选选区单击“选择”|“全部”命令或者直接按【Ctrl+A】组合键,可以选择画布范围内所有的图像。
三、羽化选区“羽化”命令主要用于柔化选区的边缘,使其产生一种渐变过渡的效果,以免选区边缘过于生硬。
第五节课堂案例——制作真皮男鞋海报一、【案例学习目标】学习调整选区的方法与技巧,并应用羽化选区命令制作出柔和的图像效果。
二、【案例知识要点】使用羽化选区命令制作柔和的图像效果,使用全选命令全选图像,使用魔棒工具选取图像,完成真皮男鞋海报制作。
三、【效果文件位置】效果文件/第3章/制作真皮男鞋海报.psd。
第六节课堂练习——制作手机端女装海报一、【练习知识要点】使用矩形选框工具绘制并填充矩形选区,使用调整边缘工具抠出模特,使用羽化选区命令为图像制作阴影效果。
二、【素材所在位置】素材文件/第3章/制作手机端女装海报/01.psd、02.jpg。
三、【效果文件位置】效果文件/第3章/制作手机端女装海报.psd。
第七节课后练习——制作中秋月饼简约海报一、【习题知识要点】使用魔棒工具和多边形套索工具抠出素材图像,使用移动工具将其置入海报中,然后变换图像的大小和位置。
《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.电脑端与无线端店铺的优缺点?练一练:先在无线端首页中使用自定义板块框选模块的区域,再添加图片。
六安职业技术学院教案
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机。
汽车就要贴的想汽车,车头,车屁股,。