（中职）网店装修（第二版）学习情境一 教案.docx

《（中职）网店装修（第二版）学习情境一 教案.docx》由会员分享，可在线阅读，更多相关《（中职）网店装修（第二版）学习情境一 教案.docx（19页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、任务一店铺风格定位一、教学目标1、知识目标（1） 了解店铺视觉规范的基础理论知识（2）掌握店铺风格定位的方法。2、技能目标（1）能正确理解店铺视觉规范。（2）能熟悉店铺风格定位的方法3、情感目标（1）培养学生观察与分析、使用数据的能力。（2）培养学生积极思考、大胆探索，从网络信息中挖掘信息的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析在网络购物时，店铺装修给顾客的第一印象，就决定了其对店铺的直观感受。虽然品牌、价格 等因素也是店铺定位的重要条件，但是排在首位的还是视觉卬象。因此，店铺的视觉定位几乎就等 于店铺的定位。所以店铺风格是一个重内容。教学重点：1、店铺风格规范的知识。

2、2、店铺风格定位的方法。教学难点：1、店铺风格定位方法。2、店铺风格定位的原那么。三、教学过程设计教学步 骤教师活动学生活动设计意图1、创设 情景引 入课题展示两家化妆品店铺的首页，看了这后，你会喜欢那个的 店铺风格？为什么？1.教师分析看展示家化 妆品店铺的 首页，角色为 买家,会喜欢 哪个？由比照反差 引出店铺风 格定位的重 要性2、新课 讲解一、店铺风格的定义店铺风格是指网店给访客的直观感受.就像一个人，留什 么样的发型，穿什么款式的衣服，甚至言行举止，都在向 别人传递着许多信息，而这些信息会给人留下或好或坏的 印象。店铺风格主要表达在网店主营商品类型、网店装修 风格、网店商品价位、网店

3、促销方式、网店顾客服务等方 面。二、店铺风格定位的原那么店铺风格定位需要遵循以下几个原那么：（1）要有依据，不能仅凭个人喜好或猜想就给店铺做风 格定位，要做到有理有据。（2 ）色彩搭配有主次、有比照，不能整个店铺通篇都是了解电脑端 店铺首页描 述规范。让学生先行 了解店铺风 格定位的方 法。（1）能正确理解店铺字体应用的规范。（2）能熟悉字体设计的风格。3、情感目标（1）培养学生观察与分析、使用数据的能力。（2）培养学生积极思考、大胆探索，从网络信息中挖掘信息的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析在网络购物时，设计师在创作中，什么情况下适合哪种字体，哪种风格适合哪些字

4、体，都直接 影响这个设计内容的视觉传达，值得设计师思考。如果在设计中应用了不合适的字体，不仅会使传 递的信息大打折扣，严重的还会使其成为无效信息，影响转化率。因此，选对字体对我们的设计有 着不可或缺的作用。教学重点：1、店铺字体规范的知识。2、店铺规范字体的分类。教学难点：1、店铺规范字体的使用。2、店铺规范字体的分类。三、教学过程设计10教学步骤教师活动学生活动设计意图U创设情景引入课题搜索字体的相关知识，比拟分析，思考不同字体应用不同消 费者有哪些区别？包含哪些内容思考不同字体 应用不同消费 者有哪些区 另h观看不同 的字体。引出店铺 字体规范 的重要性2新课讲解一、字体的理论知识（1）字

5、体是有态度、有性格的。字体如同模特的一张脸，代表 着一种风格，比方淘宝网上的知名店铺韩都衣舍、茵曼、七格格 女装、裂帛、天使之城、阿芙、御泥坊它们都有很多特别及 有个性的字体，很多字体还是比拟难找的，就是为了保证唯一性 和独特性。（2）字体的使用在店铺设计字体中，不是所以字体都可以免费使用的。很多新手 设计师可能会忽视字体版权问题，以为所有字体就可以免费应用 到设计图上，虽然有些字体是免费的，但用于商业宣传还是有风 险的，所以我们需尽量使用免费的商用字体。了解店铺字体 的应用规范。让学生先 行了解店 铺字体应 用的规 范。思源真黑思源柔黑站酩酩噩站酷直端黑免费商用字体能熟悉店铺字 体设计风格定

6、 位的方法。对体识的便 生字知统， 学铺范系解 让店规有了教学步骤教师活动学生活动设计意图于后面的 字体风格 的应用。学生了解字体 设计的常用方 法图1-36适合男性产品使用的字体学生理解各种 产品使用字体 的方法。过方字方 通的解用 生比了适 学对法体法图1-32免费商用字体1方正书宋方正黑体方正楷体方正书宋免费商用字体图1-33免费商用字体2一般店铺中常用字体：中文字体不超过两利一种用于标题, 另一种用于宝贝描述；数字字体一种，英文字体一种，特殊字体 一种（只在特定活动时用于渲染气氛）。同时，在选择字体的时 候，还要根据自己的受众、媒介和行业来定。图1-34手工感强字体 图1-35动感强的

7、字体二、字体的应用（1）适合男性产品使用的字体男性产品就是消费和使用人群主要为男性的产品，如：体育 运动类用品、车、剃须刀、游戏设备等。（2）适合女性产品使用的字体女性产品就是消费和使用人群主要为女性的产品，如：女装、 鲜花、珠宝配饰、护肤品、化妆品等。11教学步骤教师活动学生活动设计意图真学光私-* 9. 图1-37适合女性产品使用的字体（3）适合中性产品使用的字体中性产品就是消费和使用人群男性和女性都有的产品，如: 数码产品、大家电、小家电、家装、厨卫产品等。4008 822 823绿色厨卫原创典范图1-38适合中性产品使用的字体（4）适合促销类产品使用的字体因为促销类产品通常需要给用户传

8、递非常亢奋而激烈的情 绪，而这种情绪恰好与男性特征中激烈冲动且亢奋的特点相吻 合，所以在促销和抢购等活动类设计中，男性化字体被普遍使用。图1-39促销类产品使用的字体学生学会区分不同种类使用（5）适合孩童产品、童趣产品使用的字体的方法。孩童产品就是使用人群主要为幼儿和儿童的产品，如：婴幼 产品、零食、玩具等。童趣产品就是那些有卡通人物设计、造型 可爱的产品。cC图1-40适合孩童产品、童趣产品使用的字体12教学步骤教学步骤教师活动学生活动设计意图（6）适合小清新、文艺、复古产品使用的字体小清新、文艺产品就是消费和使用人群主要为文艺青年的产 品，如：文艺风服饰（茵曼、无印良品）、手工首饰、家居用

9、品 等。通过不同字体 设计效果展示 不同字体应用 的范围。图1-41适合小清新、文艺、复古产品使用的字体（7）适合高端昂贵产品、奢侈品使用的字体高端昂贵产品、奢侈品就是消费和使用人群主要为商务精 英、企业家、商人和社会名流的产品，如：名表、名贵首饰、高 端包袋、高端服饰、香水、名酒等。图1-42高端昂贵产品、奢侈品使用的字体（8）适合中国传统相关产品使用的字体中国传统相关产品是指酒、茶、特产、旅游地等具有中国传 统文化特质的产品。基于这类产品一般具有古典优雅、中国风、 箱气、历史底蕴等特征，我们可以总结出文艺文字特征：书法字 体、霸气洒脱、流畅等。图1-43适合中国传统相关产品使用的字体（9）

10、自主设计字体淘宝店铺装修设计中，为了提升文字的整体感与空间感，个别字 体会使用的一些自主设计的字体。自主设计字体主要有黑体拉 长、横笔相连、化点为圆、方形圆弧化等四种方法.黑体拉长横笔相连褂窘的。/化圆为点方形圆弧化跚遏路人13教学步骤教师活动学生活动设计意图图1-44设计字体的常用方法图1-45黑体拉长效果图1-46字体相连效果在设计过程中，也会遇到文字效果欠佳，可以添加文字效果。图1-47描边效果图1-48斜面浮雕效果图1-49渐变效果至场包山口就等你来一,- - 44一. / - J图1-50画笔笔刷效果14教学步骤教师活动学生活动设计意图三、设计计划通过对任务的分析及字体规范的学习，下

11、：制订字体设计的计划如分析产品或消费者的特性选择相应的字体字体下载字体应用四、设计决策Y I M I伊米生活用品店主要销售家居日用品，属于消费和 使用人群男性和女性都有的中性产品。基于中性干净、简洁、中 性美、精致、平静等特征，我们可以总结出中性化文字特征：性 别属性不强、并不需要很强烈的情感特征、偏中立、兼具男性字 体和女性字体的特征，到字由下载合 适的免费商用的字体。（1）字体下载网址有：PS 家园网:字由网址:字体安装：第一步：输入 , 点击客户端下载（见图1-51）。字由-设计标必箭字体利典 1 - Ma图1-51客户端下载界面第二步：解压下载好的压缩包，进行安装，安装后出现可以 选择

12、的免费商用的字体。第三步：翻开photoshop cs6软件，快速应用字体，无需下 载字体，点击商用免费字体预览区，点击激活字体，然后再选中 设计软件中的字体，点击“文字工具二就可以在下拉面板选择 相应字体。（见图1-53）。15教学步骤教师活动学生活动设计意图11，击!,1& Jh；也出出也!也加!现la8ttU9 政迎5 SKSlii一图1-53增加字体样式14.学生实训新店开张，需要为九阳厨房小家电电器店设计店铺的字体搭配。 请你根据店铺资料的消费群体与系列产品特征选择店铺的字体 搭配。1.查找店铺字 体设计规范。2.查找店铺字 体风格。让学生主 动学习， 查找资料5.课后小结本节课要掌

13、握的重点：1、店铺字体规范的知识。2、店铺规范字体的分类。明白本节课自 己要掌握的知 识点回顾所学 知识16感谢您的支持与使用如果内容侵权请联系删除仅供教学交流使用17教学步骤教师活动一种颜色，给人很单调、压抑 的感觉。（3 ）色系不宜过多，太多会让人觉得乱，应控制在三种 以内。（4 ）少用鲜艳色，尽量采用中间色。鲜艳色比拟刺眼， 可能喧宾夺主，会抢商品的风头。任何店铺，其真正的主角都是商品而不是装修，装修 只是一个衬托。中间色比拟温和，不张扬。三、店铺风格定位的方法.行业特性根据行业特有的性质来确定店铺风格。例如：户外运 动（见图1 3 ）的关键词：动感、大自然、健康、活力; 推荐色系：蓝、

14、绿、橙、红。孕婴用品（见图1 4 ）的关键词：温馨、希望、洁净、 成长；推荐色系：浅粉、浅玫瑰、浅绿、浅蓝。1 .商品特性（1）价格水平我们就可以从商品的档次上来定位装修风格，要显得精美、 有档次。（2）消费群体可以从消费者的性别、年龄、职业、文化水平、收入水平 等方面找出消费群体的特性和共性。（3 ）文化内涵根据商品不同的特性，可以在装修时选择具有不同文化内 涵的主题，如茶具、茶叶、保健品等可以选用具有中国风、 水墨复占的装修风格，（3.时节特性有时候还需要根据季节的不同，选择不同的店铺装修风格。 春天春I可大地，选择绿色为主色调来装修，秋冬季节，以 橙色、红色等暖色进行装修。不同的节日，还

15、可以更换不 同的风格。四、通过对任务的分析及店铺风格定位的学习，制订店铺 风格定位计划如下：学生活动设计意图能熟悉店铺 风格定位的 方法。让学生对店 例i规范知识 有系统的了 解，便于后面 的配色（1）Y I M I伊米生活用品店主营工程为水杯、毛巾、拖 鞋等现代口用百货商品，此类商品注重实用又兼具美观。（2）分析店铺目标消费群体教学步 骤教师活动学生活动设计意图(3)本店的主要消费群体为1 84 9岁的时尚女性，一 般在企事业单位工作，收入较高，工作稳定，消费特点为 精打细算，在购物方面追求美观与实用性。因此，店铺的 装修就要符合女性的审美习惯，要求重点突出功能、设计、 性价比等。三、定位店

16、铺风格店铺风格主要有时尚、简约、古典、非主流、酷炫、 可爱、小清新、欧美、中国风、奢华、手绘、甜美、商务 等。通过参考优秀口用百货网店的设计风格，分析行业特 性，目标群体的爱好、特点，找出店铺想要表达的概念， 明确体验关键词为简洁、时尚，以获得目标消费群体的信 任和关注。五、店铺定位方法：方法一：参考同行业店铺，确定大致的范围。在淘宝店铺搜索“家居日用品”，把这个行业里经营得比拟 好的店铺找出来，进行参考、比拟或局部模仿。方法二：根据确定的店铺风格，到淘宝网卖家服务装修市 场，或者设计网站，如：90设计、千图网等找到合适的店 铺模板，进行参考、比拟或局部模仿。4、学生 实训一、在淘宝网上去查找

17、不同的店铺首页设计，至少10款， 挑出最能你最喜欢的，并说明为什么？二、发布任务：五一劳动节快到了，小熊电器店想重新装 修店铺，以配合劳动节大促，请你定位店铺装修风格。1.查找店铺 规范2.查找店铺 风格通过对各个 网店的同类 产品的店铺 比照，得出优 秀的店铺优 点在哪里5、课后 小结本节课要掌握的重点：1 .店铺风格规范的知识 2、店铺风格定位的方法明白本节课 自己要掌握 的知识点回顾所学知 识任务二配色方案确定一、教学目标1、知识目标(1)掌握配色方案的概念与知识。(2)掌握配色方案的设计方法。2、技能目标(1)能正确使用配色方案。(2)色彩搭配的原理。3、情感目标(1)培养学生观察与分

18、析的能力。(2)培养学生积极思考、大胆探索，从数据中挖掘信息的能力。(3)培养学生自主学习、协助学习的能力。二、教学内容分析配色是店铺视觉规范的一个重要内容，网店整体配色，一定要给人统一和谐的感觉，是决定买 单下单的一个重要因素，所以这是店铺视觉规范的一个重要内容。教学重点：1、色彩搭配的原理要素。教学难点：1、色彩搭配的技巧与方法。三、教学过程设计4教学步 骤教师活动学生活动设计意图1、创设 情景引 入课题生活中，爱美的女性常常讨论，什么颜色的上衣搭配什么颜色的裙子， 配什么颜色的包，戴什么颜色的项链或手链，才会好看，这其实就是在讨 论配色方案。如下列图网店。/ J* 二 i0二 3a 二

19、5二通俗地明白 配色的概 念，强化店铺 配色设计 重要性。2、新课 讲解一、配色的元素：1 .网店整体配盾;一定要给人统一和谐的感觉，并不是越花哨越好，花哨 只能使访客觉得混乱。2 .配色总的应用原那么应该是“总体协调、局部比照”。也就是说，页面的整体配色效果应该是和谐的，只有局部的、小范围的 地方可以有一些强烈色彩的比照。熟悉配色方 案的知识与 设计技巧， 掌握设计原 理与设计的 技巧。让学生多 观察，并结 合所学的 知识进行 设计方案。明度教学步骤学生活动设计意图色相明度图1-13色彩三要素藏蓝浅蓝100%80%图1-19冷色色调色卡(3)暗色色调(见图1-20)：纯色加黑得到暗色系。是让

20、人觉得成熟、 高贵、尊贵、气势、高雅的颜色，表达能力感和高格调文化。适合男性、 汽车、电器、数码、商务、奢侈品等主题。图118暖色色调调色卡(2)冷色色调(见图1-19)：包含绿色、蓝色和紫色。是让人觉得清 爽、粒重、舒缓、冷静的颜色。适合男性、户外、电器、数码、夏天、春 天等主题。饱和度饱和度(1)色相(H)即色彩可呈现出来的质的与相貌，如红、橙、黄、绿、青、 蓝、紫等。(2)质和度(S)即纯度，是各色彩中包含的单种标准色成分的多少。饱和 度用来表现色彩的鲜艳和深浅。(3)明度(B),又称为色彩的亮度，即色彩的明暗差异，也即深浅差异。二、色彩心理优秀的颜色搭配可以延长顾客在店铺逗留的时间，顾

21、客在店铺浏览的 时间越长，下单的机会就越大。所以，选对颜色对店铺装修有着非常重要 的作用。要选对颜色，必须了解不同颜色会给人带来什么不一样的感觉。(1)暧色色调(见图1-18)：包含红、橙、黄及这三种颜色的混合， 是让人觉得温暖、愉悦、热情、激动的颜色。适合促销、女性、儿童、家 居、食品等主题。6教学步骤教学步骤教师活动学生活动设计意图3、使用邻近色彩配色邻近色彩不是同一色彩但是又非常接近，是在色相环上顺序相邻的色 彩。图1-26邻近色页面四、确定好店铺风格后，根据色彩搭配方法，制定以下计划:五、设计决策：(1)根据总体协调、局部比照的配色原那么，在为网店配色时，首先应 确定网店的主色调。(2

22、)根据主色确定辅色(按钮、标签、重要文字)根据两种邻近色彩 配色方法找出网店的辅色(3)找出网店的突出色根据两种比照色彩配色方法找出网店的突出色。六：任务实施方法一：根据色相环确定配色方案。(1)设计决策确定了主色为蓝色，确定颜色明度与饱和度(2)根据邻近色原那么，蓝色的邻近色是绿色或者紫色，可以确定辅色为紫 色。(3)根据比照色原那么，蓝色的比照色是黄色、红色、橙色，可以确定突出 色为橙色。(4)得出配色方案，(见图1-24)。教学步 骤教师活动学生活动设计意图图1-27配色方案1 方法二：从成功网店借鉴配色方案。对于新手来说，很难马上将这些色彩知识应用到自己的网店中，最便 捷快速的方法就是

23、学习借鉴其他成功网店中的配色方案。除了网店外，还 可以借鉴网页，甚至世界名画。先找到一个借鉴的网店，（见图1-28）。时尚炫彩资料册Bmm. 一 * -A n i 4、学生 实训国庆节快到了， “飞利浦”小家电电器店铺重新装修店铺，以配合国庆节 大促。请你根据店铺资料的消费群体与系列产品特征设计店铺的配色方案。 1、店铺名称：飞利浦小家电器店2、产品服务与特色：实用小家电电器，系列产品包括吹风机、剃须刀、挂 烫机、电动牙刷、空气净化器、电子美容仪、吸尘器等品类。公司 3、消费群体:年轻群体4、品牌形象类型：实用小家电根据上面的 知识点，完 成小家电的 设计。（没有弄清 楚的地方可 参看微课）通过此任 务的完成， 掌握配色 方案的设 计。5、课后本节课要掌握的重点：明白本节课回顾所学8教学步 骤教师活动学生活动设计意图小结1、色彩搭配的原理要素。2、色彩搭配的技巧与方法。自己要掌握 的知识点知识任务三字体的规范一、教学目标1、知识目标(1) 了解店铺字体规范基础理论知识(2)掌握店铺字体风格的分类。2、技能目标