项目5 商品详细页制作
知识目标：
（1） 了解商品详细页的构成和图文编排技巧。 （2） 掌握数码配件类商品详细页的设计方法。 （3） 掌握食品饮料类商品详细页的设计方法。 （4） 掌握美容护肤类商品详细页的设计方法。 （5） 掌握服装配饰类商品详细页的设计方法。 （6） 掌握家居日用品类商品详细页的设计方法。 技能目标：
（1） 能够分析商品详细页的构成。 （2） 会对商品详细页进行图文编排。
（3） 能够使用软件对商品详细页进行设计、美化。 情感目标：
（1） 具备对商品详细页面美化的意识。 （2） 具备良好的设计创新意识。
5.1常见的商品详细页图文编排技巧介绍
【任务目标】
（1） 了解商品详细页的构成。
（2） 掌握商品详细页的图文编排技巧。
【任务背景】
商品美化后，如何制作具体页面。
【任务分析】
传统零售可以通过多种方式同顾客进行沟通，顾客可以通过对商品的直观感受选择购买与否,而电子商务平台只能通过页面和顾客形成沟通。
简单来说，商品详细页就是对商品进行描述的地方。商家在发布产品时，需要在后台填写商品的属性、功能、特点等。填写的越详细，顾客在访问页面的时候就会更加详细的了解产品的信息，一方面可以节约客服沟通成本，另一方面有利于提高转化率，进而影响销售额。例，下图是易迅网的商品详细页，向消费者传递了商品的基本信息，消费者可以根据提供的信息进行自助购买。
图5-1 易迅商品详细页
【任务实施】
活动1 ：商品详细页的构成
1. 商品详细介绍：通过图片与文字的描述，对商品的属性、功能、特点进行描述，使
顾客对产品有全面、感性的认识。
2. 商品销售记录：通过销售记录展示商品的可信度，吸引更多顾客消费。
3. 他人使用体验分享：顾客可以通过他人的使用体验分享，进一步了解产品的属性，
商家提供的产品信息宣传性太强，而顾客的评论却比较真实。
4. 同类产品推荐：同类产品推荐是提升客户体验的方式之一，通过顾客对页面的点击
了解客户需求并做出同类产品的推荐，能够提升页面转化率。
5. 同类产品对比：同类产品对比可以体现商品的竞争力，促使消费者购买商品。 6. 相关商品推荐：相关商品推荐也是商家的组合营销手段之一，通过相关商品的推荐
可以进一步提升转化率。
7. 商家其他信息：商家的其他信息包括物流、售后、品牌介绍以及商家实力展示等等，
这些信息的展示可以增加顾客对商家的信赖度。
活动2 ：商品详细页的图文编排技巧
1. 左图右参数模式(用于商品简介板块，位于顶部) 2. 纯文字模式(用于商品特色介绍精选文案) 3. 大图模式（用于商品特色介绍精选文案） 4. 标签栏模式（用于每个板块的分割）
【实战训练】
打开易迅网站中任一手机类产品页面，截取本任务中所讲解的4种排版方式，以word形式保存。
5.2数码配件类商品的详细页制作
【任务目标】
（1） 学会图片与文字的组合运用。 （2） 学会使用“钢笔工具”制作标签。 （3） 学会使用“文字工具”组合编辑文字。 （4） 学会使用“矩形工具”制作指示图标。 【任务实施】
教 学 重 点 教 学 难 点 教学方法 教学 设计 教学手段 实践操作 如何掌握钢笔工具、文字工具、矩形工具 任务引领、方法讲解 操作演示 教学资源使用 电脑、投影仪设备等 其他说明 实训中心电脑机房操作室 教学过程设计 教学环节 教学步骤与内容 学生学习活动 设计意图 介绍工作情境 任务导入 欣赏数码配件类商品的详细页效果图 1. 制作特色板块 2. 制作作用板块 任务实施 3. 制作功能板块 4. 制作细节板块 5. 制作售后板块 欣赏相关的图像资料。 探究和学习一系列的相应功能的使用方法，并进行创作设计。 激发兴趣 明确任务 任务教学过程中通过对相关功能的进行设置，引导学生完成项目任务。 任务评价 参照评价表 自我互评、小组评价、了解自己的不足，提升能力。 教师评价 ? 总结数码配件类产品美化的要点 任务小结 ? 总结相关工具的用法和注意事项 实战训练 麦克风详细页的制作 实践操作 能力提升 熟悉操作步骤，总结提升详细页设计能力。 5.3食品饮料类商品的详细页制作
【任务目标】
（1） 学会使用“蒙版工具”制作图片投影效果； （2） 学会使用“羽化工具”对商品图片进行羽化处理； （3） 学会使用“文字工具”组合编辑文字； （4） 学会使用“椭圆工具”制作修饰边框；
（5） 学会使用“矩形工具”、“钢笔工具”进行引导线制作。 【任务实施】
教 学 重 点 实践操作 如何掌握蒙版工具、羽化工具、文字工具、椭圆工具、矩形工具 任务引领、方法讲解 操作演示 教 学 难 点 教学方法 教学 设计 教学手段 教学资源使用 电脑、投影仪设备等 其他说明 实训中心电脑机房操作室 教学过程设计 教学环节 教学步骤与内容 学生学习活动 设计意图 介绍工作情境 任务导入 欣赏食品饮料类商品的详细页效果图 1. 制作商品头图 2. 制作产品介绍板块 3. 制作产品特色板块 任务实施 4. 制作主要成分板块 5. 制作产品展示板块 6. 制作食用说明板块 欣赏相关的图像资料。 激发兴趣 明确任务 探究和学习一系列的相应功能的使用方法，并进行创作设计。 任务教学过程中通过对相关功能的进行设置，引导学生完成项目任务。 任务评价 参照评价表 自我互评、小组评价、了解自己的不足，提升能力。 教师评价 ? 总结食品饮料类产品美化的要点 任务小结 ? 总结相关工具的用法和注意事项 实战训练 苹果详细页的制作 实践操作 能力提升 熟悉操作步骤，总结提升详细页设计能力。 5.4美容护肤类商品的详细页制作
【任务目标】
（1） 学会使用“矩形工具”制作信息框。 （2） 学会使用“直线工具”制作标题虚线。 （3） 学会使用“文字工具”组合编辑文字。 【任务实施】
教 学 重 点 实践操作
项目5商品详细页制作电子商务商品信息采编电子教案金莉萍主编
