中职高教版高二《网页设计与制作》任务8.2 移动端电商网站详情页设计与制作课件

项目8 制作移动端页面 ——任务8.2 移动端电商网站详情页设计与制作 任务8.2 移动端电商网站详情页设计与制作 目录 01 活动1 设计移动端电商网站详情页 02 活动2 制作移动端电商网站详情页 任务8.2 移动端电商网站详情页设计与制作 01 活动1 设计移动端电商网站详情页 活动1 设计移动端电商网站详情页 1.结合PC端店铺宝贝详情页设计手机店铺宝贝详情页，对PC店铺宝贝详情页进行优化，可适当增加或减少模块内容。 2.手机屏幕小，页面设计尽量简约，字体显眼，多使用大图展示宝贝。 3.手机页面打开需要流量，页面别太长。 4.设计规格为宽度480–620像素，高度最大为960像素，格式为JPG、GIF、PNG的图片。 手机详情总体大小为图片、文字和音频文件加起来大小小于或等于1.5M。 5.整体要美观大方，色彩清晰，符合手机用户的购物心理。 项目8 制作移动端页面/任务8.2 移动端电商网站详情页设计与制作/活动1 设计移动端电商网站详情页 【淘宝移动端详情页设计注意点】 （1）提炼卖点。 （2）分析PC端宝贝详情页。 （3）设计移动端宝贝详情页。 【作业步骤】 项目8 制作移动端页面/任务8.2 移动端电商网站详情页设计与制作/活动1 设计移动端电商网站详情页 活动1 设计移动端电商网站详情页 【九宫格法提炼宝贝卖点】 项目8 制作移动端页面/任务8.2 移动端电商网站详情页设计与制作/活动1 设计移动端电商网站详情页 活动1 设计移动端电商网站详情页 花王妙而舒纸尿裤NB90 使用“九宫格”法来提炼卖点，是在一张白纸上，用笔先隔成9宫格，中间那格填上产品名。 在其他8格填上可以帮助此商品销售的众多优点，注意要从顾客需求出发去发现商品的优点。 从这些优点里先发散联想卖点词汇，再逐一筛选，提炼出核心卖点。 【小助手1】提炼卖点 项目8 制作移动端页面/任务8.2 移动端电商网站详情页设计与制作/活动1 设计移动端电商网站详情页 活动1 设计移动端电商网站详情页 运用九宫格法提炼Born free奶瓶的卖点 宝贝信息请查看提供的资源图片“美国BFree奶瓶详情页” 【小助手1】提炼卖点 项目8 制作移动端页面/任务8.2 移动端电商网站详情页设计与制作/活动1 设计移动端电商网站详情页 活动1 设计移动端电商网站详情页 九宫格法示例 【PC端宝贝详情页模块和其内容】 项目8 制作移动端页面/任务8.2 移动端电商网站详情页设计与制作/活动1 设计移动端电商网站详情页 活动1 设计移动端电商网站详情页 花王妙而舒纸尿裤NB90 PC端宝贝详情页模块名称 内容 PC端宝贝详情页一般包括宝贝基本信息表、关联促销和店铺促销活动、宝贝海报、宝贝参数、宝贝整体展示、宝贝细节展示、品牌说明、售后服务、品质保证和购物须知等。 【小助手2】淘宝PC端宝贝详情模块 项目8 制作移动端页面/任务8.2 移动端电商网站详情页设计与制作/活动1 设计移动端电商网站详情页 活动1 设计移动端电商网站详情页 【手机端宝贝详情页模块的确定】 项目8 制作移动端页面/任务8.2 移动端电商网站详情页设计与制作/活动1 设计移动端电商网站详情页 活动1 设计移动端电商网站详情页 PC端宝贝详情页模块名称 手机端宝贝详情页模块中是否保留 手机端宝贝详情页模块中是否修改 【小助手3】手机端宝贝详情页布局设计 项目8 制作移动端页面/任务8.2 移动端电商网站详情页设计与制作/活动1 设计移动端电商网站详情页 活动1 设计移动端电商网站详情页 详情页布局设计 第一步，引发兴趣； 第二步，激发需求； 第三步，产生信任； 第四步，信赖到占有； 第五步，打消顾虑成交。 【知识链接】成交五部曲 项目8 制作移动端页面/任务8.2 移动端电商网站详情页设计与制作/活动1 设计移动端电商网站详情页 活动1 设计移动端电商网站详情页 根据成交五部曲，详情页的模块排序建议 【知识链接】成交五部曲 项目8 制作移动端页面/任务8.2 移动端电商网站详情页设计与制作/活动1 设计移动端电商网站详情页 活动1 设计移动端电商网站详情页 任务2 移动端电商网站详情页设计与制作 02 活动2 制作移动端电商网站详情页 （1）修改PC端宝贝详情图。 （2）上传宝贝详情页。 （3）测试宝贝详情页效果。 【作业步骤】 项目8 制作移动端页面/任务8.2 移动端电商网站详情页设计与制作/活