UCAN——复杂信息传递的品牌设计方法探索

阿里官方设计师首度向大家揭秘2018UCAN品牌设计的心路历程。

前言

我们平时在做设计的时候会遇到多种多样的问题,如何把复杂的需求合理的梳理一直是困扰设计师的问题之一,在这篇文章里我们希望通过ucan品牌诞生的过程梳理,带给各位一个解决问题的思路,希望对大家有所帮助。

阿里官方设计师首度向大家揭秘2018UCAN品牌设计的心路历程。

UCAN用户体验设计论坛是阿里巴巴UED发起的行业盛会,其已经成为中国设计行业颇具规模且有很高影响力的盛会之一,每年行业大咖云集于此华山论剑,与大家分享交流最前沿的设计理念和实战。如今UCAN大会已经成为体验设计行业里标志性的事件,愈发受到设计师们的瞩目和期待。

2018主题:“YUAN设计 ”

相信大家对上届UCAN“新设计x新商业”的高品质分享,和优秀的设计仍然记忆犹新。传承UCAN高水准设计和品质的同时,2018UCAN首次开启付费的形式面向全球征集设计爱好者前来交流和学习。也意味着品牌组作为整个大会形象的“代言人”,工作的难度和压力相当之大。

首先,让我们共同揭秘2018UCAN品牌主题:“yuan”没错,这是一个设计转型的时代。设计师的思考不再局限于“原”有的领域,而是需要对用户,对体验,对设计,对商业有更全局的,完整的“圆”的思考。这个转变,一方面是“源”于商业形态的变化,从电商到新零售的线上线下结合。一方面是“源”于整个社会,用户需求的提高。“缘”于这样的全栈式设计时代,相聚于ucan这样的平台,分享你们对设计未来与现状的“元”思考吧。

品牌形态演绎:LOGO揭秘

STEP1:品牌逻辑梳理

不掌握本质,就无法创造好的结果————佐藤可士和《佐藤可士和的超整理术》

在初期的碰撞中,确实走了一些弯路,我们很快将“YUAN”从视觉角度剖析开来,并抽象了一系列图形。我们企图找到他们的共性,并从中抽离出一个图形来取交集的最大值。在logo的设计中我们主要考虑了两种设计方向:以字母为主or以图形为主

经过多次尝试我们发现在如此复杂的大会主题用一个图形概念去解释另外6个概念最终产生了信息的传递成本,举一个例子:当两个人的精神同步的时候我们喜欢管他叫“共鸣”,这是用听感来表达内心反应,但是这个词其实是感觉的降纬传递,好的设计应该是能够快速的直击用户的内心。尽量降低信息传递时的损耗。

在尝试了各种具象方案后,我们开始质疑这个问题:什么是“YUAN”设计?。是否能够用一个图形/字母。让用户第一时间感知到大会主题并由视觉产生思维记忆,同时又不会局限到某种狭想中,从而忽略“YUAN”作为一种载体所承载的其它含义。我们再次对信息的透出层级进行梳理,UCAN是什么?他和YUAN design的潜在关系是什么?通过这个logo我们希望让用户第一时间感知到大会主题并不断重复记忆。而什么是YUAN是我们希望用户第二阶段才获取的信息。

明确了信息层级关系之后,我们便很快将方案聚焦在以在英文字母图形化的方案进行设计,保证信息传递的准确性。还原主题的“发散特性”。很快我们提炼出了“U”这个图形,作为我们的辅助图形。他是链路中的一部分,他是一种载体,更是一种便于延展的视觉图形。

STEP2:二级信息-多维度阐析“YUAN“设计

策略的基本精神,就是选择一条路,没有选择,就没有方向。————叶明桂《品牌的技术和艺术》

YUAN一词具有多种解释:原(Origin)、源(Source)、缘(Connection)、元(Power)、圆(Circle)、愿(Vision),通过6个圆形图形的演进动作用抽象的动态方式让用户感受到每一个YUAN,虽然可能在准确性上有所损失,但是我们保证了他的最大解读空间与趣味性。我们初期经过了大量的脑爆与探讨,尽量保证每一个概念的准确传递。跟动效组同学的几次聚焦后,很快的我们锁定了一系列视觉表现形式。

STEP3:视觉的延续和品牌构建

如果你想成为一切,最终只会什么都不是————·里斯《定位:有史以来对美国营销影响最大的观念》

以上的两个步骤是基于新用户的理解逻辑出发,但是如果是参与和过2017UCAN的用户我们怎么能保证他们也能快速的了解到本次大会呢,我们希望在整个品牌升级的基础上对上一届也有所传承,而不是一味的漫无目的“创新”,所以我们在本次品牌设计中保持了上届黑色的主题色,保证了整体氛围的合理延续。

而且黑色这一颜色是具有最少的情绪,这样就避免了我们在解释YUAN的时候通过颜色(这是一种讨巧但是不是特别聪敏的办法)作为区分,从而避免其产生卡通感。

除了视觉设计之外,我们将官网的交互以循环展示的形式与我们YUAN的概念所贴合,使交互形式与设计语言实现高度呼应与统一。

小结

  • 降低解释成本,文字图形作为核心的信息传递内容可以帮助未接触过的新用户快速理解并
  • 复杂的信息剥离出来单独诠释,并且保证其趣味性,防止用户的阅读疲劳
  • 视觉延续保证老用户的认知,避免二次理解的时间成本所导致的流量丢失

视觉呈现

场地篇

4月21到22日,UCAN人云集到云栖小镇。为了给大家带来一场高品质的盛会,所有工作人员们也在紧锣密鼓的准备着。场地设计除了主会场、分会场搭建外,大量工作耗费在kv物料延展,外场布置,活动运营以及执行和大家期待的design party上。来看看场地的最终效果吧。

为期两天的UCAN设计大会圆满结束,在这两天众多国际设计大咖和国内知名行业设计师在云栖小镇度过了难忘的时刻。 相信不论是与会同学还是在屏幕前观看的你,都对这场干活满满地盛会意尤未尽。

我们作为这次大会品牌组的工作人员,经历了四个多月的沟通和设计。希望不仅呈现出一场高品质的设计盛会,同时沉淀下了我们的设计经历和品牌。希望能给在座的各位一些小小的启发。

阿里巴巴_B2B_UED

作者:芭月 | 大薛

(0)

相关推荐

  • 微信批量发送信息给好友的方法

    微信如何向好友批量发送信息呢?有很多时候我们需要发统一消息给不同的人,不能每次都建群,他麻烦,下面我们看看微信批量发送信息给好友的方法,需要的朋友可以参考下。 1、首先,打开你的微信,点击右下角的“我 ...

  • win7系统将激活好的Office2013信息备份下来的方法

    微软发布了新一代办公软件--Office 2013,首先我们需要将Office2013激活,小编今天带来的是win7系统office2013激活备份教程,为大家介绍将激活好的Office信息备份下来的 ...

  • win10查看显卡配置信息的两种方法

    想要知道自家的电脑配置怎么样,可以从电脑中查看配置信息就一清二楚了。win10技术预览版的上线,用户更新之后,不知如何查看电脑配置信息?有两种方法。 方法一: 1.使用快捷键Win+R打开运行命令窗口 ...

  • Windows10系统查看电脑配置相关信息的三种方法

    方法一. 1.在键盘上使用快捷键Win+R打开运行命令窗口,输入"dxdiag",然后回车; 2.在弹出来的界面中,在"系统"选项卡下就可以查看处理器(CPU) ...

  • windowsxp系统下让文件以详细信息方式显示的方法

      windowsxp系统下让文件以详细信息方式显示的方法 1.在文件夹中单击右键,选择"查看",我们可以发现默认的选项是以"平铺"显示的; 2.我们只需选项& ...

  • 老毛桃winpe系统对注册表信息进行备份的方法

    使用老毛桃win8pe时,许多系统文件.软件都要写入注册表.如果没有备份注册表,一旦出现故障,可能会丢失保存在里面的信息.如何备份注册表呢?下面小编将为大家带来老毛桃winpe系统对注册表信息进行备份 ...

  • Linux引导时输入特殊信息的含义的方法

    通常只有在缺省模式失败(屏幕一片混乱或者安装到某个阶段无法进行下去)的情况下会尝试这些模式.对于一些支持的其他模式,参考文件/usr/share/doc/anaconda*/command-line. ...

  • exceL电子模版导入信息失败的处理方法

    今天小编和大家分享一下,EXCEL电子模版导入信息失败的处理方法. 操作方法 01 第一种情况:文件扩展名错误而导致无法导致.EXCEL电子模版导入扩展名必须为".xls".解决办 ...

  • 启用win7下IIS7的http500错误详细信息提示显示的方法步骤

    为了调试程序可以打开“ASP设置选项-调试属性”里面的一些调试功能,方便程序的调试。下面让志文工作室来给你介绍具体的操作方法: 1、打开IIS7的功能视图 :“ASP-打开功能(右边顶部)-调试属性” ...