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

相关推荐

  • APPLE WATCH 中文手册:WatchKit Apps--App概要 交互设计

    APPLE WATCH 中文手册:WatchKit Apps--App概要

    原文:Apple Watch Programming Guide:App Essentials Xcode支持用storyboard来创建Watch app的界面。当你在工程中新建一个Watch app,Xcode提供会提供一个storyboard来实现你的UI。这个Storyboard至少有一个Watch…

    2015-06-15
  • APP小红点如何使用与实现逻辑

    作者:APP君   我们现在已经习惯小红点的不断的骚扰了,每天都不知道要点掉多少个手机APP上的小红点。有些童鞋点击 APP小红点 都已经成瘾。只要看到有小红点就会自然而然去触摸一下。 所以,APP的交互设计已经影响…

    交互专题 2017-08-07
  • 【交互设计留学】作品集是怎么样的?

      美国交互专业作品集侧重点是一个方向很多的专业,如果学生偏重界面、视觉、解决方案方向,那么作品集要注重调研,以及数据分析,数据展示、解决方案等内容。如果学生是侧重多媒体,交互装置方向,那么作品集要…

    交互设计 2016-05-08
  • 微信热点

    从用户体验的视角评析《CSR赛车》手游

    我最近一直在玩《CSR赛车(CSR Racing)》和《CSR赛车:经典(CSR Classics)》,在近期的游戏中我发现,Natural Motion在该系列的核心玩法、货币体系、社交机制和盈利模式中都引入了许多新的花样和用户体验功能,这些新元素的加入为游戏的某些方面带来了更好、更流畅的玩家体验。CSR系列专为手游玩家设计,会话时间极短(10-15秒),玩家们可以在忙碌的间隙进行一场快速竞赛,这是一个非常好的设计。在《CSR赛车》中...

    2018-03-07
  • 微信热点

    作品集 | 交互设计大师的成长轨迹

    致奋斗的你:又是一年花开时,中公教育优就业送走一批批优质学员的同事,又迎来了一群渴望高薪就业,改变现状的U学员。优就业学员在朝九晚九的学习作息中、六大福利的助学保障中、高配的教学设备下、高标准的食宿环境下学习IT技能......相信中公教育的学员一定可以学有所成,实现高薪就业目标!下面,就随小U妹一起来看看近一期学员“小试牛刀”的作品吧:UI交互设计作品01、UI动效展示(部分)UI动效作品展示·《小球飞》UI动效作品展示·《大憨熊》0...

    2018-04-12
  • 交互设计

    移动端下拉菜单交互

    通常在PC上常出现的下拉菜单,在移动端上都是用什么交互来实现的?将最近项目里碰到的情况总结一下。 1. 层级设计,以iOS为代表 iOS系统日历 是目前最常见的一种做法,外露设置名称和默认设置项,将全部设置内容放…

    2016-03-22
  • 微信热点

    设计神器Figma出马!Sketch、PS有些慌了,因为...

    这年头真的是“长江后浪推前浪,一浪更比一浪强”,许多新产品、新工具纷纷冒出头来,就拿我们设计师的设计工具来说吧,Photoshop 算是一名老将了,它也是我们走上设计不归路的第一个敲门砖(当然还有 CDR);被 PS 折磨的要死要活的时候 Sketch 和 Affinity 杀了出来,一个是专攻用户界面的矢量设计,另一个则像是加强版的 PS 和 AI;Sketch 和 Affinity 还没用熟又冒出个 Figma:说出来你可能不相信,...

    2018-04-17
  • 帮你从零开始掌握交互设计的学习笔记

    最近两个月给公司的伙伴们做交互设计的分享,这是第一期分享的内容。在这次分享中,我认真梳理了交互设计师掌握和精通这门技艺的方法。我认为,如果想成为拔尖的设计师,只有这条路可走。 什么是交互设计 用户界面…

    交互设计 2015-09-09
  • 微信热点

    用户体验和可用性之间的联系和差异,你都知道吗

    可用性涉及到产品的有效性,效率和满意度,用户可以尽可能简单那地完成某些任务。另一方面,用户体验涉及到用户和网站互动上更为广泛的领域中的方方面面。作者|Amy Smith源自|优设网最近几年来,用户体验设计逐步成为了目前设计圈中广泛认同的重要设计环节。而“可用性”这一词也作为改善用户体验设计的重要度量而发挥着无与伦比的作用。于是乎,除了“用户体验设计师”这一职位,在欧美的产品和设计团队当中还诞生了“可用性工程师”这样的专业职位。另一方面,...

    2018-03-06
  • 交互设计

    做产品也离不开哲学,你必须读一读:十个有趣的哲学故事

    来源:市场部 作者:佚名    【送茶叶的小故事】 张三一直喜欢喝20块钱的茶叶。新开茶店里每次张三去买茶叶,老板都送他半两好茶。 张三将好茶攒着待客。一天闲来无事泡壶好茶,竟喝上瘾。喝完免费的好茶,张…

    2014-09-21
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

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