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-04
  • 如何从0到1设计用户激励体系,除了积分勋章还可以做什么?

    作者:子宸君   内容概要 什么是用户激励? 为什么要做用户激励? 用户激励作用的作用是什么? 如何从0到1拆解用户行为给出激励方案? 用户激励的副作用?   在互联网运营界,说起用户运营、内容运营、活动运营都避不开…

    交互专题 2017-08-07
  • 微信热点

    用户体验地图为什么这么好使?来看蚂蚁金服的实战案例就知道了

    用户体验地图(experience map)作为一种常见工具能够让工作更加顺畅,用户体验地图就起到了一个很好的团队协作作用,产品、设计、开发都能够通熟易懂,便于梳理清楚产品的架构和使用流程。作者|蚂蚁金服UED源自|设计夹但是体验地图到底能解决什么问题,该怎么用呢?很多同学也许并不太了解。这次分享主要是将我们在各类渠道了解到的关于用户体验地图的各类说法做了一个总结,并结合了我们在工作中的实际运用,给有兴趣了解该方法的同学提供一点我们的见...

    2018-03-09
  • 扫盲贴|UI动效设计原来都是这些软件做的 交互设计

    扫盲贴|UI动效设计原来都是这些软件做的

    随着技术的不断发展动效越来越多的被应用于实际的项目中。手机、网页等等媒介都在大范围应用,那么问题就来了,为什动效越来越吃香?它有哪些优势呢?

    2017-05-10
  • 交互专题

    18清美考研交叉学科交互设计高分学员黎娜经验分享

    Dream Big,Work Hard黎娜本科广州美术学院  工业设计我的一些基本情况:我本科毕业于广州美术学院工业产品设计系。大学期间由服装设计转为产品设计,产品设计主要是偏向于生活家居类小产品。我大概是在去年快毕业的那段时间第一次从考研的同学那里了解到“信息艺术设计交叉学科”,2018年6月底就决定报考这个专业。7月到10月:7月刚刚来北京备考时的状态大概处于仅仅很想考“信息艺术设计”这个专业,但是根本不知道考试内容是什么,更不用说...

    2018-04-17
  • 微信热点

    交互设计 — 专业四大方向解读

    随着大众对设计概念的认知不断提升,互联网行业和智能科技的发展,以及社会创新、生态环境、跨界实验、用户体验发展问题的突出显现,交互设计专业已然成为了出国留学的热门选择。无论是否为设计背景出身,是否掌握了对应的技术软件,是否对交互的原理有明确的概念,是否在产品运营和商业分析的行业中有一定的工作经验,大众都觉得自己已经熟知了交互设计专业。但实际上,尽管检索了不少学校的官网,查看了交互设计以及跨界行业运用的专业介绍,浏览了知乎网站和各类信息资源...

    2018-03-19
  • 浅析麦当劳玩具的微交互 交互设计

    浅析麦当劳玩具的微交互

    从系列感的玩具,到活动感的玩具,到具有交互感的玩具,麦当劳的每个玩具都带给很多小朋友不同的期待与欢乐。因此,本文作者希望设计也是如此,不断进步,不断创新,不断给人欢乐。

    2017-04-27
  • 38个界面设计技巧 交互设计

    38个界面设计技巧

    1 尽量使用单列而不是多列布局单列布局能够让对全局有更好的掌控。同时用户也可以一目了然内容。而多列而已则会有分散用户注意力的风险使你的主旨无法很好表达。最好的做法是用一个有逻辑的叙述来引导用户并且在文…

    2014-10-28
  • 微信热点

    交互设计套路之——导航设计

    当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放Five Hundred MilesThe Shadows - Dance With The Shadows/The Sound Of The Shadows亲爱的小伙伴们好久不见啦你们的涂涂回来啦!!不知是时间太快还是指缝太粗总是留都留不住总之感谢小伙伴们的不离不弃话不多说赶快准备好小板凳和瓜子嗑着瓜子咱们就开聊吧下面开始分享app的套路之一导航设计一、导航的分类1.标签式导航...

    2018-02-11
  • 设计规范 | 详解组件控件结构体系:导航类 交互设计

    设计规范 | 详解组件控件结构体系:导航类

    本文作者将详细阐述组件控件结构体系中的导航系统,分别为7类:底部标签式导航、分段控制式导航、列表式导航、下拉菜单式导航、抽屉式导航、宫格式导航和卡片式导航。enjoy~

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

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