年货大促导流卖场楼层搭建经验总结

各种大促、营销活动都在重复着一项工作——卖场楼层的搭建。 大促卖场根据其作用,可分为导流卖场(通常是“主会场”)和成交卖场(通常是“分会场”或品类、品牌、活动卖场)。     导流卖场的楼层,通常以类目或主题为维度的聚合模块,每个楼层包含N个成交卖场的导流入口。 导流卖场楼层设计包括如下几个方面:     1.为了方便用户纵向浏览、不用多余的操作,一般选择直白地暴露坑位,较少考虑左右滑动、隐藏 展开等设计; 2.坑位样式应具有较高的灵活性(包括数量、大小等),适应不同类目的的需求; 3.设计前能够确认坑位的数量范围,能更好地选择合适的坑位样式;   单行栅格划分 一、特点 1.界面工整、利用效率高 2.适用于无差异的坑位入口划分 3.任何数量的坑位都可以灵活搭建,坑位的高度可根据需求调节   二、应用举例 如果全部用高效的栅格划分的坑位样式来设计类目楼层,以11个坑位为例,如下图: 11个坑位也可以设计如下:   两行组合 一、特点: 1.坑位较大,可放置更多的信息 2.适用于有着重突出的坑位组合 3.可根据需要突出对象的不同采用不同的组合,亦可适当调节坑位的高度和宽度。   以上坑位样式180度横向翻转后仍然适用,例如:   二、应用举例 1.两行组合的模板既可以单独使用(楼层坑位少时),也可以与单行栅格模板组合使用(楼层坑位多时)。如下图:   2.不同的坑位样式设计可用于突出不同的对象,以16年年货大促不同阶段主会场楼层设计为例:   异形 一、特点 1.适用于有着重突出、或其他特殊要求的坑位组合 2.有更多视觉设计发挥空间,容易有新鲜感 3.可能对信息显示规范有不同的要求   二、应用举例 异形模板在大促期间较少使用,没有充分的数据支持,采用时请慎重。如下是衣橱app15年双12主会场类目入口:     1.导流卖场楼层的每个坑位通常包含信息有:细分类目/活动名称、利益点、图片素材、点击引导 图标(可选); 2.信息显示的样式可根据坑位大小让视觉设计师发挥,原则是突出名称、利益点,商品图烘托有 度;   标题/利益点 1.根据运营需求,选择突出标题或突出利益点; 2.文案的字号不宜过小,尤其是需要突出的信息点; 3.文字的以横向为佳,方便阅读。 […]

App动效原理和应用设计

前言 时下对动效的追捧,疯狂至可以用一句话形容——“没有动效的APP,简直不是好的APP”。优秀的动效设计在提升产品体验、用户粘性方面的积极作用有目共睹,已然成为现下Web、APP产品交互设计和界面设计必不可少的元素。笔者想从常见基础动效、动效作用、动效的应用设计和动效评判四个方面简单谈谈对动效理解。   Part 1 基础动效 常见动效通常是由多个基础动效组合而成。下面就让我们来看看有哪些常见的基础动效。 1. 位移和速度 位移是物体从一个位置到另一个位置的距离。动画中的元素通过位移的变化产生了动态的效果。 速度是和位移密不可分的变量。相同的位移、不同的速度,元素可以呈现不同的动态效果(如:匀速、加速、减速和缓入缓出等)。速度的变化可以增加动感,更容易引起关注。   2. 放大和缩小 界面元素等比放大或缩小的过程。 放大 缩小   3. 消失和出现 界面元素从无到有或从有到无的过程。   4. 翻转 翻转可以是界面元素呈现3D效果的180度转动,也可以是界面元素90度的折叠效果。 翻转 翻折   5. 旋转 旋转可以是界面元素围绕中心点在平面上的转动,也可以整个界面所有元素的转动,如移动设备横屏和竖屏之间的切换。 局部旋转 全部旋转   6. 变形 界面元素根据操作触发或设计自发的形状改变。   7. 变色 变色是指动效中界面元素的色彩变化。   8. 其他 更多基础动效内容推荐,见本文附录。 Part 2 动效作用 总结动效应用的众多作用,可以将它们归纳为五个方面:友好、有趣、反馈、过渡、引导。以下一起来详细了解下动效在这几个方面起到的具体作用,同时欣赏一些优秀的动效案例。 1. 友好 (1)与手势结合,增强操控感 当界面的动态与用户手指在屏幕上的运动一致时,用户会感觉到自己控制了这个界面,仿佛不是在操控一个智能设备的界面,更不是被界面操控,而是作用于一个符合真实世界运动规则的物体。这种模拟现实操作的情境带入,让手势操作更易于学习,体验更流畅。   (2)让错误不再令人沮丧 […]

© 2017 JDC. All Rights Reserved.