电子商务视觉设计 教案全套 傅俊 项目1-6 电商视觉营销的规划- 动态情景化的设计

《电商视觉设计》课程教案教学模块项目一电商视觉营销的规划课时数9教学班级主讲教师教学目的和要求知识目标1.了解电商视觉营销的概念；2.明确电商视觉营销的目的和作用；3.认识电商视觉营销的原则；4.了解电商视觉设计定位的含义；5.熟悉电商视觉设计定位的思路；6.了解电商视觉情景化设计的内容；7.明确情景化设计的要点。技能目标1.通过实例掌握做好电商视觉营销的思路和方法；2.掌握电商视觉设计定位的方法；3.能够根据操作要点，了解如何进行电商视觉情景化设计。素养目标1.树立正确的价值观导向，不打擦边球，不以媚俗另类宣传导向。教学手法1.在理论知识讲解中，教师以讲述法、讨论法、提问法为主，激发学生的学习兴趣，让学生主动参与到学习中去，主动探索，积极思考问题，从而对相关知识概念理解掌握。2.在实践学习中，教师以演示法、指导法为主，让学生在实践操作中发现问题，教师及时予以指导，使其能够将所学知识灵活运用到实践操作之中，掌握相关技能知识的操作。3.在教学实践中，教师应以学生为主体，充分发挥学生的自主能动性。并且教师也应充分利用多媒体教学方式及网络课程资源，使课堂教学活动更加生动活跃，学生能够积极参与其中。教学重难点重点：1.通过实例掌握做好电商视觉营销的思路和方法；2.掌握电商视觉设计定位的方法。难点：1.能够根据操作要点，进行电商视觉情景化设计。教学要点设计1.通过讲解电商视觉营销的含义、目的、作用和原则，让学生对电商视觉营销有基本的认知；通过案例讲解视觉营销步骤，加深学生对电商视觉营销的理解；借助多媒体展示电商视觉营销的图片，让学生自主分析电商视觉营销中的误区，为后面具体的实操打下良好的基础。（135分钟）2.通过讲解电商视觉设计的含义和定位思路，帮助学生搭建电商视觉设计定位的知识体系；通过讲解电商视觉设计定位的步骤，帮助学生了解如何进行电商视觉设计的定位，模拟相关情景让学生进行实践；以案例演示的方法引导学生分析电商设计不同的需求层次，让学生知道需求层次的种类有哪些并能自主寻找相关案例。（135分钟）3.通过讲解情景化设计的概念，帮助学生了解什么是情景化；通过案例和学生一起探究电商情景化设计的要点和设计步骤，帮助学生理解在电商视觉情景化设计中应该如何进行设计以及在设计中需要注意的要点；同时让学生可以结合以上知识点和概念讨论总结出情景化设计在电商视觉营销中的作用。（135分钟）教学过程任务一电商视觉营销认知【预备知识】电商视觉营销的概念视觉营销是指通过视觉传达来推广品牌或者营销产品。电商视觉营销就是通过色彩、图像和文字等内容的添加和处理，形成强烈的视觉冲击力进而引起关注，吸引消费者进店消费，刺激消费者的购物欲望，促使成交。现阶段的电商视觉营销除过依托文字、图片、色彩以外，更多地融入了短视频等元素，展现的场景也更为多元。二、电商视觉营销的目的和作用视觉营销的目的和作用在于促进产品和消费者之间的联系，实现销售和购买，同时提升品牌文化价值。1.吸引消费者的注意2.引起兴趣和购买欲3.树立品牌形象三、电商视觉营销的基本原则1.目的性2.审美性3.实用性4.一致性5.易读性6.连续性【实施准备】我国自古以来就有饮茶的文化，喝茶品茶，不仅能够实现最基础的解渴功能，还能够强身健体、修身养性。茶叶在我国从一种茶叶形成一种文化现象，本身也融合了营销的思想。但是长久以来，国内茶叶市场一直处于“强品类，弱品牌”的尴尬局面。随着电商的融入，也有很多品牌希望通过在线市场来更好地拓展年轻消费群体并树立新的品牌形象。下面通过分析“汤臣杰逊”公司旗下一家力图在电商市场打造高端龙井绿茶的品牌旗舰店——“卢正浩”的视觉营销案例，进一步了解如何做好电商视觉营销。【任务实施与分析】电商视觉营销步骤1.视觉营销内容规划；2.利用海报强化品牌意识；3.利用细节图展示产品品质；4.产地溯源突出产品特色；5.利用包装传递品牌故事。【拓展知识】电商视觉营销的误区遵循视觉营销的思路做好视觉设计的工作并不简单，不管是视觉元素的选取、还是色彩、版式、文案的打造都要认真思考。而在实践过程中，一些店铺往往由于缺乏与消费者的换位思考，容易遇到以下三种视觉营销的误区：1.展示的堆积2.风格定位不清晰3.页面布局失衡任务二电商视觉设计定位【预备知识】一、电商视觉设计定位的含义设计定位是指在设计前期在信息搜寻、整理、分析的基础上，结合具体的营销目标而形成的设计目标或设计方向。电商视觉设计定位主要有两个方面的作用，一是将产品的特性或者品牌的营销理念与消费群体的视觉偏好进行整合，塑造统一的视觉效果，以抢占消费者的注意力和记忆力；二是为后续的视觉识别设计、元素设计等提供支持和依据。二、电商视觉设计定位的思路1.依据行业特性2.借鉴竞争对手经验3.依据消费群体的视觉偏好【实施准备】设计定位是理论上的总的要求，偏向于原则性、方向性，是动手设计的前提和基础，而设计活动又是一个思维跳跃和流动的动态活动，需要有方向引导，确保整体设计不偏离营销目的。在进行电商视觉设计之前，确定设计定位有事半功倍的效果，可以引导着整个设计开发始终朝着营销目标前进。【任务实施与分析】一、电商视觉设计定位步骤1.行业分析；2.竞争对手分析；3.消费者分析。【拓展知识】一、电商视觉设计的需求层次按照需求层次的不同，电商视觉设计的需求层次可以划分为：1.价格导向的视觉营销设计2.功能导向的视觉营销设计3.情感导向的视觉营销设计4.地位导向的视觉营销设计5.品牌导向的视觉营销设计任务三电商视觉情景化设计【预备知识】一、情景化设计的概念情景化设计是通过一定的情景来调动消费群体的某种情绪，以期达到营销的目的设计手法。情景化设计强调虚拟化的营造，在视觉上给消费群体去描述能够得到其认同的情景，依托的是符合消费群体的某种价值观和对社交特性的追求。二、电商情景化设计的要点情景化设计可以分为情和景，景的构成主要是氛围、场景和关联元素，情的构成主要是情感、情节和行为，最后将世界观、价值感、沉浸感串联起来融入设计，触发认同和情感共鸣。1.定义情景2.赋予价值3.提供选择4.感官刺激5.情感设计6.认知提升【实施准备】电商视觉设计的形成是从需求逐步具象化的，从不同层次的需求对设计的每个层级进行细致地拆解，能够更为高效地明确设计内容。电商视觉设计师可以在创作情景化设计时，从前期与需求方沟通的阶段开始思考，规划好执行阶段和修改的方向，并将各个步骤的定位和视觉效果落实到具体的细节元素上。【任务实施与分析】一、电商视觉情景化设计步骤1.需求分析；2.了解目标消费者；3.确定设计方向；4.构思和绘制草图；5.设计制作；6.修改并完成设计。【拓展知识】一、情景化设计在电商视觉营销中的作用1.提高信息传输和接收的速率2.呈现个性化的视觉效果3.提升用户体验思政小课堂在情景化设计中，更多的时候需要去发掘设计定位目标中的情绪，从而引起消费群体的共鸣。情景化设计不能是一味追求博出位或者贩卖焦虑而没有更多实际价值，这类情景化的展现从长远看来只能是产生品牌口碑的负面影响，更不能追求审丑甚至迎合西方不良导向，站到社会公序良德的对面。作为一名电商视觉设计师更需要时刻关注社会动态，正面弘扬社会的真善美。《电商网站的视觉规划》课程教案教学模块项目二电商网站的视觉规划课时数9教学班级主讲教师教学目的和要求知识目标1.了解产品需求分析的概念、内容；2.熟悉产品概念设计的内容；3.熟悉产品原型制作的理论知识。技能目标1.能够独立进行产品需求分析，并撰写需求报告；2.能够根据产品需求分析，独立进行产品概念设计；3.能够进行简单的产品原型制作。素养目标1.了解社会主义核心价值观，诚实守信，遵守职业道德；2.具备积极主动的工作态度、较强的视觉审美与设计能力；3.具备较强的沟通能力和良好的解决问题能力。教学手法1.基础知识，教师利用讲授法和问答法，首先通过提问引发学生思考，让学生发表自己关于问题的见解，教师总结学生答案并讲授重要知识点；2.重难点知识，教师利用任务驱动法，在课程开始前告知学生学习目标，引导学生围绕学习目标先自行探索、再进行合作探究，总结遇到的困难和问题，然后老师指导学生进行实操，梳理并总结出知识要点。教学重难点重点：1.掌握产品概念设计的内容；2.撰写需求报告。难点：1.能够独立进行产品概念设计；2.能够进行简单的产品原型制作。教学要点设计1.教师设置问题引发学生自主思考：我们在对产品需求分析的时候需要怎么开展呢？教师鼓励学生根据自己所学知识进行回答，教师结合案例讲解产品需求分析和产品概念设计。在学生对于产品需求有一定认识的基础之上，引导学生分组讨论，进行产品分析的内容的分析，有哪些注意事项，并在小组内推举代表发言。教师总结学生发言并将所有知识点进行系统讲解，为学生讲解撰写需求分析报告的要素，并结合案例讲解需求分析的工作流程；（135分钟）2.教师在课程一开始，先设置问题，引发学生思考：如何理解产品概念设计？引导学生对问题进行讨论并陈述自己的认识，教师根据发言情况进行知识讲解产品概念设计的内容，并配合案例展示加深学生的印象和理解；实操部分，教师先行进行在产品概念设计规范和步骤讲解，在操作过程中将所有要点进行细致讲解，学生明白了如何操作后，进行独立练习，教师随时关注学生的进展并解决设计过程中遇到的各种问题；（135分钟）3.教师在课程开始前，告诉学生本次课程的目标是认识产品原型制作，鼓励学生通过资料搜索与阅读、合作讨论等方式先自行了解相关内容。具体操作问题，教师演示利用Axure软件进行一个“生活类电商网站”高保真原型制作，并引导学生跟随老师共同操作，教师及时关注学生学习进展，对学生产生的疑问进行解答，并在课程结束前总结知识框架。（135分钟）教学过程任务一产品需求分析【预备知识】一、认识产品需求分析产品需求分析是进行产品设计的前提,是开发人员经过深入细致的调研和分析，准确理解用户和项目的功能、性能、可靠性等具体要求，将用户非形式的需求表述转化为完整的需求定义，从而确定系统功能的过程。在产品需求分析的过程中需要注意删减和整合，删减是去掉不可能实现的需求，这些需求通常不切实际或者说以目前的技术难以实现；整合是合并类似或相同的需求，这样有助于后续的工作。二、产品分析的内容1.用户画像分析2.竞品分析3.用户场景分析三、需求分析报告在完成需求分析后，为了方便指导后续工作的进行，需要书写需求分析报告。需求阶段的成果包括用户需求报告、软件需求规格说明书。1.用户需求报告2.软件需求规格说明书3.项目介绍4.应用环境5.功能规格6.需求变更7.产品提交【任务实施与分析】需求分析的工作流程，根据项目的复杂程度有所区别，但是总的来说，分成以下四个环节：步骤1：获取需求步骤2：分析需求步骤3：整合需求步骤4：形成报告【拓展知识】一、判断需求优先级的方法-四象限法则四象限法则将需求等级划分为：重要且紧急，重要不紧急，不重要不紧急，不重要却紧急。重要且紧急，必须尽快分配资源，抓紧时间来实现。重要不紧急，需要花时间、精力去精细化处理好。如果不及时处理，就堆积到第一象限了。不重要不紧急和不重要却紧急，虽然是不重要的事情，但它们也是需求，可以花费一定的时间统一去处理。注意这类需求要和前面的需求严格区分开来，不能因为边缘任务影响主线任务进展。任务二产品概念设计【预备知识】一、认识产品概念设计产品概念设计是指由分析用户需求到生成概念产品的一系列有序的、可组织的、有目标的设计活动，产品概念设计的最终目的是开发新产品，而新产品必须满足用户需求，这就要求产品概念设计要以用户需求为重要设计依据。二、产品概念设计的内容通常在电商网站产品概念设计时，会用到信息架构图、功能流程图、页面流程图等三种图形：1.信息架构图2.功能流程图3.页面流程图三、设计规范在产品概念设计的过程中，需要围绕需求进行，从得到的需求出发，根据现有的互联网设计技术进行产品概念设计。在设计流程图的过程中，有以下基本要求：1.有中心。这里的中心是指在产品概念设计时，需要围绕着“需求”进行，设计出来的网站，能够满足客户的需求。2.切合实际。因为是设计，所以有很多的发挥空间，但产品概念设计影响后续的产品原型制作，所以整个产品概念设计过程中需要注意设计内容能够落地，进行实施。【任务实施与分析】通常情况下，产品概念设计的流程分为了以下四个步骤：步骤1：研读需求报告，梳理产品框架步骤2：设计信息架构图步骤3：设计功能流程图步骤4：设计页面流程图【拓展知识】一、产品概念设计的研究发展方向随着科学技术的不断发展，产品概念设计的研究也必须向集成化、智能化、网络化、数字化的方向发展，进一步拓展产品概念设计的研究深度和广度。在研究内容上，要重视对概念设计内在规律、思维模式的研究；在研究对象上，要重视对复杂产品的概念设计研究；在实现技术上，要重视对网络技术和数字技术的应用研究。1.复杂产品概念设计模型研究2.统一产品模型描述方式的研究3.协作式产品概念设计研究4.人机协作的概念设计系统研究任务三产品原型制作【预备知识】一、认识产品原型制作1.产品原型的定义产品原型是设计方案的表达，是产品经理、交互设计师的重要产出物之一，可以让用户提前体验产品，供开发团队之间交流设计构想、展示复杂交互的方式。2.产品原型的种类产品设计原型按照精细程度来分，可分为低保真产品原型和高保真产品原型。二、产品原型制作工具AxureRP介绍AxureRP是美国AxsureSoftwareSolution公司旗舰产品，一个专业的快速原型设计工具，支持Windows和MacOS,它能够让产品经理等设计人员快速创建应用软件或Web网站的线框图、流程图、原型和规格说明书【任务实施与分析】下面利用Axure软件进行一个“生活类电商网站”高保真原型制作。步骤1：利用前面所学知识，梳理出“生活类电商网站”——未来生活网的基本；步骤2：根据信息架构图发现需要制作6个Web网站页面，打开AxureRP软件，在“左侧”页面处进行文件夹的创建；步骤3：网站首页制作；步骤3.1：设置原型尺寸步骤3.2：制作网站名称步骤3.3：制作导航栏步骤3.4：制作单张海报图步骤3.5：进行“好评如潮”、“新品上线”“买手力荐”等模块的设置【拓展知识】其他产品原型制作工具介绍1.VisioVisio是微软公司所研发的办公软件之一，也是目前市场上主流的绘图软件。便于IT和商务专业人员就复杂信息、系统和流程进行可视化处理、分析和交流的软件，它不仅可以将用户的思想、设计与最终产品演变成形象化的图像进行传播，而且还可以帮助用户创建具有专业外观的图表，以便理解、记录和分析信息、数据、系统和过程2.墨刀墨刀是一款在线原型设计工具。借助于墨刀，创业者、产品经理及UI/UX设计师能够快速构建移动应用产品原型，并向他人演示。作为一款专注移动应用的原型工具，墨刀把全部功能都进行了模块化，用户也能选择页面切换特效及主题，操作方式也相对简便，大部分操作都可通过鼠标拖动来完成。思政小课堂Web视觉设计是一门综合的艺术表现形式。电商网站视觉规划在实现产品需求功能的同时，也不能忽视电商视觉美学原理，在设计产品概念、绘制产品原型的时候，要将网站的功能性、实用性、便捷性与电商美学相统一，设计出简洁大方、美观实用的电商网站。《网站商城整体设计》课程教案教学模块项目三网站商城整体设计课时数15教学班级主讲教师教学目的和要求知识目标1.了解品牌调性的概念、确立方法以及具体体现；2.了解网站商城页内容构成、框架视觉动线设计、框架设计原则；3.明确商品主图的类型、构图方式以及设计时的注意事项；4.熟知网站结构基础知识、网站栏目类型以及网站栏目设计标准；5.了解专题页的基本概况、专题页的构成以及常见版式。技能目标1.能够根据品牌需求、行业状况、目标人群特征确定商城的品牌调性；2.能够根据网站需求以及消费者浏览习惯设计出网站商城页框架；3.能够根据商城特征选择符合品牌调性的主图类型并设计出展现产品特征的主图；4.能够根据给定的网站信息梳理出网站适合的物理结构和逻辑结构，并选择合适的网站栏目类型，设计出符合需求的网站栏目；5.能够在明确品牌方需求后设计出符合主题的网站专题页面。素养目标1.具备积极主动的工作态度、较强的视觉审美与设计能力；2.具备较强的沟通能力和良好的解决问题能力；3.培养爱岗敬业、精益求精的工匠精神。教学手法1.基础知识，教师利用讲授法和问答法，首先通过提问引发学生思考，让学生发表自己关于问题的见解，教师总结学生答案并讲授重要知识点；2.重难点知识，教师利用任务驱动法，在课程开始前告知学生学习目标，引导学生围绕学习目标先自行探索、再进行合作探究，总结遇到的困难和问题，然后老师指导学生进行实操，梳理并总结出知识要点。教学重难点重点：1.网站商城页框架设计；2.商品主图设计。难点：1.品牌调性的确立；2.网站专题页面设计。教学要点设计1.教师首先通过展示案例，让学生观看并指出网站商城设计的品牌调性，并阐述自己对品牌调性的理解。在学生对于品牌调性有一定认识的基础之上，引导学生分组讨论，进行品牌调性概念和确定方法，并在小组内推举代表发言。教师总结学生发言并系统讲解品牌调性的具体体现，为学生建立完整的知识体系；（90分钟）2.教师在课程一开始，先设置问题，引发学生思考：网站商城页内容构成有什么？引导学生对问题进行讨论并陈述自己的认识，教师根据发言情况进行知识讲解，并配合案例展示加深学生的印象和理解；让学生观察网站商城视觉动线的设计，并总结出有哪些类型。最后讲师讲解网站商城页框架设计的原则，并引导学生实操，让学生按步骤进行网站商城页框架搭建，教师随时关注学生的进展并解决设计过程中遇到的各种问题；（180分钟）3.教师在课程开始前，告诉学生本次课程的目标是掌握商品主图设计，鼓励学生通过资料搜索与阅读、合作讨论等方式先自行了解相关内容。具体操作问题，可以参考老师的操作演示，教师及时关注学生学习进展，对学生产生的疑问进行解答，并在课程结束前总结知识框架，最后给予学生选题，让学生独立进行设计。（135分钟）4.教师将学生分成小组，让学生自主查阅并交流网站栏目设计有哪些要点，设计中可能会遇到的问题，结合问题讲解梳理网站结构基础知识整个知识框架。最后结合案例讲解网站栏目设计标准，梳理设计的步骤。（135分钟）5.教师讲解：教师演示讲解网站专题页面设计，并讲解网站专题页面设计的基础知识。教师通过案例展示专题页的常见版式，并引导学生讨论这些板式之间的区别，以及在制作中可能遇到的问题，教师对学生的问题进行逐一引导，让学生明确每一步的编写要点，最后大家一起讨论进行补充。最后通过问答的方式回顾本讲的要点知识（135分钟）教学过程任务一品牌调性的确立【预备知识】一、品牌调性的概念品牌调性是指品牌在市场中所运用的独有的语言识别，品牌调性的构成主要包括品牌核心价值定义阐释、品牌价值诉求、品牌标识语、品牌故事以及品牌主广告语等。简单来说，品牌调性是指一家企业长期的、稳定的、统一的风格。这种风格最终达到的目的是让消费者能够快速、准确地识别出品牌，并形成认知，进而培养出粉丝经济，产出经济利润。站在视觉设计的角度而言，品牌调性是一种包括品牌符号化的传达到消费者的印象记忆。品牌符号可以是名字、logo、颜色、字体、口号、包装、代言人、网站风格等。具体到网站商城整体设计中，视觉设计师需要根据相应的品牌及企业定位设计与其风格一致的网站页面，包括首页、专题页、产品列表页、产品详情页、后台页等。二、品牌调性的确立方法品牌调性的确立方法主要有三点，分别是找准品牌定位，了解目标人群、找到差异化竞争点以及打造视觉符号，形成消费者记忆点。1.找准品牌定位，了解目标人群2.找到竞争化差异点3.打造视觉符号，形成消费者记忆点三、品牌调性的具体体现在视觉设计的领域中，品牌调性的具体体现主要表现在品牌LOGO、字体、文案、色彩等方面。【任务实施与分析】1.步骤1：调研确立品牌调性，需要先明确品牌调性的方向，想要实现这一目标，需要通过调研进行确定。调研主要分为三个方向：品牌方、行业其他商城以及企业方目标人群。步骤2：分析当调研完基本信息，需要针对基本信息展开分析，这些分析的具体信息汇总起来最终指向品牌调性的具体体现。步骤3：策划信息分析完毕之后，在实施之前需要进行策划，策划的方面包括网站风格、网站元素、品牌LOGO、网页字体、网页版式、网页文案风格、网站色彩等。步骤4：实施完成品牌调性策划之后，当后续商城框架搭建成功按照策划表确定信息进行实施即可。【拓展知识】一、电子商务网站设计准则无论是大型的电商平台网站，还是中小型的电子商务类网站，在网站设计初始，都应考虑网站的美观性、界面的友好性以及访问的便捷性。因此，网站设计需要遵循一定的准则，具体如下：1.明确网站建设的目的和用户的需求2.总体设计主题明确3.链接准确无误4.保证网站信息的时效性【思考与总结】品牌调性的确立还与哪些内容有关？【能力提升】请同学们简述品牌调性确立的具体步骤，并将其绘制成脑图形式进行呈现。【任务训练】根据本任务章节内容，根据任务步骤，完成拓展任务。任务二网站商城页框架设计【预备知识】一、网站商城页内容构成网站商城页主是一个企业或品牌用于展示其产品或服务的页面，网站商城页面主要由页头、主体、页脚三部分构成。网站商城页视觉动线设计视觉动线是指视觉注意在平面空间注意点的移动轨迹，网站商城页的视觉动线设计是通过对商城首页上的各种元素进行灵活运用和合理编排，在元素之间形成一种秩序关系，使其呈现出规律性排布的视觉效果，从而在视觉上形成秩序感。常用的动线设计有Z型、E型两种。网站商城页框架设计的原则在进行网站商城页设计时，视觉设计师需遵循一定的原则，主要有以下几方面：1.清晰2.以用户为中心3.形式统一4.布局合理5.主题明确【任务实施与分析】步骤1：确定商城页模块步骤2：选择框架视觉动线步骤3：细化模块内容步骤4：形成框架搭建效果图【拓展知识】一、网站页面设计的注意事项网站页面设计需要注意以下内容：1.采用高清大图，图片不能有水印；2.有图片的位置最好配有文字说明，避免大面积图片摆放；3.文字排版时，标点符号不能在一行的第一个，一个文字除特殊情况外不要独立占据一行；4.如果色块中有文字，文字的间距要适宜，避免有太多留白空间；5.设计菜单栏，如果箭头朝下则需设置下拉菜单，如果下拉菜单是合起的状态，则箭头朝右；6.Banner不能是现成的图片，需要进行合成与设计，也需要配有文字说明；7.产品分类中需全面展示产品的不同类型；8.如有链接设置需要，链接点击入口要醒目，让用户可以快速找到；9.在网页设计中不要有重复图片；10.同一版块内的图片要选择同一种类型与风格；11.图片与文字要保持适当的距离，不要太近或太远。任务三商品主图设计【预备知识】一、商品主图的类型商品主图指的是电子商务平台中在产品搜索页面和产品详情页面中用于展示商品整体样貌的图片。根据主图的设计排版和图片展示效果，商品主图的类型主要有品牌感主图、简约型主图、场景化主图、营销型主图四种。商品主图的构图方式作为展示产品的重要窗口，主图的构图尤为重要。常见的主图构图方式有左右排版构图、中心对称排版构图、中心围绕排版构图、上下排版构图等四类。主图设计的注意事项在进行主图设计时，需要注意以下内容：1.主图的页面需要做到干净、整洁，文案精简明了2.主图色彩搭配和谐3.图片营销文案设计合理【任务实施与分析】步骤1：选择主图类型步骤2：拍摄照片步骤3：设计主图文案步骤4：确定排版方式步骤5：制作主图【拓展知识】一、淘宝网店主图发布标准淘宝平台对于卖家发布的商品主图有着明确规定，大部分品类都需要遵守如下要求，如果违反以下任一规定，平台将会给予下架商品且单个商品搜索降权三天的处理。1.应至少发布两张及以上的主图，图片为正方形的JPG格式，图片大小800×800px，分辨率72dpi。2.所有主图不得拼接，不得出现任何形式的边框，不得出现水印，无“牛皮癣”。3.第一张主图的文字描述只能出现在图片底部的十分之二高度以内，不得包含促销类信息，该类信息包括但不限于限时折扣、包邮、×折、满×送×等。当卖家为商标所有人，如在第一张主图放置品牌logo，必须放置在整体主图的左上角，尺寸不得超过宽度的十分之四，高度的十分之二。4.第二张主图必须为无任何logo、文字描述的纯图。5.商品需要正面展示，尽量避免侧面或者背面展示，主体不要左右倾斜。6.图片美观度高，品质感强，商品展现尽量平整，不要有褶皱。7.构图明快简洁，商品主体清晰、明确、突出，要居中放置。8.每张主图中只能出现一个主体，不可出现多个相同主体。9.图片中的商品主体必须展示完整，展现比例不要过小，商品主体要大于300×300px。任务四网站栏目设计【预备知识】一、网站结构基础知识从网站建设的角度来看，网站搭建有两个层面的结构形式：1.网站的物理结构（1）扁平式结构（2）树形结构2.网站的逻辑结构二、网站栏目分类网站是指在互联网上根据一定的规则，使用HTML等工具制作的用于展示特定内容相关网页的集合。一般来说，网站页面分为两种，首页和内页。对于网站商城而言，首页是商城的入口页面，作用是引导消费者浏览网站其他部分页面，而内页是商城的内容页，在树形结构中，网站的首页可能链接着下一个包含子类别的内容页。为了方便消费者通过首页进入具体产品页面，视觉设计师需要针对网站栏目进行设计，通过设计网站栏目，搭建起网站的整体框架。三、网站栏目设计标准合理的网站栏目设计，不仅能够正确表达网站的基本内容及其内容之间的层次关系，而且也能够方便用户在浏览网站时准确获取信息。因此，网站栏目的设计标准主要有以下四点：1.通过首页可以到达任何一个一级栏目首页、二级栏目首页以及最终内容页面；2.通过任何一个网页可以返回上一级栏目页面并逐级返回首页；3.主栏目清晰并且全站统一；4.通过任何一个网页可以进入任何一个一级栏目首页。【任务实施与分析】步骤1：梳理网站内容步骤2：选择网站结构步骤3：选择网站导航栏步骤4：创建网站类目步骤5：设计并制作导航栏【拓展知识】一、网店导航栏的分类导航好比是整个店铺的“指南针”，能够有效帮助粉丝跳转到各个关键页面，精心设计的网店导航，能够让店铺中的各个页面串联起来，方便消费者在不同的栏目板块之间快速切换。网店导航栏按照类别可以分为以下几类：1.隐形导航2.半隐形导航3.显形导航【思考与总结】网站栏目设计与网店导航设计有哪些不同？【能力提升】请同学们浏览小米商城官网，分析其网站结构，并将其网站结构通过脑图形式绘制出来，思考并解决以下问题：（1）小米商城的网站结构选取了哪种形式？（2）小米商城的网站导航栏采取的哪种形式？（3）小米商城主要销售哪些类目的商品？（4）小米商城的导航栏最多分了几级类目？【任务训练】根据本任务章节内容，根据任务步骤，完成拓展任务。任务五网站专题页面设计【预备知识】一、认识专题页专题页是一个内容聚合页，专题页中的信息来源于同一主题，并通过文字、图片、色块、音频、视频等元素呈现。电子商务企业专题页多用来呈现某一活动主题或营销主题，页面内容均围绕宣传目标展开。专题页的特点是，页面突出视觉效果，主题鲜明，更容易给用户留下深刻印象，同时专题页具有时效性，时间一过，该页面一般不会再使用。在设计专题页时，要重视页面功能使用的便捷性以及页面内容的交互性，优化用户浏览体验。视觉呈现上侧重布局、间距、色彩、按钮、LOGO等内容。同时可以添加有趣的互动元素，达到吸引用户的目的。在页面布局和交互上，相较于首页要自由许多，设计师可以结合需求构建合适的专题页布局。二、专题页的构成专题页的呈现效果千变万化，但从本质上来讲，主要由四个部分构成，分别是：1.头部Banner。1.楼层模块2.背景3.装饰物三、专题页的常见版式专题页的常见版式主要分为以下七种：1.通栏式专题页专题页的常见版式主要分为以下七种：1.通栏式专题页2.块状式专题页3.长条式专题页4.引导式专题页5.曲线式专题页6.全版式专题页7.自由式专题页【任务实施与分析】步骤1：沟通需求，确定专题页结构步骤2：寻找并确定素材步骤3：设计并制作专题页步骤4：修改完善【拓展知识】一、专题页设计的技巧1.以用户为中心专题页最终的受众是用户，因此在设计时，应重视用户的需求和偏好。2.专题页元素新颖专题页设计要紧随时代审美，选择符合大众审美的风格、元素等。3.重视交互细节区别于首页，专题页的交互性相对较弱，但设计师同样应站在用户的角度考虑交互问题，设计符合用户浏览习惯的交互功能。4.重视视觉的延伸与统一专题页需重视页面效果的延伸和统一，包括头图与楼层之间、楼层与楼层之间，以及背景、颜色、其他元素的统一和延伸。5.重视专题页的作用专题页的作用是传达信息，因此除了视觉呈现美观之外，还要考虑专题页的实用性，信息传达准确性，围绕该原则进行专题页的设计。6.交付前端时，对专题页图层进行分组专题图层众多，设计完交付前端时，可以对图层进行分组，使前端在使用时更明确。【思考与总结】在专题页设计过程中，可以从哪些渠道获取相应素材？【能力提升】请同学们通过浏览商城网站，找到七种版式对应的专题页面，并结合所找到的专题页阐述各版式专题页面的特点及适用情况。【任务训练】根据本任务章节内容，根据任务步骤，完成拓展任务。《电商视觉设计》课程教案教学模块项目四活动平面物料的设计课时数9教学班级主讲教师教学目的和要求知识目标1.了解常见的活动平面物料；2.了解常见印刷纸张的特性；3.了解字体设计的含义及分类；4.了解文字编排的类型；5.掌握文字编排的技巧；6.了解常见的活动营销类型、应用场景；7.了解常见的活动营销的物料清单。技能目标1.掌握活动平面物料的选择方法；2.掌握活动平面物料文字设计的方法；3.掌握活动平面物料设计的方法。素养目标1.培养学生的审美能力，使其更具创造性；2.遵循《中华人民共和国广告法》等相关法律法规，使设计的活动物料具有正向积极的宣传意义。教学手法1.在理论知识讲解中，教师以讲述法、讨论法、提问法、自主学习法为主，激发学生的学习兴趣，让学生主动参与到学习中去，在探索发现中，积极思考，发现问题，解决问题，从而理解掌握相关知识概念。2.在实践学习中，教师以演示法、指导法为主，让学生在实践操作中发现问题，教师及时予以指导，使其能够将所学知识灵活运用到实践操作之中，掌握相关技能知识的操作。3.在教学实践中，教师应以学生为主体，充分发挥学生的自主能动性，并且教师也应充分利用多媒体教学方式及网络课程资源，使课堂教学活动更加生动活跃，学生能够积极参与其中。教学重难点重点：1.通过实例掌握活动平面物料的选择以及文字设计的方法；2.掌握活动平面物料设计的方法。难点：1.能够根据操作要点，进行活动平面物料的设计。教学要点设计1.借助多媒体展示活动平面物料的图片，讲解活动平面物料的种类、印刷用纸的分类，让学生对活动平面的物料有一个基本的认知；通过案例讲解活动平面物料的选择步骤，加深学生对活动平面物料选择的理解；通过学生自主学习认知纸张的规格，并能自主寻找相关案例加深知识理解，为活动平面物料的选择打下良好基础。（135分钟）2.通过图片展示及案例，讲解不同字体的设计、文字编排的类型及技巧，帮助学生搭建活动平面文字设计的知识体系；通过讲解活动平面物料文字的设计步骤，帮助学生了解如何进行动平面物料文字设计，并模拟相关情景让学生进行实践；以案例演示的方法引导学生认识文字对齐的方式，让学生知道文字对齐方式的种类，并能在实践中灵活应用。（135分钟）3.结合案例讲解常见的活动营销类型、活动平面物料清单，培养学生根据营销场景设计活动平面物料清单的能力；通过案例和学生一起探究活动平面物料设计的步骤及操作要点，并模拟相关情景让学生进行实践；结合案例讲解平面物料设计的视觉流程，指导学生自主探究相关案例，加深理解。（135分钟）教学过程任务一活动平面物料的选择【预备知识】常见的活动平面物料平面物料是产品线下推广宣传中所使用的一些平面设计材料。其中，常见的活动平面物料有以下几种：1.背景板2.横幅3.海报4.吊旗5.易拉宝二、常用印刷纸张印刷纸张的选择是影响印刷物效果呈现的重要因素之一，按纸张特性划分，印刷用纸可以分为以下几类：1.铜版纸2.新闻纸3.凸版印刷纸4.胶版印刷纸5.凹版印刷纸6.白板纸7.合成纸【实施准备】活动平面物料的选择是搭建活动场景，营造活动氛围的基础条件。选择合适的平面活动物料，有利于将活动内容与活动场景深度融合，带给用户更深刻的活动体验，营造活动氛围，调动用户的热情与积极性。下面结合某店铺周年庆的商场促销活动案例，讲解活动平面物料的选择步骤。【任务实施与分析】进行活动平面物料的选择，其操作步骤如下所示：步骤1：确定物料类型步骤2：物料材质的选择步骤3：物料尺寸的选择步骤4：物料内容及风格的设计步骤5：物料效果的审定【拓展知识】认识纸张规格在进行平面设计时，纸张规格是其画面设计中最主要的约束条件。为了使设计画面与印刷用纸更加协调，使其呈现出浑然一体的设计美感，了解印刷用纸的纸张规格是十分必要的。国际标准化组织将通用纸张规格分为A、B、C三种开本，根据其开法又可以分为2开法、3开法和特殊开法。任务二活动平面物料文字设计【预备知识】一、认识字体设计字体设计就是通过对文案中的文字进行艺术化的编排和设计，以更具创意性的形式突出文案重点信息，使其更加美观醒目，能够吸引大众的注意力。从历史文明角度，可以将字体划分为汉字字体和拉丁文字体。在汉字的演变过程中，文字经过了甲骨文-金文-小篆-隶书-楷书-行书-草书的字体变化。拉丁文字体是西方文明的象征，文字具有符号化特点，书写笔画简练。拉丁文字体主要可以分为罗马体、哥特体、手写斜体、书写体、无衬线体、衬线体等。随着计算机网络技术的应用，也加速了字体的多样化发展。以传统字体为依托，计算机中的中文字体有了华文、方正、微软等字库，其风格又可划分为黑体、行楷、圆体等类型；英文字体有了ArialBlack、Bahnschrift、Calibri、Elephant等类型。二、文字编排的类型文字编排直接影响着页面排版的美观度和大众的阅读体验，只有了解不同文字的特点，才有可能在文字编排中合理规划布局，使整体页面协调统一，便于大众阅读。常见的文字编排类型有以下几种：1.中文字体的排版2.英文字体的排版3.中英文字体的混合排版三、文字编排的技巧文字是对活动主题、画面含义的一种直接阐述方式。人们浏览画面了解信息时，通常是被画面排版设计所吸引，接着通过相关文字信息了解活动具体情况。作为信息输出的主要渠道，文字编排在版面设计上占据重要地位。常用的文字编排技巧有以下几种：1.识别性2.易读性3.准确性4.艺术性【实施准备】进行活动平面物料文字设计，首先需要明确活动主题及风格，然后紧密结合活动内容对文案字体进行选择、设计，使其达到理想的广告宣传效果。某企业正筹备一场节庆促销活动，为活跃办公室气氛，激发团队成员的工作活力，决定在办公室中悬挂吊旗，文案为“是时候展现真正的技术了”，下面结合该案例，对吊旗文案字体做艺术化设计。【任务实施与分析】进行活动平面物料文字设计，其操作步骤如下所示：步骤1：活动主题及文案应用场景的确定步骤2：确定文字编排类型步骤3：活动平面物料字体的选择步骤4：活动平面物料字体的设计【拓展知识】一、文字对齐方式为了确保文案排版的整齐统一，使其带给人们清晰明了的视觉体验，便于人们对宣传内容的阅读认识，了解文字排版的内在规律，掌握文字对齐方式必不可少。常见的文字对齐方式有以下几种：1.文字两端对齐2.文字齐左/齐右对齐3.文字居中对齐4.文字绕图任务三活动平面物料的设计【预备知识】一、常见的活动营销在活动执行中，根据活动主题及场景应用，选择合适的平面宣传物料不仅是降低企业营销成本的需求，也是合理策划活动开展方案的必要条件。常见的活动营销类型有以下几种：1.品牌活动2.节庆活动3.公益慈善活动4.体育赛事5.媒体活动6.公益组织活动二、活动平面物料清单活动平面物料清单是企业提前对活动中需要用到的各种宣传物料的汇总梳理的文件。在活动开展之前，详尽梳理活动平面物料清单既能帮助活动组织人员全面检查活动细节，防止疏漏；也有助于企业提前规划营销成本，做好营销方案的调整完善。针对不同类型的活动，其活动平面物料清单也会有所差别。根据不同活动需求，可以将所需平面物料进行梳理，形成如表4-1所示的清单。表4-1活动平面物料清单XX活动平面物料清单序号项目规格数量单价合计备注负责人1背景板500cm*300cm1个2横幅35cm*700cm1条3易拉宝80cm*200cm5个4工作证65mm*95mm20个5邀请函170mm*115mm60个6桌牌80mm*200mm60个7宣传页210mm*285mm300张【实施准备】活动平面物料设计是活动氛围塑造的主要途径。进行活动平面物料设计，首先需要分析活动需求，明确活动主题，然后结合活动主题内容进行有针对性的平面物料设计，从而使其满足活动氛围营造的需求。某食品加工企业为了庆祝即将到来的中秋佳节，举办了一场中秋月饼促销活动，以此提高企业销售额，扩大品牌影响力。结合该案例下面讲解活动平面物料设计的步骤。【任务实施与分析】一、电商视觉情景化设计步骤进行活动平面物料的设计，其操作步骤如下所示：步骤1：分析活动营销需求步骤2：活动主题定位步骤3：初步构思创意步骤4：活动平面物料设计步骤5：活动平面物料设计稿的探讨、修改与完善步骤6：活动平面物料设计清样审定【拓展知识】一、平面物料设计的视觉流程在活动平面物料设计中，抓住视觉流程的特点，有助于设计出符合大众视觉审美方式的画面，带给大众强烈的视觉体验，营造热烈的活动氛围。其中，视觉流程主要分为以下几类：1.单向视觉流程2.视线视觉流程3.重心视觉流程4.导向视觉流程5.反复视觉流程6.散点视觉流程思政小课堂活动平面物料设计是活动营销的一种手段，为了保证消费者权益，促进广告宣传的健康发展，企业在宣传中需要遵循以下几条原则：1.产品设计宣传广告应当具有真实性，不能以虚假宣传内容误导或欺骗消费者；2.产品设计宣传广告内容应当符合社会主义精神文明建设和中华优秀传统文化要求，以健康积极的方式表现宣传内容；3.广告宣传应尊重他人肖像权，在使用他人肖像进行广告宣传之前，需要征得当事人书面同意。《电商视觉设计》课程教案教学模块项目五主题创意海报的设计课时数9教学班级主讲教师教学目的和要求知识目标1.了解海报的视觉组成元素；2.了解主题创意海报的设计思路；3.了解平面设计三大基本构图元素；4.了解页面布局的基本原则；5.了解主题创意海报常见版式及布局；6.认识“三大面，五大调”；7.了解常见的光影效果。技能目标1.了解海报设计前期准备的事项；2.掌握海报综合设计的步骤；3.掌握光影设计的步骤。素养目标1.培养学生创新力与想象力的发展，帮助学生树立法律法规意识，引导学生建立正确的审美观念。教学手法1.采用案例教学法和小组学习法，教师利用大量的典型案例展示让学生形成一定的认知，并在此基础上总结规律，让学生在生动的案例教学和小组内部的讨论中内化所学知识；2.理论知识，教师通过讨论法和案例教学法让学生进行主动学习。实操部分，教师通过演示法先进行操作演示，再指导学生进行练习，鼓励学生在规范操作的基础上大胆创新；3.利用任务驱动教学法，告知学生课程学习的核心目标，要求学生以任务完成为指标，搜集和学习各种基础资料，并在老师的指导帮助下完成实操任务。教学重难点重点：1.主题创意海报的设计思路；2.页面布局的基本原则；3.常见的光影效果。难点：1.海报设计的要点；2.海报光影设计的步骤。教学要点设计1.教师首先通过展示案例，让学生观看并指出所以海报设计中必不可少的组成元素，并阐述自己关于各个元素在海报中作用的见解。在学生对于海报有一定认识的基础之上，引导学生分组讨论，进行主题创意海报设计的思路和具体步骤，有哪些注意事项，并在小组内推举代表发言。教师总结学生发言并将所有知识点进行系统讲解，为学生建立完整的知识体系；（135分钟）2.教师在课程一开始，先设置问题，引发学生思考：平面设计的三大基本构图元素是什么？各自承担什么功能？页面布局有哪些原则？引导学生对问题进行讨论并陈述自己的认识，教师根据发言情况进行知识讲解，并配合案例展示加深学生的印象和理解；实操部分，教师先行进行海报综合设计的操作，在操作过程中将所有要点进行细致讲解，学生明白了如何操作后，进行独立练习，教师随时关注学生的进展并解决设计过程中遇到的各种问题；（135分钟）3.教师在课程开始前，告诉学生本次课程的目标是掌握海报光影效果的设计，鼓励学生通过资料搜索与阅读、合作讨论等方式先自行了解相关内容。具体操作问题，可以参考老师的操作演示，教师及时关注学生学习进展，对学生产生的疑问进行解答，并在课程结束前总结知识框架。（135分钟）教学过程任务一海报设计分析【预备知识】一、海报的视觉组成元素1.文案：文字配合图形要素来实现海报主题的创意，具有引起注意、传播信息、说明对象的作用。2.图片：简化信息并直观呈现重点内容，能够用最少的信息获得良好的宣传效果。3.装饰：装饰能够渲染气氛，为整个海报添加更多画面感。4.背景：背景可以营造氛围，也能够让海报中的重点内容被突出，更容易被消费者注意到。二、主题创意海报的设计思路1.明确主题2.分析主题特征3确定主题方向4.寻找创意素材5.将作品视觉化【任务实施与准备】步骤1：了解营销需求步骤2：准备相关素材步骤3：确定海报字体步骤4：确定海报的主色调步骤5：确定海报版式【拓展知识】一、创意海报的设计手法1.对比衬托法2.突出特征法3.幽默法4.比喻法任务二海报综合设计【预备知识】一、平面设计三大基本构图元素1.点：点是可见的最小的形式单元，具有凝聚视觉的作用，可以使页面布局合理、舒适、灵动且富有冲击力。2.线：线的视觉形态可用于表现长度、宽度、位置、方向等，可以引导、串联和分割画面元素，具有渲染画面的作用。3.面：面的形成是点和线的延伸，将点放大后即为面，通过线分割产生的各种比例空间也称为面。二、页面布局的基本原则1.主次分明，中心突出2.大小搭配，相互呼应3.简洁一致4.图文并茂三、主题创意海报常见版式及布局1.中心式：在画面中心安排主元素，如商品图片或促销文案，这种构图方式适用于对称式布局，能够给人以稳定、庄重的感觉。2.左右分割式：将主题元素和主标题左右摆放，根据人们从左往右的阅读习惯，让人先看到主要的产品或醒目的标题，使画面具有代入感。3.上下分割：文字与图片分别以上下形式分布的排版形式，上下排版的优势在于主题明确、产品卖点突出。4.对角线构图：将画面主体物安排在画面的斜对角位置，使画面更具动感，吸引消费者视线。【任务实施与分析】步骤1：明确主题步骤2：搜集素材步骤3：确定文案步骤4：确定版式步骤5：综合设计【拓展知识】一、海报文案的撰写方法1.直接展示2.合理夸张3.以情托物4.制造悬念任务三光影效果的设计【预备知识】一、认识“三大面，五大调”1.三大面三大面是指具有一定结构和材质的物体受光源影响被划分为三大明暗区域：亮面、暗面和灰面。2.五大调五大调是指具有一定结构和材质的物体受光源影响，物体表面各部分所表现出的明暗变化规律，包括高光、灰调、明暗交界线、反光、投影。二、常见的光影效果1.格栅光影格栅是一种条格状的室内设计装饰物，光源透过格栅照射形成的物体光影效果又被称为格栅光影。2.弥散光影使用制图工具对不同主题的色彩进行渐变模糊处理，使其表现出虚实相生的艺术效果，这样的有色光感现象被称之为弥散光。【任务实施与分析】步骤1：根据画面整体结构及风格确定光源投射方向步骤2：确定光影类型步骤3：设计元素明暗变化步骤4：添加元素投影步骤5：添加格栅光影效果【拓展知识】一、材质对光影效果的影响1.磨砂材质：背光面亮度逐渐降低，高光区域亮度柔和，具有光影效果过渡均匀的特点。2.镀铬材质：反光性强，能够在光源照射下反映出周围环境的特点。3.玻璃材质：具有透光性，且能够对光源进行反射和折射。4.木质：木质物品几乎不具有透光性。思政小课堂海报是产品营销的一种广告宣传形式，在海报设计中，设计人员需要严格遵守相关法律法规，以正向健康、真实的广告内容进行产品推广。其中，不得使用与“国家级”相关的广告词，内容不能有民族、种族等歧视含义，尊重他人隐私权，不能贬低同行业竞争者的产品等法律法规内容，对广告设计内容及方向做出了具体规范。《电商视觉设计》课程教案教学模块项目六动态情景化的设计课时数12教学班级主讲教师教学目的和要求知识目标1.认识C4D软件及其工作界面；2.了解C4D建模常用的工具及功能；3.认识AE软件及其工作界面；4.熟悉与动画制作的基础知识；5.了解图形动画设计的基础知识；6.了解产品推介动画设计的基础知识。技能目标1.能够使用C4D软件搭建出符合营销需求的三维场景并进行渲染；2.能够使用AE软件制作出符合营销需求的动态文字；3.能够使用AE软件进行图形动画的设计与制作；4.能够使用AE软件进行产品推介动画的设计与制作。素养目标1.了解社会主义核心价值观，诚实守信，遵守职业道德；2.具备积极主动的工作态度、较强的视觉审美与设计能力；3.具备较强的团队协作能力、社会责任意识和诚信的品德。教学手法1.利用讲授法告知学生课程的基础知识，帮助学生建立知识框架，再通过教师的操作演示，学习具体步骤并自行练习；2.教师利用直接教学法，先设置问题引起学生注意，告知学生学习目标，让学生通过演示和案例展示向学习目标靠近；3.利用情景教学法，教师设置好问题情景，带领学生以解决情景问题为目标进行学习，引导学生发挥主观能动性来解决学习过程中的问题；4.教师利用任务驱动法，告知学生学习目标，引导学生先以自行学习的方式掌握基础知识，再以小组合作的形式探讨重难点知识，在教师的引导下完成操作知识。教学重难点重点：1.C4D建模常用的工具及功能；2.动画制作的基础知识。难点：1.三维场景搭建；2.动态文字制作；3.动画设计与制作。教学要点设计1.教师通过讲授法告知学生C4D软件和工作界面的基本功能，在学生对于制作工具有了一定了解的基础上，演示具体的操作步骤，将注意事项进行细致讲解，并要求学生进行独立练习；（135分钟）2.教师在课程一开始，先设置问题，引起学生注意：制作弹跳文字效果需要什么样的工具和制作知识？怎么样制作？然后告知学生本次课程的目标是掌握视频文字动态设计，老师边操作演示边提问，引导学生记住关键知识点；（135分钟）3.教师在课程开始前，设置图形动画设计的具体情景，引起学生了解知识的兴趣，并为了推进情景发展而主动掌握相关知识；（135分钟）4.教师告知学生，本节课的主要任务是掌握产品推介动画设计，学生在这一目标的驱动下，自行阅读学习基础知识，教师及时解决学习中的困难。然后引导学生分组，根据教材尝试进行设计，将所有过程中的疑问和技巧总结下来并在全班级分享，教师将重点知识重新梳理，帮助学生完整知识架构。（135分钟）教学过程任务