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

2015/12/19 7904

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

界面设计 HTML5 素材 交互设计师 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 扁平化设计 设计规范 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里