电子商务视觉设计（全彩微课版）电子教案.docx

《电子商务视觉设计（全彩微课版）电子教案.docx》由会员分享，可在线阅读，更多相关《电子商务视觉设计（全彩微课版）电子教案.docx（11页珍藏版）》请在优知文库上搜索。

1、电商视觉设计配套教学教案第一章电商视觉设计基础课时内容电商机党设计基础授课时间190分钟课时2知识目标0熟悉电商视觉设计的相关概念.熟悉电商视觉改汁师的作范B0熟悉电商觇觉设计的准的工作，熟悉电商视觉设计的工作流程与设计师的慨位职比.技能H标常郴电商视觉设计中文字的应用方法。常报电商视觉设计中常用的构图方法。素质目标0具备较强的视觉设it专业知U1.。0具备良好的中美素养及设计理念.教学内容对电商企业来说,视觉设计可以在增强网店和商品吸引力的同时增加网店流盘和成交盘给消费乔创造更好的购物体验，在泊费者心目中聚造良好的品牌形思.通过对本章的学习,读者可以掌握电商视觉设计的相关概念和电商视觉设计师

2、的工作范畴、电商视觉设计的准备工作、电商视觉设计中的文字应用、电商视觉设计常用构图方法、电商视觉设计的工作流程与设计师梅位职员等知识.内容大纲：典体可站台本章的PPT课件进行配合讲解，第1章电函视觉读计基独1.1 电商视觉设计假屋1.1.1 电商视觉设计的秘美概念1.1.2 电商现优设计的工作范畴1.2 电商祝党谩计的欣备1.2.1 电,商视觉设计应遵彻的原则1.2.2 电商视觉设计寄妥学握的软件1.2.3 电商视觉设计定住1.2.4 电商文案的泉划1.3 电商理觉设计文字应用1.3.1 文字的布后技巧1.3.2 文字的凝色1.3.3 文字的由形化1.4 电商视觉设计的常用构困方法1.4.1

3、时称式构图1.4.2 相单切舅枸困1.4.3 对角仅构困1.4.4九宫珞构图1.4.53彩构IS1.4.6三角附构图1.4.7整体口盘构圉1.4.8流作构图1.4.9物体轮康构Ifi1.5 电商祖觉设计工作海位与血位做费1.5.1 电商视免设计工作谑衽1.5.2 电商一觉设计岗位职费1.6 应用实例分析网店首页的设计布局课后练习为课后练习挑选一个自己范欢的网店，淘宝网、京东、唯品会、拼多多等平台的均可，分析签黄网店首页,舒照分析其色彩搭配和文字的排版是否合理,分析首页中的店招、导航、首页轮播图、促销商品图片等内容设计.在该网店中选择一件自己喜欢的商品.并为其编写一篇商品详情页文案，如图1-38

4、所示.MHKRK加52011.OWY三三O戌SI三。.EVMMMM*三三B*图138分析网店苜页第3章商品图片的美化与修饰课时内容鹿拈图片的美化与闺ft授课时间135分钟课时3常榔调盛商品图片大小的方法.H1.1.乂EH小掌握蠲整商品图片色彩的方法.0掌梅组合商品图片的技巧.技能目标0掌握修饰商品图片的技巧.0掌握添加图片特效的技巧.*H日心0具备隅整商从图片色彩的能力.整咙H怀0具备针对商M图片的市关意识和审美能h教学内容网上购物的特殊之处在于消世者只能通过图片、文字、视频来了解商品，图片的好坏往往是吸引消费者的重要因素，所以商品图片的美化与修饰非常重要.一般好的商品图片胜过千言万语，有经验

5、的商家都非常重视商品图片在网络俏售中的重要性.每个商家都需要有清新、漂亮的图片来宣传自己的商品,通过对本章的学习，读者可以掌握商品图片的美化与修饰技巧等知识.内容大纲：具体可结合本章的PPT课件进行配合讲解.第3章商品图片的美化与修饰3.1商品图片大小网整3.1.1网6国片的常见尺寸3.1.2调空由片尺寸3.1.3极剪商苏图片3.1.4校正倾轩的国片3.2商品国片的也彩调整3.2.1调空Ifi片亮度和对比度3.2.2刈整图片隰光度323调筌国片电阶3.2.4调处图片曲线3.2.5调络Ifi片色相/他和度3.3商苏图片的姐合3.3.1枢取商品图片3.3.2为商品图片添加文字3.3.3添加脂状与I

6、fi案3.4商品图片的修饰3.4.1去除背米中多余的物品3.4.2提芯图片清晰度3.5添加国片材效3.5.1虚化仔景3.5.2渗加发光效果3.5.3添加精美边根3.6应用实例批处理商品国片浑后练习腐课后习题监，课后练习.W1 .调整爆光不足的照片.打开素材文件，如图3-89所示,在修光度”对话框中设置相应的参数，对曝光不足的图片进行曝光度的调整，调整短光度后的效果如图3-W所示.图3-89打开素材文件图3-90调整88光度后的效果2 .给图片添加水印效果：打开素材文件，如图3-91所示。选择工具箱中的横排文字工具，在图片上饰入需要添加的文字,并设置图层样式，还可以设置文字图层的不透明度，添加文

7、字后的效果如图3-92所示.第6章网店首页视觉设计课时内容网店白页机觉设计授课时间90分钟课时2知识目标0熟悉首页的作用.E1.熟悉PC端首页框架布局。技能目标0学界首页分类导航模块的制作方法.0掌握首页轮播图片的制作方法。0拿抑首页商品展示区的制作方法。素旗目标E1.具备时首页视觉设计水平的评价素养，0具;首页设计的基本素养.教学内容网店视觉设计的好坏直接影响消货者对网店的第一印象，好的网店视觉设计能提升网店形象，旗得酒费者的好礴,从而促进网店内商品的销件,网店首页作为整个网店的形象展示页.相当于实体1!店的门面，其视觉设计至关重要.通过对本章的学习，读者可以掌握首页视觉设计基础、首页视觉设

8、计水平的评价指标、分类导航模块的词作、轮播图片的制作、商品展示区的制作等知识.第6#网店首页视觉设计6.1 苜页视觉设计基础6.1.1 首页的作用6.1.2 首页设计总路6.1.3 PC踹首页框架布局6.2 苜页现宜设计水平评价指标6.2.1 首页跳失率6.2.2 首页点击率6.2.3 首页人为点击次数6.2.4 首页平均停留时同6.3 分美导航梗埃的制作6.3.1 常心分类导航点现彩式6.3.2 分美导航视觉设计原则6.3.3 设计制作分矣导航模块6.4 轮好国片的制作6.4.1 轮据国片的祝他要点6.4.2 能搞图片的视觉文案设计6.4.3 的作舱蛤图片6.5 而原展示区的制作6.5.1

9、商品展示模块尖型6.5.2 商品展示陈列优化6.5.3 设计制作商品展示区实例6.6 应用实例切割网店首页课后练习这课后练习下面使用提供的紊材文件制作网店首页。在设计网店首页时,要采用统一的风格和结构来把各个元素组织在一起。使用的颜色.字体、图形及页面布局应能传达给消费者一个形象化的主题.弁引导他们关注网店的内容。为了醒目,可以把商品导航放在明显的地方.或用特殊样式的导航按钮标注出商品分类。首页中的图片应既能体现商品品质，又能藏造网店形象。最终制作的首页效果如图6-102所示。课后习题图6-102首页效果第7章商品详情页视觉设计课时内容商品详情页视觉设计授课时间90分钟课时2知识目标EJ熟悉商

10、品详俯页的作用、设计思路、模熟悉新品主图的设计规范和设计形式。0熟悉商品细。底示M的表现形式和制作0熟悉商品功效说明区的设计规范、商M央设祝。方法.卖点的展现角度.技能目标0掌握设计商品详情页的技能.0掌握在线设计商品主图的技能.0掌握在线设计商品细节展示图的技能。0号槐在线设计商品功效说明图的技能。素质目标E1.具备设计商品主图和曲品详情页的能力，0具饴编写商品详情页文案的能力.教学内容商品详情页除了能告知消费者该商品的基本情况外，还能展示细节，打消消费者的赎虑，促使其下单购买。可以说，商品详情页直接影响着商品的转化率。一个好的商品详情页,不仅可以提高商品转化率，还可以降低营销成本。通过对本

11、章的学习，读者可以掌握商居详情页视觉设计基础、设计商品主图、设计商品细节展示区、设计商品功效说明区等知识。第7堂商苏洋情页视觉设计7.1 商品详情同设计7.1.1 商品洋情页的作用7.1.2 商品详情员设计总路7.1.3 由*洋情页的模块设登7.2 商品生图设计7.2.1 商主图的设计规范7.2.2 新品主困的设计形式7.2.3 添加文案提高商品主用点击率7.2.4 在线设计商品主用7.3 商品统节照示区设计7.3.1 商品的节展示区的表现彩式7.3.2 在线设计商品加节展示困7.4 商品功效说明区设计7.4.1 商品功效说明区的设计规范7.4.2 商品卡点的展.亚角度7.4.3 在线设计商品

12、功效说明困源后练习公课后习题课后练习遂三下面为一个冢居网店制作商品详情页，通过实践练习制作商品详情页。（I）进入美图王在线设计网站,选粹详情页制作.从家居用品”分类中选择一个备合的模板，如图7-63所不O图7-63选择一个适合的模块（2）在详情页模板编辑区设at各个板块的文字和图片信息，商品详情页最终效果加图7-64所示。三三三二第8章移动端淘宝网店装修实战课时内容移动剂加宝网店装佬实故授课时间90分钟课时2知识目标E1.熟悉移动端网店首页与PC然网店首页的不同，0熟悉移动端网店首页模块的组成，技能目标团掌提添加网店热搜的方法。0掌握添加店铺优忠办的方法.0家秀添加上新公告的方法.0V界使用鹿

13、班智能货架添加商品的方法.素质目标0具备移动端网店首页i殳计装修的能力.0具侪使JIJ装修模板装蟋忖店的能力。教学内容明着移动网络的发展，越来越多的人用欢在移动战上网购物，移动然两物已羟成为种的势，针对移动端的装修已成为网店商家必不可少的工作。通过对本草的学习，读者Ur以墩握移动网店基础装修、设计移动箍网店首页、鹿班-键全店智能装修.内容大纲：具体可结合本章的PPT课件进行配合讲解,第8章移动调为宝冈店装修实战8.1 秒动端网店装修基世8.1.1 移动圾巧店首页与PC端的不同8.1.2 秽劫端苜弱梗块的组网8.2 移动端网店首页议计装修8.2.1 首页我修入口8.2.2 帝加店倘热拽8.2.3

14、 添加店借优包券8.2.4 添加上新公告8.2.5 旎班智豌货架添加商品8.3 应用实例庇班一绽金店祈使,装修课后练习慰课后习题./迎后绒、】咯-随着淘宝店搐装修模板的全面上线，淘宝为商家提供了更多个性化的店铺装修模板，在帮助商家提高销量的同时，也提高消费者的浏览体验.当商家购买了模板后，就可以自由使用该模板.(I)进入淘宝旺铺店铺装修页面，单击“奘修模板”超徒接，如图8-43所示.AiManm图843单击.装修模块”超通接（2）打开装修市场页面，选择相应的装修模板，如图8-44所示.WiMffM.-r1.图844选择装修模块（3）打开模板详情页面，可以试用模板，如图8-45所示。进入试用环境后,可自由调整模块,顿序、排列商品等.图8-45试用模板