46淘宝美工教程详情页制作规范流程解读.ppt

详情页制作规范流程 孔老师淘宝美工教程 2.0 版 课程唯一出售网址 9 大规范步骤 ① 确定风格 ② 素材搜集 ③ 布局框架构建 ④ 确认配色方案 ⑤ 选择合适字体类型 ⑥ 文字和图片设计排版制作 ⑦ 修改定稿 ⑧ 图片切割优化 ⑨ 上传淘宝店铺 课程唯一出售网址 风格 ? 页面风格主要根据产品本身来定。 ? 女装，零食， 3C 产品，虚拟产品等等。 课程唯一出售网址 片 ? 淘 课程唯一出售网址 素材搜集 ? 1. 前期实拍素材，整理，分类 ? 2. 日常素材库的搜集 课程唯一出售网址 布局框架构建 ? 根据文案内容，结合实际产品，进行有效的布局建立。 课程唯一出售网址 ? 产品海报， 引起注意 ? 产品全景， 提升兴趣 ? 痛点挖掘， 拉近客户 ? 卖点优势， 体现产品价值 ? 产品属性功能， 提升兴趣，了解产品 ? 产品细节展示， ? 检测报告， 建立信任 ? 好评分享展示， 进一步加强购买欲望 课程唯一出售网址 确认配色方案 ? 已有店铺视觉规范的，可以直接延续使用。 ? 如果没有： ? 1. 从产品本身提取。 ? 2. 从 LOGO 提取。 ? 3. 从产品联想属性提取。 课程唯一出售网址 选择合适字体类型 ? 字体相当于一个桥梁，相当重要。他对产品起到解释说 明，方便顾问阅读，同时也是重要信息的引导作用。 课程唯一出售网址 字体使用注意事项 ? 一般不超过 3 种字体 ? 重点部分加粗突出 ? 字体颜色的深浅，不要太复杂，以免影响阅读 ? 选择符合产品定位的字体 ? 字号大小使用得体，不宜过大或过小等等 课程唯一出售网址 文字和图片设计排版制作 ? 整个详情页制作在 photoshop 软件里实现。 ? 课程唯一出售网址 文字和图片设计排版制作 ? 怎么对图片和文案内容进行排版设置，是考验美工设计 水平的地方。 ? 越是简约大气的页面，元素务必不要太多，清爽舒适的 页面多留白，参考优秀案例，多多借鉴和学习。 课程唯一出售网址 文字和图片设计排版制作 ? 学习是没有止境的，同样，详情页的设计排版也是。 ? 多学习，多总结，扩展想法，拓展思维，建立自己的设 计风格。 课程唯一出售网址 修改定稿 ? 把制作首稿输出 JPG 给老板或者运营进行审核。 ? 如不符合要求，进行局部修改。直至定稿保存。