电子商务实务+（华东师范）项目五商品信息管理 任务7制作标准的商品详情页+任务8商品基本信息的配置+任务9商品发布、修改和下架

项目五 电子商务商品信息管理 制作标准的商品详情页 & 商品基本信息的配置；商品发布、修改和下架 CONTENTS 目 录 商品的发布 商品信息的修改 商品的下架 商品发布、修改和下架 商品品牌的管理商品规格的上传 商品类型的设置 商品分类的设置 商品基本信息的配置 详情页的基本构造 标签的基本处理 主视觉海报图的制作 商品信息图的制作 制作标准的商品详情页 PART 01 制作标准的商品详情页 商品销售记录 通过销售记录展示商品的可信度，吸引更多顾客消费。 同类产品推荐 同类产品推荐是提升客户体验的方式之一，通过顾客对页面的点击了解客户需求并做出同类产品的推荐，能够提升页面转化率。 相关商品推荐 相关商品推荐也是商家的组合营销手段之一，通过相关商品的推荐可以进一步提升转化率。 他人使用体验分享 顾客可以通过他人的使用体验分享，进一步了解产品的属性，商家提供的产品信息宣传性太强，而顾客的评论却比较真实。 商家其他信息 商家的其他信息包括物流、售后、品牌介绍以及商家实力展示等等，这些信息的展示可以增加顾客对商家的信赖度。 商品信息介绍 通过图片与文字的描述，对商品的属性、功能、特点进行描述，使顾客对产品有全面、感性的认识。 同类产品对比 同类产品对比可以体现商品的竞争力，促使顾客购买商品。 详情页的基本构造 详情页的基本构造 4 标签的基本处理 标签栏 标签栏是用于每个板块的分割，标签栏模式排版理念是:通过标签的一系列提示，是消费者对商品的使用、性能、公司售后等有详细的了解，免除顾客的后顾之忧。 5 5 制作主视觉海报要突出商品特色，吸引顾客眼球。 主视觉海报决定了下面板块的排版样式和颜色基调。 主视觉海报一般应具备品牌、商标、广告语、商品等元素。 1 2 3 主视觉海报图的制作 6 步骤一 从 Photoshop 软件主面面，点击“文件下标建”，宽度为 790 px，高度为 2689 px，分辨率为 72 ppi，颜色模式为 RGB 颜色，背景内容为白色，点击“确定”。 简单布景技巧 7 步骤二 点击“文件一打开”，打开“头图”素材，如图1所示。利用移动工具把“头图”素材点击拖入到主页处，合理调整，效果如图2所示 简单布景技巧 图1 “头图”素材 图2 “头图”素材拖入主页 8 注意事项： （1）制作商品信息图要突出商品细节，从咖啡豆一咖啡粉一成品进行细节展示，使顾客对咖啡有更深一步的了解。 （2）根据商品包装，整个排版设计定为棕色色调，视觉上更具有整体性。 （3）商品介绍细致入微，展现了商品的品质。 商品信息图的制作 9 步骤一 点击矩形工具，颜色为R111-G45-B1,宽高为790px-277px,新建图层，调整位置，效果如图所示。 商品信息图的制作 10 步骤二 点击圆角矩形工具，左上角工具标题栏设置填充颜色R225-G203-B189，宽高度为750px-237px，调整位置，效果如图所示。 简单布景技巧 11 步骤三 点击“文件一打开”，打开“咖啡粉末”素材、“咖啡豆”素材、“咖啡内包装”素材，如图1、图2、图3所示。用魔棒工具点击图片空白处，再选择菜单栏，点击“选择一反向”，选中背景图，把背景图点击拖入到主页处，按住组合键“Control+ T”合理调整，效果如图4所示。 商品信息图的制作 图1 咖啡粉末 图2 咖啡豆 图3 咖啡内包装 图4 组合后的效果 12 步骤四 使用文字工具，输入“产品介绍”，字体选择微软雅黑，字号为 30 点，双击文字所在图层，对文字的样式进行设置，描边大小 3 像素，颜色 R111-G42- -B1，勾选“颜色叠加”，“混合模式”为“正常”，颜色 R253. G248- -B192，如图1所示图层样式设置和如图2所示效果。 商品信息图的制作 图1 图层样式设置 图2 设置后的效果 13 步骤五 同上面操作，输入文字“雀巢咖啡醇品100%纯咖啡，精选上等咖啡豆，浓而不苦，香而不烈。秉承一贯的专业烘焙工艺，将咖啡豆的特有风味发挥的淋漓尽致，不带焦糊味。更以雀巢专利速溶咖啡萃取技术提取咖啡精华，去除咖啡渣，更大程度保留咖啡豆的原有风味和馥郁香气。”，字体微软雅黑，字号13点，双击文字图层，对图层样式进行设置，勾选颜色叠加，混合模式：正常，颜色R255-G255-B255，如图1所示图层样式设置和如图2所示效果。 商品信息图的制作 图1 图层样式设置 图2 设置后的效果 14 PART 02 商品基本信息的配置 商品信息配置包括商品品牌管理、商品规格上传、商品类型设置和商品分类设置 商品品牌管理 商品品牌 指公司的名称、产品或服务的商标，和其它可以有别于竞争对手的标示、广告等构成公司独特市场形象的无形资产。 两个层次的含义： 指产品的名称、术语、标记、符号、设计等方