小结沃尔普电子商务培训学校-宿迁沃尔普电商职业培训学校.ppt

主讲：张方岩 立体感 品质感 清晰细节图+品牌标识 主题不明确 背景凌乱 颜色较多 主讲：张方岩 宝贝价格 不是所有商家降低利润都能吸引买家！ 找到自己产品的定位才是关键！ 大众路线 OR 品质路线 主讲：张方岩 DRS 产品信息 主讲：张方岩 本来这个没什么好讲的 但是若你的店铺需要直通车推广 在关键词的选择方面 你就要最大限度的接近你的产品标题和DRS产品信息 这样才能做到精准推广 小结 主讲：张方岩 文案 / Banner图 研究发现互网上 60%的文字信息用户是不会去阅读的 主讲：张方岩 真实好评位置上 提，让买家能够更容易浏览到 （真实的好评） 主讲：张方岩 怎样的文案图片组合才能够吸引买家 主讲：张方岩 主讲：张方岩 这张图设计排版文案 都很好 但是背景有点抢了主 题的视角 你的视角在哪儿？ 建议就是 背景稍微 虚化模糊 包包也是 制造一种 从近到远的感觉 主角也就凸显了 A B 主讲：张方岩 详情页面展示的内容 主讲：张方岩 平拍 模特 色彩 细节 卖点 场景效果 搭配 包装 商品展示类 品牌 荣誉 资质 销量 生产 仓储 实力展示类 情感打动 品质打动 实力打动 买家评价 吸引购买类 尺码规格 维护保养 购买 发货 验货 退换货 保修 交易说明类 店内活动 关联销售 搭配商品 优惠方式 促销说明类 详情页面展示的内容类别 沃尔普电子商务培训学校 网创培训 国有国法，家有家规；如果一个网站没有了设计规则，那么整个网站有可能会被设计的五花八门，千奇百怪，特别是大型的商业网站更需要设计规范进行指导； 中文字体是经过设计师手绘出来的；英文字体已经有了字体安装包； 栅格系统英文为“grid systems”，也有人翻译为“网格系统”，是一种平面设计的方法与风格。如今，栅格系统也已经被运用到网页中。它以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。 雅虎采用的栅格是40px；网易是60px；淘宝的栅格系统源于雅虎； 淘宝的栅格系统是以40px的栅格为基础的； 为了顺应显示器宽度的发展，原有的950宽度和公式，逐渐将被990宽度取代； 990宽度的栅格为50px； 根据栅格和列数，我们可以得到一系列的宽度数据； 根据淘宝的栅格系统，我们可以制定出常用的页面布局结构； 两栏式和三栏式可反转使用； 至少有一列符合栅格宽度； 之前的是20%原则，新加入了导航和搜索区； 全网吊顶承载着整个淘宝网对消费者公共核心部分，各业务线不得对内容形式进行更改； 已有现成的公共文件，使用时include调用即可； 全站有活动时，可在吊顶区域增加通栏； 各业务线应用时，不得对内容形式进行修改； 注意微软雅黑字体的使用；方正字体是淘宝唯一购买使用的授权字体； 淘宝业务线众多，各业务线根据自己的特色制定了不同的Banner设计规范，但万变不离其宗： 前台交易以淘宝橙色为主；后台以蓝色为主； 栅格规范对广告位的应用； 目前各自产品线根据自己的产品特性，自定义链接和文本文字的颜色； 留白体现了一个页面的透气性，让用户在阅读的时候产生节奏感； 标题、title； 在同一页面中，尽量使用统一样式的控件，降低用户的使用成本； 通常在需要用户进行二次确认操作时使用； 大斑马线和小斑马线之分；40px，20px； 淘宝搜索结果页也是斑马线的应用； 淘宝商品详情页设计框架讲解 主讲：张方岩 张方岩 2009年3月获得Adobe认证平面设计师（ACCD)证书。 2010年6月被Adobe公司授予软件设计师，电子商务设计师证书。 2009年5月—2014年4月，担任多家淘宝店铺美工总监。 主讲：张方岩 主讲：张方岩 一、淘宝用户购物特点 二、详情页面设计的作用 三、详情页面展示内容 3.1 标题 宝贝主图与价格 3.2 DRS产品信息 3.3 方案 Banner图片 四、详情页面展示的内容类别 4.1 商品展示类 4.2 实力展示类 4.3 吸引购买类 4.4 交易说明类 4.5 促销说明类 五、详情页面的排版 5.1 用户认知规律 5.2 用户对页面的注视点 5.3 图文排版的快速识别性 5.4 页面长度的控制 主讲：张方岩 淘宝用户购物特点 主讲：张方岩 线上购物与线下购物的区别！ 买家逛街 进入店铺 挑选商品 通过搜索 各专题页入口 进入单品页 通过单品页 入进店铺 主讲：张方岩 小结 那么大家都知道了！WHY？ 差异就是…… 线上顾客购物都是从窗子口爬进来的！ 主讲：张方岩 详情页面设计的作用 主讲：张方岩 为什么你的产品 值这样的价钱 不知道尺码合不合适呢 有色差吗 不知道穿在身上好不好看 售后有保障吗 这个产品怎么使用呢 这东西好吗 这个品牌不知道好不好呢 主讲：张方岩 小结