IAMUE
  • Home
  • 文章分类
    • 交互
      • 从零开始学交互
      • IxD案例
      • 微信热点
    • UXD
    • Wireframes
    • GUID
    • PM
  • More
    • AID
    • 资源下载
    • 作品集
    • 电子书:《从零开始做交互》
    • Sketch 4.9 - Sketch全系列免费下载(更新Sketch4.9)
    • 淘宝手机H5版UX移动交互设计规范
    • Axure基础入门
    • 隐私政策

2016天猫双11背后的品牌故事:全民剁手“All in one”

Catherine • 2017-05-17 08:57 • 交互设计

2016 双11,“All in 1” 主标识,意为“精彩不止一点”。让我们随着阿里小编一起了解2016天猫双11背后的品牌故事。All in 1!将全平台、全品牌、全球融合到一点,迸发出更精彩的世界!

文章目录[隐藏]

  • “要浪,不要性冷淡”
  • “All in 1”
  • “精益求精·触动人心”
  • “走”向全球的双11
  • “线下启动,狂欢开幕”
  • “狂欢之后,是对生活的美好演绎”

2016 双11,“All in 1” 主标识,意为“精彩不止一点”。让我们随着阿里小编一起了解2016天猫双11背后的品牌故事。

2016天猫双11背后的品牌故事:全民剁手“All in one”

还有不到一个月,2016年双11就要来了。这几个月小编和同事们已经加了无数的班、写了无数的方案、敲了无数的代码,感觉身体一次次被掏空……为的就是让各位读者钱包大出血、买到手酸……

那么问题来了,学挖掘机哪家强?要如何把这些交织着爱与激情、脑力与汗水的故事端到消费者眼前呢?在这“酒香也怕巷子深”的2016年,阿里双11设计师们(呵呵也就是小编)义无反顾地扛起了这个品牌传播的先锋大旗。

在给大家介绍品牌故事前,咱也就不藏着掖着了,先来看看酝酿已久的新品牌设计吧。

2016天猫双11背后的品牌故事:全民剁手“All in one”

2016 双11,“All in 1” 主标识,意为“精彩不止一点”。

“要浪,不要性冷淡”

设计未动,风格先行。要说当前最流行的设计风格,恐怕就是……

2016天猫双11背后的品牌故事:全民剁手“All in one”

这种起源于日本的极简主义设计,讲究素、禅意,给人感觉淡雅、无欲无求。但这种风格放在双11,恐怕会让人疲倦,提不起劲来……

因为!双11是盛典啊!是 Party 啊!装修成性冷淡?大家伙儿还 High 得起来吗?

所以,我们要的大概是这种感觉:

2016天猫双11背后的品牌故事:全民剁手“All in one”

总而言之,双11的设计一定要美艳、要炸裂、要绚丽,要过目不忘、要流连忘返……

设计师们在风格探索上自然有更为深入的思考:作为一家互联网科技企业,如何运用设计创意让用户感受、发现精彩?

在这种背景下,我们大量运用了现代视觉心理中称之为“视觉颤动”的设计手法,通过几何形体的交错排列,配合明亮的色彩造成刺眼的震颤感,实现让人兴奋和快乐的视觉效果。

设计师们发现,这些设计稿呈现出一种规模化、有规律的设计特征,非常适于记忆和传播。为了对这种设计风格进行统一表述,我们需要一种极高影响力的风格流派对其进行包装和诠释,在参阅了大量的资料后,最终发现”欧普艺术“的描述最为契合。

所以,最后在风格设定上我们大胆采用了欧普风、渐变色和大麦点的综合应用。但同时,基于服务于销售的商业本质,我们也避免纯粹的强视觉刺激,而是让视觉传递与内容传递达到一个平衡,共同服务消费者。

除了风格外,我们也在空间上寻求突破。在扁平化大行其道的今天,移动互联网设计倾向于去除透视、3D 等装饰效果,意欲突出信息本身。但过于扁平的设计在细节上丧失了质感,缺乏直观和情感传达。因此,我们尝试在有限的平面上构建空间纵深感,为狂欢和节日的氛围留出空间。

2016天猫双11背后的品牌故事:全民剁手“All in one”

把风格和空间感结合起来,就诞生了这种让静止图案“动起来”的新双11风格。

2016天猫双11背后的品牌故事:全民剁手“All in one”

“All in 1”

另一方面,确定双11的主题也不是一件容易的事。如果说单一、保守是一种痛苦,那对我们来说,有太多东西需要融合就更是一个难题——既想要彰显个性,又要把理念全部涵盖。

你眼中的双11是什么样的?精彩、狂欢、丰富、喜悦…..呵呵,这些关键词是个人就能想出来,设计师们当然可以整出更多的:

2016天猫双11背后的品牌故事:全民剁手“All in one”

等等,谁来解释一下这些是什么鬼?

2016天猫双11背后的品牌故事:全民剁手“All in one”

厉害了word哥,火锅、饺子包子也算是双11的关键词吗?读者会以为这是小编随便拿来凑数的好吗?大概是设计师讨论方案时饿成狗了……好吧,不管怎么说,设计师们从这一堆乱七八糟的词汇里找了一些看起来稍微靠谱一点的:

2016天猫双11背后的品牌故事:全民剁手“All in one”

但是!还是!太多了!放弃任何一个都舍不得……既然这么多词都和双11相关、都很准确,干脆全整进来得了……没想到屈服于这些海量元素之后,便秘般的思路反而通畅了起来:

All in 1!将全平台、全品牌、全球融合到一点,迸发出更精彩的世界!

很通顺很自然有木有!

上面开了个小玩笑。其实,当设计师写下饺子、火锅、八宝饭时就已经在考虑,这些食物不就是汇聚的典范吗?将各种不同的食材揉合到一起,重新料理后孕育出截然不同的新口味,让吃货们心满意足。阿里“双11”又何尝不是如此?从出于商业目的的汇聚,到料理后回归用户本质的迸发,消费者感受到的是无限的惊喜,而这也正是双11狂欢节的核心价值所在。

很快,设计师们根据先前汇总的关键词,结合“All in 1”的主题,抽象对应的视觉形象,总结出了诸如“汇聚融合”、“引爆绽放”等等子思路,最终选定了“引爆绽放”的设计。

2016天猫双11背后的品牌故事:全民剁手“All in one”

“精益求精·触动人心”

如果以为这就完事儿了,那真是大错特错了……为了让设计看起来更自然,同时能够适用于各种展示环境(手机、网页、公交车站、公共厕所……),设计师们拿出了“扣细节”的看家本领,对图形的每一个细节进行微调和优化:

2016天猫双11背后的品牌故事:全民剁手“All in one”

1、调整光柱发散的动态趋势。如果对着脸正面发射,末端会出现参差不齐的情况,看起来很闹心,因此进行了整体向上发散的设计;

2、仔细确定了光柱的发散位置和疏密程度,疏密之间仅仅1-3毫米的差异,整体视觉会是截然不同的感觉;

2016天猫双11背后的品牌故事:全民剁手“All in one”

3、融入渐变色后,临近的光柱变宽形状不会含糊不清,更为清晰;

4、设置了平面版本,便于会场和后续设计进行元素拓展,为了延续律动和方向感,平面版本使用具有方向性的椭圆形(大麦点)设计。

定稿前,设计师看了一眼电脑里的设计稿,擦了擦眼角滑过的泪……

2016天猫双11背后的品牌故事:全民剁手“All in one”

“走”向全球的双11

除了中国网民买买买以外,一大波海外品牌、网友也将加入双11大战。2015年双11,日本、英国、韩国、澳大利亚和德国品牌稳居进口地区销售前几名,战斗民族俄罗斯人则以超出平日20倍的网购量成为异军突起的海外剁手党……

所以,老板发话了,2016年的双11全球化,要做得更好。

2016天猫双11背后的品牌故事:全民剁手“All in one”

品牌国际化可不是仅仅把中文改成歪果语就好了,虽然这个 Logo 配英文逼格也挺高的。但老板说了双11要“真正”地走向全球……好吧,又是一轮绞尽脑汁和身体被掏空……

设计师通过对双11形象的拟人化,构思了“双11四人暴走全球小分队”,真正完成了走向全球的任务,让老板无话可说。对于不同国家的风土人情,小分队还会穿上适合当地的服装,玩一些当地的特色游戏。值得一提的是,“小点”也是小分队的核心吉祥物,总是应景地扮演各种角色与道具。

2016天猫双11背后的品牌故事:全民剁手“All in one”

2016天猫双11背后的品牌故事:全民剁手“All in one”

2016天猫双11背后的品牌故事:全民剁手“All in one”

嗯,这一次,双11没有国界。

“线下启动,狂欢开幕”

就今天,天猫双11在香港启德码头举行了盛大的开幕仪式,同时也将新的品牌设计呈现在全球的面前。

除了即将席卷全网的线上传播以外,今年的设计在线下应用中也同样可圈可点。

来看看有没有很洋气吧:

2016天猫双11背后的品牌故事:全民剁手“All in one”

2016天猫双11背后的品牌故事:全民剁手“All in one”

2016天猫双11背后的品牌故事:全民剁手“All in one”

“狂欢之后,是对生活的美好演绎”

改变是难的,挑战也是难的,给老板打工也是难的……但敢于改变和挑战才是价值本身。有时候,设计很为难——既要求新鲜亮丽,又不能过分刷存在感导致掩盖了内容和本质。

什么是本质?产品是本质、玩法是本质、生活本身是本质。当绚丽的色彩调动起消费者的情绪之后,剩下的还是要回归内容本身:用清晰的交互、充足的内容、更低的认知门槛来让用户沉浸其中。

设计是这样,生活又何尝不是如此?有成功时的狂喜、有失败时的忧伤、有聚会时的欢愉、有分别时的落寞,但最终沉淀下来的,还是内心的那份生活哲学,以及看似平凡却丰富多彩的每一天。

一起来吧,在2016,在双11,演绎无限精彩的美好生活。

 

作者:阿里UED

来源:AlibabaGroupUED

版权声明:人人都是产品经理尊重行业规范,所转载的文章都注明作者和来源,若标注有误,请联系主编QQ:419297645更改。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/27253/

logoUEDUI交互产品产品经理双十一品牌设计天猫极简主义用户视觉设计设计师资料转载阿里巴巴
赞 (0)
CatherineCatherine
0
生成海报
写给新手的情感化UI设计简明指南
上一篇 2017-05-17 07:54
让手势设计带你的产品体验“飞”…
下一篇 2017-05-17 09:50

相关推荐

  • 同一页面放两个相同的链接:这样的重复是有益还是有害? 交互设计

    同一页面放两个相同的链接:这样的重复是有益还是有害?

    尽可能消除网页重复性元素,减轻用户认知负担。每一个多余的链接会影响网站的易用性。

    2017-05-25
  • 三个维度解析一个产品的交互设计 从零开始学交互

    三个维度解析一个产品的交互设计

    作者:飞起就是一jio链接:http://www.jianshu.com/p/ad13cebe513b本文以“微信首页”为例,用三个维度系统地解析一个产品的交互设计的方方面面首先我们来做个互动,请各位看官打开自己的微信,然后看到你的微信首页…

    2017-08-04
  • 【交互设计方案】记分对比法运用 交互设计

    【交互设计方案】记分对比法运用

    交互设计中,为什么需要这种方法? 在交互设计工作中经常会遇到这样的问题,某些位置的设计牵扯到比较复杂的场景,要考虑的因素比较多,这些设计点往往是最容易引起争议的,因为团队成员不一定都能快速了解全部的场…

    2015-10-09
  • 近五年新起的十大热门职业,交互设计5年增长了22倍!

    6,交互设计师/用户体验师
    5年内22倍增长需求。在我几年前选择交互设计这个专业的时候还没有什么人知道是什么。还是蛮有趣的,就是想尽一切办法让用户满意。国内以前只有浙江大学才有这个专业,现在应该很多大学都有了。

    交互专题 2016-10-25
  • 设计不懂开发,严重脱节的设计是怎么影响开发的

    编者按 :Anders Lassen 是 Fuse 的创始人兼首席行政官。Fuse 是一款面向设计师和开发者的本地应用工具套装。 移动应用现在已经变得十分普及,以至于技术圈的大部分人都认为开发应用是一个简单直接的过程。然而,当…

    交互设计 2015-08-04
  • 微信热点

    蓝鸽集团2018校园招聘,多岗位,提供食宿,年薪8-20万!

    蓝鸽集团是一家专业从事语言教育技术的高科技. 集团化企业。目前拥有5个子公司. 1个研究院. 3个科技园。在全国30多个省. 市. 自治区设立了200多个分支机构,现有员工1000余名,是我国语言教育技术行业的龙头企业和第一品牌。蓝鸽在2006年与广东省电视台合作承办了国家级“英语辅导”电视台。2008年被认定为国家级高新技术企业。2013年经国务院批准设立博士后工作站。2015年第一个研制成功了具有物联网功能的智能化多媒体教室。201...

    2018-04-08
  • 交互设计

    应届生在简历中如何描述自己的交互设计项目经验?

    应届生和社招的项目展示核心区别在于,应届生的项目大多数是虚拟的、小型的,或者失败的。大部分可能是校园网站项目,公众号运营,轻量化 App 等,用户数量不会太多、很少或基本不盈利。描述、呈现自己项目经历的前…

    2015-10-14
  • 作为交互设计师,都应该尝试的低保真原型测试 交互设计

    作为交互设计师,都应该尝试的低保真原型测试

    即便你是一名如此经验丰富、作品惊艳、才思敏捷、手法高超、声名显赫、有强大号召力……的设计师,如果你还未亲手尝试过低保真原型测试,我依旧会推荐此方法。

    2017-05-09
  • 交互设计

    做完了产品分析和运营分析,如何做一份视觉竞品分析?

    做好一份竞品分析、输出优秀的设计观点,可能是衡量一个团队专业与否的第一步。

    2017-05-18
  • iOS和Android规范解析——搜索 交互设计

    iOS和Android规范解析——搜索

    各位亲爱的读者小伙伴们,前面一系列文章为大家介绍了各种弹出物的用法,从今天起,我们开始介绍其它的非弹出类控件。此篇要说的是搜索。

    2017-04-29
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

Copyright © 2024 WPCOM 版权所有 粤ICP备000000000号 Powered by WordPress