网店美工 第2版 教案 项目9 综合实战-首页整体效果图设计与制作.docx

项目九综合实战——首页整体效果设计

任务一制作数码产品类网站

【任务介绍】

任务聚焦创意与实用性。首先通过案例分析，了解数码产品类网站色彩搭配、布局规划、元素设计等基础知识。随后，通过小组讨论激发学生灵感。学生需独立完成设计任务，教师提供个性化指导，强调细节处理与用户体验。最终，通过展示与互评，促进学生相互学习，提升设计能力与审美水平。

【教学目标】

1.知识与技能目标：

能读懂客户需求信息。

明确数码产品类网站首页设计要素。

能够根据产品特点，兼顾客户的意愿，对网站首页进行整体规划。

综合应用Photoshop中的各种工具进行首页设计与制作。

2.过程与方法目标：

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

3.情感态度与价值观：

培养学生独立思考、大胆创新、认真操作的学习习惯；

锻炼学生与客户的沟通能力，使学生学会聆听，在交流过程中既能保证遵守行业标准，又能达到客户满意的效果。

【课时】6课时

【教学重点】

数码产品类网站首页设计技巧及方法

【教学难点】

结合任务信息，设计出符合客户营销需求的首页

教学过程：

教学程序

教学内容要点

教师活动

学生活动

设计意图

明确任务

数码类产品网站首页的设计要求及制作流程

1.PPT展示任务内容，教师介绍工作情境:“数码生活商城”主营手机通信、计算机配件、数码摄影三大类的主流品牌产品，现需要对该网站首页进行全面改版。

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

=1\*GB3①分析首页案例效果图的组成元素

=2\*GB3②制定草图方案

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

=4\*GB3④绘制首页草图

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

3．评价标准：

1】大气、简约、突出产品品质、体现科技感；

2】网站导航分类合理、符合商品类目；

3】网站板块清晰、便于浏览、用户体验好；

4】突出网站活动和优惠。

4．评分组成：

自评+小组+教师

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

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

获取信息

数码类产品网站首页的设计要点

教师组织学生，把数码类产品网站首页设计的要点进行归类。

教师组织学生进行数码类产品网站首页案例分析。

教师归纳数码类首页设计的要素

应包含手机通信、计算机整机、摄影摄像、DIY组装机、智能设备、生活家电几个导航链接。

从上到下可设计为顶部、导航区、广告区、活动区、分类区及底部几个部分。

活动区商品分类尽量细化，方便谷歌找到需要的产品。

分类区可根据网站主要产品分为手机通信、电脑配件、数码摄影三个区域。

底部体现消费者保障如先行赔付、正品保障、无忧退换等。

4.教师归纳首页设计的要点：

颜色搭配合理（主色、辅色、字体色）

文案突出主题（标题文案、促销文案、价格文案等）。

版式美观（商品和文字的排版）。

让学生收集数码类产品网站首页，进行首页设计要素分析，总结出常见的数码类产品网站首页包含的要素。

通过网络资源及小组讨论，提炼数码类产品网站首页的设计要点。

通过小组讨论，规划数码类产品网站首页板块。

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

制定计划及决策

数码类产品网站首页的草图设计

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

颜色方面

主色、辅色、字体色

文案方面

标题文案、促销文案、价格文案等

版式布局方面

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

在教师的指导及小组互帮下，个人决策小组数码类产品网站网店首页的草图设计。

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

任务实施

数码类产品网站首页制作

1.进行制作要点点播

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

在相关软件（如：photoshop）中完成数码类产品网站首页制作

综合运用相关软件进行数码类产品网站首页的制作，相关的知识包含：

图形处理软件的相关操作：钢笔工具、剪贴蒙版、图层样式、字体制作、抠图工具的使用等。

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

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

成果展示

展示作品的能力

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

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

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

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

1.小组代表展示：

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

2）最优作品并作汇报。

3）选出最受欢迎的数码类产品网站首页设计作品。

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

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

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

通过找茬环