任务3.2优化商品详情页(课件）-《网店视觉营销》同步教学（电子工业版）

任务3.2优化商品详情页 《项目三. 详情页的设计》 1 在商品详情页中，商品卖点模块是用于对商品功能、特点进行详尽、透彻地分析和解说，是商品地特色呈现所在，通过该模块能够让消费者对商品产生兴趣。本项目我们将在原有文字、形状工具的基础上，进一步掌握图形遮罩、文字、形状、图片裁剪的应用，基于FAB原则理论，依据客户需求完成优化商品详情页。 项 目 描 述 2 （1）巩固图形遮罩、文字、形状、图片裁剪的使用； （2）掌握产品卖点的表达设计。 通过项目引领、任务驱动的方法，综合运用图形遮罩、文字、形状、图片裁剪等工具，完成详情页的优化。 培养学生基于视觉表达，实现营销目的的工作思维。 教学 目标 教学目标及重难点 知识 与技能 过程 与方法 情感 与价值 结合产品的卖点优化商品详情页。 掌握产品卖点的表达设计。 教学 重点 教学 难点 Instructional Objectives And Difficult Points 在以“对接工作岗位的任务驱动，强化ＰＳ基本工具地综合应用，并最终服务于商务活动”这一教学目标的引导下，本课设计了以下五个教学环节： “创设情境，下达任务 > 任务剖析，梳理步骤 > 任务实践，感知体验 > 任务评价，对比分析 > 模拟验收，能力提升”；特别是在剖析任务环节，引导学生分析任务、解构任务，逐步形成工作思维。 教学流程 03 01 02 04 05 创设情境 下达任务 任务剖析 梳理步骤 任务实践 感知体验 任务评价 对比分析 模拟验收 能力提升 Teaching Steps 4 观察两张产品细节展示图， 你觉得设计师是运用了什么方式表达出产品细节的？ Q1 文字描述细节？ 产品的各个角度？ 放大产品细节？ …… 创设情境 下达任务 任务剖析 梳理步骤 任务实践 感知体验 任务评价 对比分析 模拟验收 能力提升 1.创设情境 2.下达任务 教学过程 Teaching Process 5 创设情境 下达任务 任务剖析 梳理步骤 任务实践 感知体验 任务评价 对比分析 模拟验收 能力提升 1.创设情境 2.下达任务 教学过程 Teaching Process Feature（特性）：产品品质，产品能看得到、摸得着的东西，产品与众不同的地方。 Advantage（作用）：从特性引发的用途，这种属性将会给客户带来的作用或优势。 Benefit（好处）：是指作用或者优势会给客户带来的利 益，对顾客的好处。 FAB原则 6 创设情境 下达任务 任务剖析 梳理步骤 任务实践 感知体验 任务评价 对比分析 模拟验收 能力提升 1.创设情境 2.下达任务 教学过程 Teaching Process 7 创设情境 下达任务 任务剖析 梳理步骤 任务实践 感知体验 任务评价 对比分析 模拟验收 能力提升 教学过程 1.梳理步骤 2.填写分析单 01 明确客户需求（对优化详情页的要求） 02 产品卖点的提炼（FAB原则） 03 版面的构思（草图） 04 素材的选用（图、文） 05 详情页优化（工具选用） Teaching Process 优化详情页的工作步骤 8 创设情境 下达任务 任务剖析 梳理步骤 任务实践 感知体验 任务评价 对比分析 模拟验收 能力提升 教学过程 1.梳理步骤 2.填写分析单 Teaching Process 依据工作步骤与思维，对课堂任务进行分析，将分析的结果填写到下表中。 9 Add the title here 任务实践 根据任务分析单的步骤及决策，完成优化详情页任务。遇到PS的操作问题时，可利用锦囊包获得帮助。 创设情境 下达任务 任务剖析 梳理步骤 任务实践 感知体验 任务评价 对比分析 模拟验收 能力提升 教学过程 1.任务实践 2.操作锦囊包 Teaching Process 10 创设情境 下达任务 任务剖析 梳理步骤 任务实践 感知体验 任务评价 对比分析 模拟验收 能力提升 教学过程 1.任务实践 2.操作锦囊包 Teaching Process （1）图形遮罩的使用方法 11 创设情境 下达任务 任务剖析 梳理步骤 任务实践 感知体验 任务评价 对比分析 模拟验收 能力提升 教学过程 1.任务实践 2.操作锦囊包 Teaching Process （2）图片剪裁的使用方法 12 创设情境 下达任务 任务剖析 梳理步骤 任务实践 感知体验 任务评价 对比分析 模拟验收 能力提升 教学过程 1.任务实践 2.操作锦囊包 Teaching Process （3）文字工具的使用注意事项 13 创设情境 下达任务 任务剖析 梳理步骤 任务实践 感知体验 任务评价 对比分析 模拟验收 能力提升 教学过程 1.任务实践 2.操作锦囊包 Teaching P