Hi,我是优设小编

cyRotel

浏览全部 4615 篇文章

到我的微博瞧瞧

形色意三剑客!淘宝2015″双12年度盛典”设计浅谈

double-12-taobao-design-1

从2015年7月开始,经过了几个月的奋战,双12终于落下帷幕,先来看看今年的双12的设计师们都从形、色、意做了些什么事儿。

兄弟教程:《揭秘双十一!那些上亿人都在看的BANNER都是怎么设计出来的?》

在较长的项目期间,我们首先制定了设计的方向和目标,让项目从开始到最后都能够按照品牌标准和方向进行,在统一的视觉元素前提下,有效地产出了结果。

每个阶段的发散都是在最初设定的品牌规划范围内实现的。下面就来具体看一下我们是如何实现“贯穿”的吧。

我们从“形、色、意”三块分别去概括这次双12我们做的事。形,说的是图形/纹理,为了体现活动的特性和 “娱乐化”,我们为这次1212做了很多丰富的图形元素。色,即色彩规范,我们给出了一套详尽的色彩规则,给设计师们进行选择。意,空间感、拼接、运用插图阐述故事等的表现手法。

然后“形、色、意”相互贯穿,构成这次丰富且生动的1212!

7tb20151218

1212设计策略

我们不仅仅只考虑设计,还考虑了我们所面对的商家、消费者。

卖家——通过1212,给予卖家卖货的机会和冲动、新品试水的期待;

消费者——给消费者发现淘宝商品的新鲜和万能,让消费者感受到双12狂欢的氛围,增强代入感;

设计——在设计上,提升双12的品牌延续性、扩展性、融入娱乐化的氛围。

6tb20151218

1212设计的3个关键词

经过前期的脑暴、用研一起调研,层层筛选、过滤,最终提炼了三个最符合我们这次1212的关键词——年轻化、丰富性、新特色。

又根据各种竞品分析,最终确定圆形最符合我们这次娱乐化的表现元素。圆,是14年1212的继承和延伸,又是眼球的聚焦点,盛典欢庆的灯光、舞台的氛围感。

5tb20151218

我们这次最特色的可谓是“形”的贯穿,在圆中包容各种各样丰富的图形元素。

并归纳出几个规则——向外凸的圆和向内凹的圆,以及多种元素汇聚在圆中的这几类,让圆形更为丰富、充满变化。

4tb20151218

贯穿的第二个部分是:色,即用系统化的色彩规范所有的会场,我们给所有设计师规范的标准色系有3类:分别是高明度、中间色和低明度色彩。根据会场类别,不同的色彩对应不同的会场,不仅让整个活动更系统化更规范,而且让所有设计师有了更明确的方向。

3tb20151218_

1212之意

说的是1212的表现形式和表现手法,例如:空间感、插画、拼接以及故事化的包装,比如我们这次1212中的“每日一疯”活动版头,就是运用了空间感、插图(实物与勾勒的线条相互贯穿、拼接)和本身商品的故事化包装。

最后,说一说我们这次1212的线下外推海报的部分,同样是运用了刚才说到的故事化的各种手法,把各种各样的插图形式发挥的无所不至,但又通过品牌logo和品牌色统一、贯穿,不仅丰富热闹,又统一、充满设计系列感。

2tb20151218_

1tb20151218_

【LOGO设计实战教程系列好文】

乱斗西游的LOGO:
《大咖级教程!乱斗西游的游戏LOGO是如何诞生的?(附设计方法)》

百度钱包的LOGO:
《向高手学习!百度钱包品牌LOGO设计过程全揭秘》

腾讯Lightalk的LOGO:
《LOGO实战好文!腾讯新聊天软件Lightalk英文Logo诞生记》

作者:淘宝用户体验设计

uisdc-tuweia-2

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量106万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/double-12-taobao-design