中职 网店运营综合实在电子教案项目3 任务1 网店色彩设计思维.doc

《中职 网店运营综合实在电子教案项目3 任务1 网店色彩设计思维.doc》由会员分享，可在线阅读，更多相关《中职 网店运营综合实在电子教案项目3 任务1 网店色彩设计思维.doc（8页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、中职 高教版网店运营综合实在电子教案项目3 任务1 网店色彩设计思维网店运营目录项目1 网店开设前的筹备任务1 网店的定位与分析任务2 网店运营团队管理任务3 网店账号的注册及认证项目2 网店设置及产品上架任务1 店铺的基本设置任务2 商品上架项目3 网店装修思维任务1 网店色彩设计思维任务2 网店装修设计思维项目4 网店促销与推广任务1 网店促销活动任务2 网店推广之付费推广任务3 网店推广之内容推广项目5 网店流量解析与SEO优化任务1 网店流量分析任务2 淘宝SEO项目6 网店客户运营任务1 售前客服工作任务2 售中客服工作 任务3 售后客服工作项目7 网店物流运营任务1 网店商品包装任

2、务2 网店物流配送教学课题项目3 任务1 网店色彩设计思维 课题类型理实一体化课时安排10上课时间教学目标1.了解色彩的分类、色彩的模式、认识色环、色彩的情感2.了解六基色的特点及适用范围教学重点色彩的常见搭配方法教学难点色彩的搭配方法及不同产品类目的色彩设计场景应用辅助资源课件、多媒体、网络情景引入 色彩的分类？ 认识色彩的模式有哪些？ 你觉得色彩是否具备情感？教学手段教学过程师生互动活动设计 情景教学课件举例讨论课件实作情景设计：在网店装修中，色彩的运用是基础，色彩主要影响店铺及商品的整体观感、设计品质及受众情绪，需要将色彩与商品图片、文字等素材进行合理搭配，形成协调、统一、观赏性强的网店

3、装修风格。张小明团队成员刚接触色彩这个新领域，面对丰富多样，纷繁复杂的色彩体系，团队成员显得有些力不从心，于是在“拼淘淘网络科技公司”的美工设计总监的指导下，团队成员开始了色彩设计思维训练，了解网店装修中色彩的应用方法和技巧。任务分解：张小明团队成员在企业的指导下，经过讨论、搜集资料，将要学习以下内容：认识网店色彩搭配搭配六基色典型案例，通过对色彩的分类、色彩的模式、认识色环、学习色彩的情感及搭配方法的学习，提升色彩设计的逻辑思维。活动1：认识网店色彩搭配活动背景：网店色彩搭配得当，网店装修也就成功了一半。学习网店色彩搭配，首先需要充分认识色彩，了解色彩的分类、模式，进而掌握色彩的特性及搭配技

4、巧，张小明创业团队将要学习如何在千变万化的色彩世界中，实现色彩与产品的最优雅搭配，需要团队成员继续学习与思考。活动实施：一、认识色彩的分类暖色系与冷色系在设计中的运用暖色：暖色由红色调构成，如红色、橙色和黄色。这种颜色选择给人以温暖、舒适、有活力的感觉。这些颜色产生的视觉效果使其更贴近观众，并在页面上更显突出。冷色：冷色来自于蓝色调，如蓝色、青色和绿色。这些颜色使配色方案显得稳定和清爽。它们看起来还有远离观众的效果，所以适于做页面背景。“知识窗”在千变万化的色彩世界中，人类视觉感受到的色彩非常丰富，可分为无彩色系和有彩色系两大类。无彩色系是指白色、黑色和由白色黑色调合形成的各种深浅不同的灰色。

5、有彩色系主要包含三类颜色，即原色、间色及复色，如图3.1.1所示。图3.1.1 三原色（左边为色光三原色，右边为颜料三原色）“做一做”学生用PS完成制作三原色模型图，保存JIG和PSD两种格式上交。二、 认识色彩的模式。认识色彩的RGB、CMYK、HSB、Lab颜色模式。三、认识色彩，了解色环色环是在彩色光谱中所见的长条形的色彩序列，只是将首尾连接在一起，使红色连接到另一端的紫色，色环通常包括 12 种不同的颜色，如图3.1.2所示。按照定义，基色是最基本的颜色，通过按一定的比例混合基色可以产生任何其它颜色。现在大多用红、绿、蓝作为基色。网店装修中常用到的是相似色及互补色，让我们一起来了解一下

6、。1.相似色及应用相似色是指在给定颜色旁边的颜色，即在色轮上90度角内相邻接的色统称为类似色。橙色的相似色则为相邻的两个颜色即为红色和黄色。使用相似色的配色方案可以提供颜色的协调和交融，类似于在自然界中所见到的那样。图3.1.2 12色相环2.对比色及应用对比色在色环上相互正对，色轮上90度-180度角内的颜色也都是对比色。如果希望更鲜明地突出某些颜色，则选择对比色是常用的方法。如果您在制作一幅橙子的图片，使用蓝色的背景将使的主体橙子部分更突出。四、认识并体会色彩的情感1.色彩的视觉效应色彩可以在观赏者的视觉神经中留下长久印象，是最直接的视觉语言。在视觉设计作品中，视觉要素的认知顺序依次是色彩

7、图像图案标志文字。2.色彩的味觉效应色彩源于自然界，视觉感受也会影响味觉，食品的色彩、造型、体积在某种程度上会提高味觉的感受力，我们的大脑经过长期生活经验的积累，形成相关的联系能力。3.色彩的情绪效应色彩本身是没有情感的，我们之所以能感受到色彩的情感，是因为长期生活在一个色彩环境中，积累了许多视觉经验，这些经验与某种色彩刺激发生呼应时，就会激发某种情绪。4.色彩与性格对应关系红色是外向型的性格，其特点是刚烈、热情、大方、健忘、善于交际、不拘小节；黄色是力量型的性格，其特点是习惯于领导别人，喜欢支配；蓝色是有条理的性格，其特点个性稳重，不轻易做出判断；绿色是适应型的性格，其特点是顺从、听话，愿意

8、倾听别人的倾诉。请各小组成员在淘宝网上选择1-2家店铺，简述店铺装修采用的社彩搭配方式，分析店铺色彩设计与消费者情绪之间的关系。“做一做”五、了解色彩的搭配方法1.同频色/单色搭配:单一色相，不同饱和度和明度的搭配设计。2.相邻色搭配:在色相环中，挨着比较近的就是相邻色，如图3.1.4所示。图3.1.4相邻色搭配3.间隔色搭配:在色相环中，根据红橙黄绿蓝紫六色的顺序，搭配方式中间间隔一个颜色，就是间隔色。4.对比色搭配:在色相环中，搭配方式中间间隔两个颜色，颜色之间相差180度，就是对比色。活动评价：通过本次活动的学习，大家对色彩有了较为深入的了解，对网店装修的配色原理和配色方法有了初步的认知

9、，从中我们不难发现在网店装修中，颜色的灵活运用在页面制作中起着非常关键的作用，有很多网店以其成功的色彩搭配令人过目不忘。通过此次活动，张小明团队成员为店铺装修积累了色彩的知识和经验。活动2 搭配六基色典型案例活动背景： 张小明团队成员在了解并认识了色彩之后，即将对网店进行色彩搭配设计，在设计之前，张小明团队需要尽可能多的掌握各类颜色的应用场景和适用范围，本次活动将以六大基本色：红、橙、黄、绿、蓝、紫为例，通过总结各类颜色的特点及场景搭配，开展案例分析与学习，以六大基色为基础，进而推广到大部分颜色的搭配和使用方法。一、了解六基色之红色搭配的案例红色搭配小结：在色彩搭配中，红色格调能烘托喜庆、热闹

10、的节日气氛；可体现女人的妩媚、知性和性感；能展示商品的力量感；还能提升消费者对食品的食欲。同时红色也是一种警示色，例如红绿灯，各种交通标识，有一定权威性。纯红色有很强的刺激感，降低红色明度的暗红色可以体现出商品奢华的品质感，如图3.1.9所示。图3.1.9 红色美食海报橙色搭配小结：在色彩搭配中，橙色比红色少了一些视觉冲击，可体现一种接地气促销的氛围，橙色多用于表现在餐饮、水果、食品等行业，营造一种卡通、童趣感，橙色还可以展现年轻活力、烘托家庭幸福感，同时橙色也是秋天的颜色，体现收获的喜悦感如图3.1.14所示。3.1.14 橙色丰收季海报黄色搭配小结：在色彩搭配中，黄色格调显得年轻活泼、时尚

11、文艺、警示醒目，同时黄色也与橙色类似，具有童趣气息，常应用于儿童商品及水果类商品。绿色搭配小结：在色彩搭配中，绿色格调有自然环保、清新、卫生、生命、健康、春天、青春等蕴意，可用在相关商品和主体的色彩搭配中。蓝色搭配小结：在色彩搭配中，蓝色因其具有商务性、科技感，神秘性、大自然、原生态等特点，常用于商务、科技企业及银行等单位，在科技、家电、数码、护肤品等商品中较为常用。紫色搭配小结：在色彩搭配中，紫色因其具有高贵、优雅、神秘等特点，常用于较为独特、贵重、高价值的商品宣传中，尤其以女性商品使用最多。请同学们以小组为单位，打开淘宝网，收集不同类目红色、黄色、蓝色、绿色、紫色、黑色为主色调的海报设计各

12、三张，并说明设计者使用的是什么配色方法以及设计者的设计意图和所要表达的情感。“做一做”“友情提示”对于初学者，在网店装修配色方面，需要掌握一些基本的色彩原理，重点了解六大基色的属性、特点及所适用的风格，其他颜色可结合色环的特点进行类推，根据不同商品的特点选择合适的颜色，加融入自己的构思和设计，就能比较容易制作出适合的图片。用，找到“引用他人问卷”，进入页面选择便可。活动评价：本次活动通过对色彩的认识与了解，掌握色彩搭配的常用方法，基于六种基色的典型搭配案例进行分析与学习，让同学们更深入直观的了解网店装修色彩搭配方法与技巧，形成一套色彩搭配的操作范式，为今后的网店装修积累色彩基础。合作实训：1.

13、请各小组成员（每组6-10人左右）根据色彩设计思维，分析中华人民共和国国旗颜色的设计思路。2.请各小组成员选择1-2种网上热销产品，简述商品主色调和消费者情绪之间的关系。3.请同学们以小组为单位，打开淘宝网，收集不同类目红色、黄色、蓝色、绿色、紫色、黑色为主色调的海报设计各三张，并说明设计者使用的是什么配色方法以及设计者的设计意图和所要表达的情感。教师利用PPT展现任务背景教师利用PPT展现任务环节。师生共同学习知识窗内容教师分析群三原色。学生用PS制作三原色模型图。教师讲解12色相环学生依据操作步骤完成任务。教师案例讲解色彩的情感，学生看图体会色彩的情感。学生依据色彩情感于关系，完成任务。教师案例分析同频色、相邻色、间隔色、对比色。学生按要求完成任务教师案例讲解色彩的搭配方法，学生看图体会色彩的搭配感觉。学生按要求完成任务，做好笔记并总结分享。教师案例讲解色彩的搭配方法的典型案例。学生通过案例分析掌握六种基色搭配方法，并能举一反三。学生依据资料完成合作实训任务作业布置小组成员用PS完成一张1920*3500PX的PC端店铺首页设计，并说明自己的设计用色方案。预习作业：查看多家淘宝店，预习网店装修设计思维。教学后记7