电商视觉设计 第4章 店铺首页视觉设计 课件.ppt

4.4 商品陈列区视觉设计 2 商品布局艺术化 31 PPT 课件 4.4 商品陈列区视觉设计 2 商品布局艺术化 32 PPT 课件 4.4 商品陈列区视觉设计 2 商品布局艺术化 33 PPT 课件 4.5 化妆品店铺首页视觉设计案例 标题文字设置的字号较大，利用 斜面和浮雕、投影等效果来点缀 标题文字，使其更加精致 文字选用不同的颜色、字号，并 分成两行，显得更有层次感，并 通过一些小图案对价格进行修饰 和点缀，营造出一种清新的视觉 感受 风格一致的文字与图像，营造 出 一种清新、简洁、充满文 艺气息的氛围 采用不规则图形作为背景 图 的点缀，使商品的排 列既整齐又不死板，提升 其观赏性和设计感 34 PPT 课件 4.5 化妆品店铺首页视觉设计案例 01 填充背景色 35 PPT 课件 4.5 化妆品店铺首页视觉设计案例 02 设置文字属性 36 PPT 课件 4.5 化妆品店铺首页视觉设计案例 03 添加商品图及优惠券 37 PPT 课件 4.5 化妆品店铺首页视觉设计案例 04 绘制导航条背景 38 PPT 课件 4.5 化妆品店铺首页视觉设计案例 05 为导航条添加文字 39 PPT 课件 4.5 化妆品店铺首页视觉设计案例 06 添加文字并设置图层 样式 40 PPT 课件 4.5 化妆品店铺首页视觉设计案例 06 添加文字并设置图层 样式 41 PPT 课件 4.5 化妆品店铺首页视觉设计案例 07 添加图像素材 42 PPT 课件 ? 了解首页视觉水平的四大指标 ? 掌握店招的设计规范及技巧 ? 掌握首焦轮播区的设计技巧 ? 了解商品陈列区的布局方式 ? 掌握商品陈列区的布局技巧 学习目标 1 PPT 课件 目 录 首页视觉水平的四大指标 4.1 店招视觉设计 4.2 首焦轮播区视觉设计 4.3 商品陈列区视觉设计 4.4 化妆品店铺首页视觉设计案例 4.5 2 PPT 课件 4.1 首页视觉水平的四大指标 首页跳失率 1 首页点击率 2 首页人均点击次数 3 首页平均停留时间 4 3 PPT 课件 4.1 首页视觉水平的四大指标 1 首页跳失率 首页跳失率，指买家通过某种渠道进入店铺，只访问了一个首页就离开的访问 次数占该入口总访问次数的比例。 进入店铺首页的渠道 4 PPT 课件 4.1 首页视觉水平的四大指标 2 首页点击率 首页点击率是宝贝在首页展现后的被点击比率，即：首页点击率 = 首页点 击量÷首页展现量）。 两类店铺首页排版 5 PPT 课件 4.1 首页视觉水平的四大指标 3 首页人均点击次数 首页人均点击次数，指在一段时间内人均点击了多少次，如下图所示。假设某 日点击该网店的唯一访问者数为 150 人，在此期间内点击本店铺首页的总访问数为 600 次，那么首页人均点击次数为： 600 次÷ 150 人 = 4 次 / 人。 人均点击次数 6 PPT 课件 4.1 首页视觉水平的四大指标 4 首页平均停留时间 首页平均停留时间 = 访店铺首页的所有访客总的停留时长÷访客数 （单位：秒），多天的平均停留时间为各天人均停留时长的日均值。和首 页人均点击次数一样，首页平均停留时间也可以用来判断一个店铺首页是 否能留住访客。 7 PPT 课件 4.2 店招视觉设计 店招视觉设计规范 01 店铺名称的艺术化处理 02 图层样式的应用 03 8 PPT 课件 4.2 店招视觉设计 1 店招视觉设计规范 店招高度设计规范 淘宝后台的店招高度为 120 像素，建议设计时设定店 招尺寸为 950 × 120 像素，加上导航条高度 30 像素，共 150 像素，可避免发布后导航不显示的问题 9 PPT 课件 4.2 店招视觉设计 1 店招视觉设计规范 店招元素设计 品牌宣传语 移动端二维码 10 PPT 课件 4.2 店招视觉设计 1 店招视觉设计规范 店招和导航条风格统一 风格的统一及修饰元素的设 计，突出店铺的品牌形象 11 PPT 课件 4.2 店招视觉设计 2