又是一年双十一,这几天小东做双十一的设计快累死了,小伙伴们你们有这种感觉吗?做电商的苦逼啊,每到节假日就忙的不可开交,哎悲剧啊!为了不让小伙伴们和小东一样的悲催,今天小东给大家分享一下今年天猫双十一的设计风格。希望对大家的设计有帮助哦!
天猫官方双11页面上线了,大家都知道11.11(光棍节要来了)替还是单身的微微心疼3秒。又或者是买买买、又要开始败家了。
而作为设计师,我们看到了什么?
首先先放一张天猫11.11入口图
红金搭配、依然豪气的不要不要的。
今年的天猫双11给大家的感受是什么、牛逼、炸裂、绚丽,要过目不忘、要流连忘返?
设计定位— 时尚、狂欢
先看下GIF里面的几张图
大量运用了平面构成中的设计手法
平面构成是视觉元素在二次元的平面上,按照美的视觉效果,力学的原理,进行编排和组合,它是以理性和逻辑推理来创造形象、研究形象与形象之间的排列的方法。是理性与感性相结合的产物。
(百度平面构成的解释)
通过几何图形的重复排列,配合明亮、轻跳的色彩带来让人兴奋、刺激的视觉效果。
2016年天猫双11的视觉以时尚狂欢的调性为基础,以引爆为视觉创意进行包装,给消费者大牌、时尚、全球的感受
那么页面还有那些地方出彩的呢、所以在这里我通过几点分析给大家:
第一、售卖页主会场
一:场景
非常强烈的购物情景代入感觉、背景是美国时代广场组成,这就是为什么看到银泰这些地方就会有购物的欲望,看到商城大脑反应给我们的直觉就是用来购物、那自然就达到了节日的目的。
背景上面承载的信息:
1、双11logo标识用来强调形象传递、这也是每年双11都会这样做。
2、促销海报及大牌logo,促销海报引导刺激用户购物欲望,大牌logo(全英文)增强品质感和全球、时尚的感受。
二:角度
1、在角度上面,背景高楼的倾斜和下面色块的倾斜,带来非常强的纵深感。在平面上构造空间纵深感。
2、其次也起到了非常强烈聚焦效果,让你的视觉直击中心。没错就是商品和标题。
3、强烈的倾斜角度也给人带来了速度感,在心理上面让用户感受到节日的氛围和紧张感受。(一紧张就想抓点什么)
三:颜色
配色上面主打紫色调和渐变色、另外如左图所示,渐变色均为临近的颜色渐变,所以也不会那么突兀。
1、天猫国际主色调为紫色
2、紫色是由温暖的红色和冷静的蓝色化合而成,是极佳的刺激色。
所以刺激不就是促销最需要的么。
在中国传统里,紫色是尊贵的颜色,如北京故宫又称为“紫禁城”,亦有所谓“紫气东来”。
其次、紫色高贵神秘的颜色。
3、辅助图形为渐变色、很醒目和时尚。相信大家在8月份的时候应该会看到过类似这样一篇文章:
渐变配色的回归正巧是在扁平化大行其道的今天,所以它不可避免地同大量扁平化的元素搭配到了一起,而其中最值得考虑的因素,就是色彩。某些用色最大胆、跨度范围最大的渐变色设计干脆直接就从扁平化配色中“借用”色彩。
但是,只是把渐变色用在背景上面。所以在辅助图形上面用上了渐变色,非常出彩。
要说明的是,颜色用写轻佻一些的,别老是正那些近视色,搞得页面标题标题不突出、商品商品不突出。
另外放2张be上面设计师的2张作品
cool