电商视觉设计第4章店铺首页视觉设计ppt课件[文字可编辑].pptVIP

学习目标 ? 了解首页视觉水平的四大指标 ? 掌握店招的设计规范及技巧 ? 掌握首焦轮播区的设计技巧 ? 了解商品陈列区的布局方式 ? 掌握商品陈列区的布局技巧 PPT 课件 1 目 录 4.1 首页视觉水平的四大指标 4.2 店招视觉设计 4.3 首焦轮播区视觉设计 4.4 商品陈列区视觉设计 4.5 化妆品店铺首页视觉设计案例 PPT 课件 2 首页视觉水平的四大指标 1 首页跳失率 2 首页点击率 3 首页人均点击次数 4 首页平均停留时间 PPT 课件 3 4.1 4.1 首页视觉水平的四大指标 1 首页跳失率 首页跳失率，指买家通过某种渠道进入店铺，只访问了一个首页就离开的访问 次数占该入口总访问次数的比例。 进入店铺首页的渠道 PPT 课件 4 4.1 首页视觉水平的四大指标 2 首页点击率 首页点击率是宝贝在首页展现后的被点击比率，即：首页点击率 = 首页点 击量÷首页展现量）。 两类店铺首页排版 PPT 课件 5 4.1 首页视觉水平的四大指标 3 首页人均点击次数 首页人均点击次数，指在一段时间内人均点击了多少次，如下图所示。假设某 日点击该网店的唯一访问者数为 150 人，在此期间内点击本店铺首页的总访问数为 600 次，那么首页人均点击次数为： 600 次÷ 150 人 = 4 次 / 人。 人均点击次数 PPT 课件 6 4.1 首页视觉水平的四大指标 4 首页平均停留时间 首页平均停留时间 = 访店铺首页的所有访客总的停留时长÷访客数 （单位：秒），多天的平均停留时间为各天人均停留时长的日均值。和首 页人均点击次数一样，首页平均停留时间也可以用来判断一个店铺首页是 否能留住访客。 PPT 课件 7 店招视觉设计 店招视觉设计规范 01 店铺名称的艺术化处理 02 图层样式的应用 03 PPT 课件 8 4.2 4.2 店招视觉设计 1 店招视觉设计规范 店招高度设计规范 淘宝后台的店招高度为 120 像素，建议设计时设定店 招尺寸为 950 × 120 像素，加上导航条高度 30 像素，共 150 像素，可避免发布后导航不显示的问题 PPT 课件 9 4.2 店招视觉设计 1 店招视觉设计规范 店招元素设计 品牌宣传语 移动端二维码 PPT 课件 10 4.2 店招视觉设计 1 店招视觉设计规范 店招和导航条风格统一 风格的统一及修饰元素的设 计，突出店铺的品牌形象 PPT 课件 11 店招视觉设计 2 店铺名称的艺术化处理 1 用不同字体和字号的组合营造艺术感 2 添加特效突出特殊性和醒目度 3 使用修饰元素提升观赏性 PPT 课件 4.2 12 4.2 店招视觉设计 2 店铺名称的艺术化处理 1 用不同字体和字号的组合营造艺术感 将店铺名称的首个英文字母放大，并使用 不同于其他字体风格的手写体，让店铺名 称文字的版式更加醒目、更具艺术感 不同字体字号的组合 PPT 课件 13 4.2 店招视觉设计 2 店铺名称的艺术化处理 2 添加特效突出特殊性和醒目度 为了将店铺名称与导航条的颜色区 分开，使用了发光效果来修饰店铺 名称，营造出的层次感，也贴合了 店铺中销售的照明设备的特点 PPT 课件 14 4.2 店招视觉设计 2 店铺名称的艺术化处理 3 使用修饰元素提升观赏性 使用帽子的图案来修饰店铺名称，文字 与图案在外形上的契合让店铺名称更具 个性和艺术感，更容易在消费者心中形 成特定的印象 为店铺名称添加修饰元素 PPT 课件 15 4.2 店招视觉设计 3 图层样式的应用