电商视觉设计教程 第5章 商品详情页视觉设计.pptx
- 文档编号:863913
- 上传时间:2022-10-13
- 格式:PPTX
- 页数:44
- 大小:6.23MB
电商视觉设计教程 第5章 商品详情页视觉设计.pptx
《电商视觉设计教程 第5章 商品详情页视觉设计.pptx》由会员分享,可在线阅读,更多相关《电商视觉设计教程 第5章 商品详情页视觉设计.pptx(44页珍藏版)》请在冰豆网上搜索。
学习目标了解商品主图的设计规范掌握商品主图的设计形式掌握商品细节展示区设计技巧了解修饰元素在设计中的重要性熟练掌握商品详情页各元素的设计方法,目录,商品主图设计,5.1,商品细节展示区设计,5.2,商品功效简介区设计,5.3,女鞋商品详情页视觉设计案例,5.4,5.1商品主图设计,商品主图的设计规范,1,商品主图的设计形式,2,添加文案提高主图点击率,3,5.1商品主图设计,1商品主图的设计规范,商品主图尺寸要求,搜索结果页面中的商品主图尺寸为220像素220像素,商品详情页中的商品主图尺寸为400像素400像素,5.1商品主图设计,2商品主图的设计形式,展示商品的全貌,1,拼接式设计,3,突出商品卖点,4,场景化的设计,2,5.1商品主图设计,2商品主图的设计形式,展示商品的全貌,1,白色背景商品主图,5.1商品主图设计,2商品主图的设计形式,场景化的设计,2,场景展示商品主图,5.1商品主图设计,2商品主图的设计形式,拼接式设计,3,5.1商品主图设计,2商品主图的设计形式,突出商品卖点,4,5.1商品主图设计,3添加文案提高主图点击率,添加主图文案,添加价格信息,以激发消费者的购买欲望,提高点击率,添加商品的材质简介,提升商品形象,让消费者了解更多商品信息,5.1商品主图设计,3添加文案提高主图点击率,添加品牌徽标,5.1商品主图设计,3添加文案提高主图点击率,添加品牌信息,5.2商品细节展示区设计,商品细节展示区的表现形式,1,商品细节展示区通用设计方式,2,5.2商品细节展示区设计,1商品细节展示区的表现形式,指示型表现形式,局部图解型表现形式,5.2商品细节展示区设计,1商品细节展示区的表现形式,完整的商品形象展示,用实线连接,放大的局部细节,指示型表现形式,5.2商品细节展示区设计,1商品细节展示区的表现形式,局部图解型表现形式,5.2商品细节展示区设计,2商品细节展示区通用设计方式,利用文字对细节进行说明,素材让细节展示更直观,5.2商品细节展示区设计,2商品细节展示区通用设计方式,标题文字:
对该细节图的内容进行概括和归纳,应用画龙点睛的关键词进行文案设计,段落说明文字:
详细阐述该细节图的内容,对标题文字进行展开说明,利用文字对细节进行说明,5.2商品细节展示区设计,2商品细节展示区通用设计方式,利用文字对细节进行说明,系统介绍商品信息,对女鞋细节参数进行系统介绍,让消费者一目了然了解商品信息,5.2商品细节展示区设计,2商品细节展示区通用设计方式,素材让细节展示更直观箭头能将商品整体外观图与细节图联系起来,具有引导视线的作用,聊天气泡用于修饰细节图、说明文字的边框,使文字和图片能一一对应,准确传递商品信息,5.2商品细节展示区设计,2商品细节展示区通用设计方式,素材让细节展示更直观,方框规范了文字的显示范围,圆形素材的使用让图像之间产生一定的联系,矩形与圆形素材的使用,5.3商品功效简介区设计,商品功效简介区的设计规范,1,修饰元素在设计中的重要性,2,5.3商品功效简介区设计,1商品功效简介区的设计规范,淘宝、天猫和京东的商品详情页设计尺寸规范:
电商平台,商品详情页设计尺寸规范详情页左侧边栏宽190像素,中间空10像素,右侧宽750像素,加淘宝网起来总宽度为950像素。
如果关闭左侧边栏,就可以显示950像素宽,不然只显示750像素宽,天猫商城,京东,详情页布局与淘宝类似,不同之处在于天猫商城新版页面的宽度由750像素变为790像素京东对详情页布局有统一要求,整体宽度不超过740像素,5.3商品功效简介区设计,1商品功效简介区的设计规范,将商品的功效分为几个不同的关键点进行介绍,商品功效简介区设计,5.3商品功效简介区设计,2修饰元素在设计中的重要性,
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 电商视觉设计教程 第5章 商品详情页视觉设计 视觉 设计 教程 商品 详情
![提示](https://static.bdocx.com/images/bang_tan.gif)