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

相关推荐

  • 6个问题,带你全面了解交互设计 交互设计

    6个问题,带你全面了解交互设计

    随着行业的发展,只会图形 UI 设计和只会交互设计的设计师职业生涯都会遇到瓶颈。1. 什么是交互设计
    2. 当今UI 设计师的能力要求
    3. 交互设计主要做什么工作内容
    (1)产品UI框架设计
    (2)产品UI风格设计

    产品UI 框架选择
    简单式(单一内容)
    翻页式(多页内容)
    宫格式(较多入口)
    上导航
    下导航(4-5大类+分支内容)
    舵式
    抽屉侧边栏(1个重点+其他次要内容)
    隐藏式

    4. 线框原型图绘制方法

    方法一:黑白灰+色块
    方法二:黑白灰+高保真图形
    方法三:黑白灰+突出色+高保真图形

    5. 交互流程图绘制
    6. 动态交互原型设计

    2017-05-11
  • 微信热点

    芝加哥艺术学院交互设计硕士成功案例

    等你点蓝字关注都等出蜘蛛网了学生档案毕业院校:北京某大学本科专业:网络设计本科平均分:3.45申请学位:硕士申请专业:交互设计TOEFL:95GRE:无案例回放W同学是2015年10月底进入公司服务体系的,想要申请2017年秋季入学的设计类相关专业。通过第一次电话联系,名校规划导师了解到W同学的基本情况是:北京某大学网络设计专业学生,GPA:3.45,TOEFL:77分,没有GRE成绩。再通过头脑风暴课上的深入挖掘,名校规划导师更全面更...

    2018-04-26
  • 为什么你爱用的 App,都用卡片式设计? 交互设计

    为什么你爱用的 App,都用卡片式设计?

    今天这篇文章,将全面介绍「卡片式设计」,看完之后,你会知道为什么爱用的 app 都喜欢用这样的设计。设计的时候一定要思考用户会如何使用他的拇指在界面上交互。所以,界面内容的大小一定不要让用户在交互时感到不适。——译者注注:Masonry 是一个对系统 NSLayoutConstraint 进行封装的第三方自动布局框架,采用链式编程的方式提供给开发者 API。

    2017-05-04
  • 这个是很多人找交互设计文档的写作方法和模板 交互设计

    这个是很多人找交互设计文档的写作方法和模板

    文章来源与腾讯CDC 作者是yoyo 前言:最近准备做一个交互设计文档的分享,但是一直没有时间整理好keynote,这里先分享一个设计文档模版,以及模版中每个元素的使用理由与方法。之后的设计文档分享中,会加入更多的…

    2015-08-11
  • 交互设计师的60日计划第十七天 交互专题

    交互设计师的60日计划第十七天

    #交互设计师的每日#20150815 雨天和大学最好的朋友的离别,最后一顿饭吃了王品台塑,果然一分价钱一分货。以用户体验为招牌的海底捞告诉我们要排队2小时等位…但是贵的王品台塑不仅立刻有位,服务也要比海底捞更胜一…

    2015-08-20
  • 微信热点

    良好的用户体验不一定是品牌成功的关键

    一项针对品牌魅力的新研究表明,良好的用户体验不一定是成功的关键,因为品牌完整性受损可能会超越公众的看法。 这是对四个市场10,000名消费者的在线调查的结果。这项研究从认知、目的、诚信、慷慨,勇气和交付的六个维度检查了知名品牌。分析表明,与消费者的动态关系是短暂的受欢迎,还是长期的忠诚之间存在的真正区别。乐高式最具实力的品牌,一直让顾客感到满意。相反,FIFA被评为得分最低的品牌。另外,苹果在美国排在前十位,在英国排在第十六位。尽管其创...

    2018-02-26
  • 微信热点

    Axure RP入门第七篇——中继器来实现聊天室效果

    产品经理入门:Axure RP入门第七篇——中继器来实现聊天室效果

    2018-03-24
  • 重磅消息!Adobe又出新神器了! 交互设计

    重磅消息!Adobe又出新神器了!

    Adobe Experience Design CC(预览版)官方介绍 原文: 今天,我代表Project Comet团队非常兴奋地向大家宣布:Project Comet将更名变成Adobe Experience Design CC(预览版),简称Adobe XD。 今天我们在Mac OS平台…

    2016-03-15
  • 微信热点

    线框仔,你知道交互设计在未来会多火?

    对你而言,它可能还是未知数。这是康石石撰写本文的首要初衷,我们先看看大多数人如何看待交互设计这一专业:1.交互设计师是做APP的2.交互设计师是给APP动效的3.交互设计师都月薪上万,且薪资上涨空间高,酬劳丰厚。其它就不清楚了。。。以下康石石引用《女神进化论》创始人--寺主人在知乎关于交互设计师目前生存现状的一段描述,供大家了解行业目前基本情况:月薪<10k俗称“线框仔”,出没于小...

    2018-04-17
  • 微信热点

    12个关于用户体验的界面设计细节

    点击上方"工信商务培训学校"↑文章列举了一些界面设计中的案例细节,希望对产品设计工作有所帮助。UI设计工作中,设计师们往往不喜欢将界面设计得与原型图一致,总会刻意的去寻求存在感与原型做出差别,那么对于UI设计师来说,更应该懂得用户体验,成为办个用户体验设计师。以下列举了一些界面设计中的案例细节,希望对设计师们有所帮助。一.图标1.统一图标的样式图标在界面设计中还是占着较大的比重,它的存在有利于平衡界面,也让页面看起来更加的美观,也有一定...

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

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