详情页制作规范流程ppt课件
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
66产品海报产品海报引起注意引起注意产品全景产品全景提升兴趣提升兴趣痛点挖掘痛点挖掘拉近客户拉近客户卖点优势卖点优势体现产品价值体现产品价值产品属性功能产品属性功能提升兴趣了解产品提升兴趣了解产品产品细节展示产品细节展示检测报告检测报告建立信任建立信任好评分享展示好评分享展示进一步加强购买欲望进一步加强购买欲望77确认配色方案确认配色方案已有店铺视觉规范的可以直接延续使用
• 已有店铺视觉规范的，可以直接延续使用。
• 如果没有： • 1.从产品本身提取。 • 2.从LOGO提取。 • 3.从产品联想属性提取。
选择合适字体类型
• 字体相当于一个桥梁，相当重要。他对产品起到解释说
明，方便顾问阅读，同时也是重要信息的引导作用。
字体使用注意事项
• 一般不超过3种字体 • 重点部分加粗突出 • 字体颜色的深浅，不要太复杂，以免影响阅读 • 选择符合产品定位的字体 • 字号大小使用得体，不宜过大或过小等等
传淘宝店铺
• 1.切割好图，上传淘宝图片空间 • 2.发布宝贝使用
谢谢
• 多学习，多总结，扩展想法，拓展思维，建立自己的设
计风格。
修改定稿
• 把制作首稿输出JPG给老板或者运营进行审核。 • 如不符合要求，进行局部修改。直至定稿保存。
图片切割优化
• 美工在制作详情页往往是整张图，而我们在网上浏览，
是经过PS切片切图。
• 动辄数MB图，网络加载慢，所以进行图片切割优化。 • 课程18.19.20集详细讲解。
详情页制作规范流程
9大规范步骤
① 确定风格 ② 素材搜集 ③ 布局框架构建 ④ 确认配色方案 ⑤ 选择合适字体类型 ⑥ 文字和图片设计排版制作 ⑦ 修改定稿 ⑧ 图片切割优化 ⑨ 上传淘宝店铺
风格
• 页面风格主要根据产品本身来定。
• 女装，零食，3C产品，虚拟产品等等。
片
•淘
素材搜集
• 1.前期实拍素材，整理，分类 • 2.日常素材库的搜集
文字和图片设计排版制作
• 整个详情页制作在photoshop 软件里实现。 •
文字和图片设计排版制作
• 怎么对图片和文案内容进行排版设置，是考验美工设计
水平的地方。
• 越是简约大气的页面，元素务必不要太多，清爽舒适的
页面多留白，参考优秀案例，多多借鉴和学习。
文字和图片设计排版制作
• 学习是没有止境的，同样，详情页的设计排版也是。
布局框架构建
• 根据文案内容，结合实际产品，进行有效的布局建立。
• 产品海报，引起注意 • 产品全景，提升兴趣 • 痛点挖掘，拉近客户 • 卖点优势，体现产品价值 • 产品属性功能，提升兴趣，了解产品 • 产品细节展示， • 检测报告，建立信任 • 好评分享展示，进一步加强购买欲望
确认配色方案
• 已有店铺视觉规范的，可以直接延续使用。
• 如果没有： • 1.从产品本身提取。 • 2.从LOGO提取。 • 3.从产品联想属性提取。
选择合适字体类型
• 字体相当于一个桥梁，相当重要。他对产品起到解释说
明，方便顾问阅读，同时也是重要信息的引导作用。
字体使用注意事项
• 一般不超过3种字体 • 重点部分加粗突出 • 字体颜色的深浅，不要太复杂，以免影响阅读 • 选择符合产品定位的字体 • 字号大小使用得体，不宜过大或过小等等
传淘宝店铺
• 1.切割好图，上传淘宝图片空间 • 2.发布宝贝使用
谢谢
• 多学习，多总结，扩展想法，拓展思维，建立自己的设
计风格。
修改定稿
• 把制作首稿输出JPG给老板或者运营进行审核。 • 如不符合要求，进行局部修改。直至定稿保存。
图片切割优化
• 美工在制作详情页往往是整张图，而我们在网上浏览，
是经过PS切片切图。
• 动辄数MB图，网络加载慢，所以进行图片切割优化。 • 课程18.19.20集详细讲解。
详情页制作规范流程
9大规范步骤
① 确定风格 ② 素材搜集 ③ 布局框架构建 ④ 确认配色方案 ⑤ 选择合适字体类型 ⑥ 文字和图片设计排版制作 ⑦ 修改定稿 ⑧ 图片切割优化 ⑨ 上传淘宝店铺
风格
• 页面风格主要根据产品本身来定。
• 女装，零食，3C产品，虚拟产品等等。
片
•淘
素材搜集
• 1.前期实拍素材，整理，分类 • 2.日常素材库的搜集
文字和图片设计排版制作
• 整个详情页制作在photoshop 软件里实现。 •
文字和图片设计排版制作
• 怎么对图片和文案内容进行排版设置，是考验美工设计
水平的地方。
• 越是简约大气的页面，元素务必不要太多，清爽舒适的
页面多留白，参考优秀案例，多多借鉴和学习。
文字和图片设计排版制作
• 学习是没有止境的，同样，详情页的设计排版也是。
布局框架构建
• 根据文案内容，结合实际产品，进行有效的布局建立。
• 产品海报，引起注意 • 产品全景，提升兴趣 • 痛点挖掘，拉近客户 • 卖点优势，体现产品价值 • 产品属性功能，提升兴趣，了解产品 • 产品细节展示， • 检测报告，建立信任 • 好评分享展示，进一步加强购买欲望
确认配色方案