网店美工 第2版 教案 项目7 详情页设计与制作.docx

项目七详情页设计

任务一服装类网店详情页设计

【任务介绍】

我们将以项目式的学习方式，通过对项目背景的分析，案例的分析、技巧的点拨，学习如何有创新地制作出美观、结构合理、制作符合客户营销需求、具有创意性及延展性的网店详情页。并借此任务培养学生发现、分析、探讨和解决问题的能力。

【教学目标】

1.知识与技能目标：

能读懂客户需求信息。

学会常见商品详情页模板设计技巧及方法。

能根据商品特性编写合理的文案。

能使用文字工具、形状工具、通道和蒙版等编辑图形，制作详情页。

2.过程与方法目标：

通过项目驱动，引导学生自主学习，让学生在学习资源引导下完成项目任务，实现以学生为主体的工学一体化学习理念。

3.情感态度与价值观：

培养学生独立思考、举一反三、团结协作的学习习惯；

激发学生对网店美工的兴趣；

培养学生发现、分析、探讨和解决问题的能力。

培养学生的社会责任感和公民意识，提高学生职业道德和职业素养。

【课时】6课时

【教学重点】

网店详情页模板设计技巧及方法。

【教学难点】

结合任务信息，设计符合客户营销需求的详情页。

教学过程：

教学程序

教学内容要点

教师活动

学生活动

设计意图

明确任务

详情页的设计要求及制作流程

1.PPT展示任务内容，教师介绍工作情境:“千纤纺女装”服装网店到了一款风衣，新款风衣要上架，现征集符合客户需求信息的新款风衣宝贝详情页。

2.列出本次工作要求及流程：

=1\*GB3①分析详情页案例效果图的组成

=2\*GB3②制定详情页模板草图方案

=3\*GB3③自主学习支撑任务实施的知识点

=4\*GB3④绘制详情页模板草图

=5\*GB3⑤形成效果作品图

3．评价标准：

1】详情页结构完整。

2】颜色搭配合理。

3】细节展示合理。

4】文案提炼恰当。

4．评分组成：

自评+小组+教师

了解本次学习的任务内容，思考完成任务的思路。

通过创设情境，激发学生的学习兴趣，并且引导学生思考如何完成该任务。

获取信息

宝贝详情页的设计要点

教师组织学生，把宝贝详情页的要点进行归类。

教师组织学生进行宝贝详情页案例分析。

教师归纳宝贝详情页设计的要素

详情页就是对商品详细介绍，详情页的组成有哪些？（不同的商品组成有所不同）服装详情页的组成主要有哪些？

各组成部分设计要整体统一，要与服装的风格一致

细节展示要展示哪些细节？

编写的文案要与细节图搭配。

商品的性能、品质要清晰展示，营销文案有深度引发共鸣。

4.教师归纳宝贝详情页设计的要点：

详情页结构完整，版式美观。

详情页整体配色合理（主色、辅色、字体色）。

海报情景图的设计要符合商品风格，优惠券要突显

细节展示与文案描述恰当。

让学生收集宝贝详情页，进行宝贝详情页构成分析，总结出宝贝详情页主要组成。

通过网络资源及小组讨论，提炼宝贝详情页设计的要点。

通过网络资源及小组讨论，提炼宝贝详情页设计的产品细节、性能和品质等文案，产生情感共鸣营销效果。

通过小组讨论，让学生找到解决问题的切入点，培养学生分析问题、解决问题的能力，提高学生语言表达能力。

制定计划及决策

宝贝详情页的草图设计

1.教师指导学生制定计划，从

详情页组成

颜色搭配(主色、辅色、字体色)

海报情景图关联区

细节及文案

2.解答学生的疑问，给予建议，帮助学生优化工作计划。

在教师的指导及小组互帮下，完成小组宝贝详情页的草图设计。

培养小组成员的合作与团队意识

任务实施

宝贝详情页效果图制作

1.进行制作要点点拔

2.巡回指导，发现学生的问题，引导学生解决遇到的问题。

在相关软件（如：photoshop）中完成宝贝详情页制作

综合运用相关软件进行宝贝详情页设计与制作，相关的知识包含：

图形处理软件的相关操作：颜色填充、图形绘制、字体制作、抠图工具的使用、特效制作等。

根据草图进行制作，及时修正草图。

真实工作任务的操作，提高学生的综合职业能力。

成果展示

展示作品的能力

1．引导学生完成小组作品展示及汇报，汇报中亮出作品的优点。

2．引导学生提出作品的修改建议，要求语言简练，表达到位。

3.教师对建议进行分析，归结。

4．教师进行指导和监控，确保各小组按时完成任务。

1.小组代表展示：

1）小组成员原图及修订图

2）最优作品并作汇报。

3）选出最受欢迎的宝贝详情页设计作品。

2.其它小组提出该作品的修改建议，所提议的建议不重复。

被评价小组派代表记录修改建议。

通过作品的展示，培养学生的口语表达能力。

通过找茬环节，检查学生对宝贝详情页设计要点的掌握。

作品优化

作品优化提升

1.教师巡回指导，发现学生的问题，引导学生解决遇到的问题。

2.用一组作品对比优化前后图的效果。

各小组根据修改建议，综合运用相关软件的工具（颜色填充、图形绘制