• 5个角度分析天猫视觉页,掌握双11最受欢迎的电商设计风格!

    adinnet/2016-10-21 16:37/洞察

    天猫官方的双十一预热页面刚刚上线,这不,优设就请来了京东的视觉设计师骨头君,帮大家分析双十一电商设计的流行趋势,包括场景、配色、角度、标题、辅助性元素等,干货+趋势,绝对值得一读!

    首先放一张天猫11.11入口图:

    uisdc-1111-201610211红金搭配、依然豪气的不要不要的。

    今年的天猫双11给大家的感受是什么:牛逼、炸裂、绚丽,过目不忘、流连忘返?

    那么页面还有那些地方出彩的呢、所以在这里我通过几点分析给大家:第一、售卖页主会场

    一:场景

    uisdc-1111-201610212非常强烈的购物情景代入感觉、背景由商场楼盘组成,这就是为什么看到银泰这些地方就会有购物的欲望,看到商城大脑反应给我们的直觉就是用来购物、那自然就达到了节日的目的。

    背景上面承载的信息:

    1、双11 Logo标识用来强调形象传递、这也是每年双11都会这样做。

    2、促销海报及大牌logo,促销海报引导刺激用户购物欲望,大牌logo(全英文)增强品质感和全球、时尚的感受。

    二:角度

    uisdc-1111-201610213uisdc-1111-2016102141、在角度上面,背景高楼的倾斜和下面色块的倾斜,带来非常强的纵深感。在平面上构造空间纵深感。

    2、其次也起到了非常强烈聚焦效果,让你的视觉直击中心。没错就是商品和标题。

    3、强烈的倾斜角度也给人带来了速度感,在心理上面让用户感受到节日的氛围和紧张感受。(一紧张就想抓点什么)

    三:颜色

    uisdc-1111-201610215配色上面主打紫色调和渐变色、另外如左图所示,渐变色均为临近的颜色渐变,所以也不会那么突兀。

    1、天猫国际主色调为紫色

    uisdc-1111-2016102162、紫色是由温暖的红色和冷静的蓝色化合而成,是极佳的刺激色。

    所以刺激不就是促销更需要的么。

    在中国传统里,紫色是尊贵的颜色,如北京故宫又称为“紫禁城”,亦有所谓“紫气东来”。

    其次、紫色高贵神秘的颜色。

    3、辅助图形为渐变色、很醒目和时尚。

    uisdc-1111-201610217uisdc-1111-201610218渐变配色的回归正巧是在扁平化大行其道的今天,所以它不可避免地同大量扁平化的元素搭配到了一起,而其中更值得考虑的因素,就是色彩。某些用色更大胆、跨度范围更大的渐变色设计干脆直接就从扁平化配色中“借用”色彩。

    但是,只是把渐变色用在背景上面。所以在辅助图形上面用上了渐变色,非常出彩。

    要说明的是,颜色用写轻佻一些的,别老是正那些近视色,搞得页面标题标题不突出、商品商品不突出。

    另外放2张be上面设计师的2张作品:

    uisdc-1111-201610219四:标题

    天猫的页面标题没有立体,没有夸张的变形。够直接、清爽、大方。

    uisdc-1111-2016102110居中排版更稳定、也是更容易的做法。上文、下图,也是运营活动主会场更常见的应用方式,因为给人比较正式、重要的感受。你想想一个点如果在右边、左边是不是显得不是那么重要,没有主角光环。

    uisdc-1111-2016102111再看电影海报,是不是主角都在中间。就是要告诉那么多页面、那么多类目我就是主会场。

    uisdc-1111-2016102112五:辅助性

    天猫双11的logo爆出来的时候、就知道他的辅助性很多就是logo围绕的那些椭圆射线、似舞台感觉、又像人民大会堂不信你看。

    uisdc-1111-2016102113uisdc-1111-2016102114哈哈,还是说正经的吧。

    1、辅助性椭圆形非常好的动感图形,又圆润。辅助图形上面也是有一条视觉引导线。

    uisdc-1111-2016102115uisdc-1111-2016102116把风格