阿里人工智能实验室-天猫精灵X1品牌和设计

用户头像
杭州/网页设计师/8年前/34609浏览
阿里人工智能实验室-天猫精灵X1品牌和设计

7月5号,阿里人工智能实验室推出的首款智能语音终端设备,天猫精灵在北京鼓楼时间博物馆正式发布。(作者:陈天翔)

在大数据、移动互联网、云计算以及其他技术的推动下,全球的智能语音产业已经步入应用的快速增长期。国际方面,此前包括谷歌(Google Home)、亚马逊(Echo)、微软(Invoke)、苹果(HomePod)等巨头,都已经有具体的智能音箱产品问世,比如亚马逊Echo是智能音箱领域的第一个产品,除了语音点歌,Echo还可以为用户提供叫Uber、订购披萨甚至操作银行账户等服务,HomePod也通过内置的智能语音助手Siri来实现语音方式的人机智能交互,回答用户提出的相关问题或完成某些特定任务等。 7月5号,阿里人工智能实验室推出的首款智能语音终端设备,天猫精灵在北京鼓楼时间博物馆正式发布。内置第一代中文人机交流系统AliGenie。AliGenie生活在云端,它能够听懂中文普通话语音指令,目前可实现链接阿里智能设备进行智能家居控制、具备声纹支付的语音购物、手机充值、叫外卖、音频音乐播放等功能,带来崭新的人机交互新体验。


在品牌诞生之前,临时接到紧急进入X1项目的通知到22号就奔赴实验室闭关工作,完全不到24小时。就放下618年中大促和网商大会的项目就过去。进入项目组产品功能不完善,没有PD能够给出最终的功能点,没有PRD,产品ID还在来回试验不能确定。。。诸多的问题摆在眼前,但是按照发布产品的策略上,网站必须要在7月5号上线,留给我们的时间实在是紧张紧急,UED小组在各处收集出零散的需求就如此开始了整个品牌的设计和网站/旗舰店 品牌定位助力品牌理念与用户的沟通 ai人工智能时代的来临,带来了更多新的生活和消费方式,定义产品在市场的定位是最最关键的,当HOMEPOD的价格高踞3k/ECHO也千元之上,智能产品和用户之间的距离是非常遥远的。那么我们在设定品牌的时候就需要和产品市场共同去定义品牌所面向的用户。当499成为大家都拍手叫好的点,那么我们的定义就是–普惠科技。基于其85分贝内的试音效果,那么就确定了天猫精灵的应用场景是:家庭环境 酒店客房环境 私人环境,他的用户定位则根据响应拥有的功能为:科技控 技术宅 育儿需求新妈妈 智能家居爱好者


8e54596ef603a8012193a39009bb.jpg


作为一个人工智能的新硬件推向市场,如何让用户和市场更加强烈的感知和识别天猫精灵的品牌? 品牌基础识别–天猫精灵logo设计 在天猫精灵logo设计中,作为产品的市场策略,既主文案中以天猫为开头,产品的唤醒词为:天猫精灵 。为了强化品牌的辨识度和推广的优势性,在logo的设计中以天猫的logo框架为基础,在此基础上做出了更加有科技感的视觉提炼。对基础的猫头形象进行了一定的优化。点阵式一方面隐喻了收音麦克的外在形象;由于产品造型本身的圆形因素,使得我们在构建形象的时候使用了点阵的造型,并且点阵又具备了十分强的可扩展性,在设计过程中,我们也抽象过产品两段式造型或者反射光源的色彩来进行提炼logo本身。虽然方案切中了初代产品的特征和要害,但是又局限了未来产品的可能性。因此选择点阵成为普遍获得认可的方案。


dab4596ef628a8012193a3b161b1.jpg


logo的设计过程中伴随着ID设计和无线端设计的同时开展,为此我们针对印刷到产上面进行了数百次的推敲,起初LOGO的设计是由内及外的逐渐变小,但是我们发现应用在产品圆柱体机身上,会出现LOGO曲面失真的情况,因此也进行了点阵间距和点阵大小渐变的处理,保障硬件机身的LOGO失真度降至最低。点阵在最小化于屏幕的上,会出现边缘虚化的情况,针对这个情况,我们也进行了最小化的情况的设定。


1e18596ef699a8012193a38454f6.jpg


图形设计 在图形设计中,我们依据产品ID中的内反射光源的特点完成了整套技能ICON。当我们使用天猫精灵的每一项技能的过程,灯光内反射会给予用户非常直观的感受,内反射技术在产品定义中是为了反馈的视觉光源不突兀,不刺眼。以柔和的姿态呈现在产品中,因此我们在ICON的设计中也也虚实对比,低饱和的色调呈现技能。


fe8a596ef6a5a8012193a353c913.jpg

同时呈现点阵在LOGO图形中的可扩展性 

①音波


d138596ef6b4a8012193a3b2dad3.jpg

②音浪

49ee596ef6cea8012193a396e7c0.jpg

③两段式设计

e35b596ef6daa8012193a3d35884.jpg

颜色定位 在颜色上将畅想,可能未来,明天作为产品品牌需要传递的因素,选择了主色以及辅助配色方案。也同时应对了内反射灯光的视觉色调。可以想象每次天猫精灵的回应都想启明星和天际线的光。

7d2d596ef708a8012193a333654e.jpg

99ec596ef732a8012193a34fb367.jpg

32c9596ef754a8012193a3b47768.jpg



VI延展及应用

在后期的TVC/包装设计和发布会物料


官网设计

官网的设计不同于品牌VI,更多是为了消费者和开发者陈述产品功能,因此官网的强调了产品的沟通感,在元素的使用上也使用了虚拟的对话框,通过对话框传递“我在,你说”的回应。天猫精灵在向外传递放声的时候,有一个非常重要的独特性,首先它形式上是与一般类型音箱相同的,并且它的回应方式也是功放,但是它本质核心是具备了6个收音麦克的远场拾音技术,也就是说表里各不相同。那么从它对声音对话指令的回应成为了我们呈现方式。场景化的切换为天猫精灵塑造了它空间位置,通过场景和对话,将其的作用功能清晰的传递给用户。同时引导用户使用。

动态化的硬件诠释


第三方评述及合作



关于这次项目


天猫精灵是谁,可以做什么,还有什么样的未来。这对于前面有亚马逊ECHO,后面有苹果的homePod的情况下,作为阿里的第一款语音智能设备来说,UED投入了所有的心力~虽然我们都算是敬业的视觉设计,但我们这么拼并不是为了让大家仅仅看见它,我们只是为了让用户能够真正能听到它,听到它回应你~我没有办法用潦草的几句话完全叙述出所有的点点滴滴,只当用些话体恤下我在桌前撕日历的辛苦吧 那天最后我坐在转播车里,看着雪姐说完最后发布的日子,全场响起掌声。我和转播的师傅不约而同的点起来了烟。放下了所有之前的目不转睛,和坚信不移~!然后走出时间博物馆,走过王自如的摩托车~就等着杭州雨停下来,从北京回家!


2017.7.6

作者:陈天翔

413
阅读原文
|
举报
|
177
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
【新年UI图标】影音icon
【新年UI图标】游戏/娱乐icon
拟物风质感写实UI卡片合集源文件
UI界面 组件
我的钱包-UI界面设计-app
Security Camera UI kit
UI应用平面图标
新拟态风格 UI设计组件库
【新年UI图标】汽车icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
新能源APP应用UIKit
【新年UI图标】钱包icon
手表表盘UI系列
高级感金属拟物 UI设计组件库
3D渐变流体抽象矢量UI背景图
智能家居中心 简约 UI设计组件库
UI通用设计素材1
高级表盘系列UI源文件
UI 登录界面设计模板包
【新年UI图标】30个图标
【新年UI图标】银行卡icon
盲盒APP UI设计
【新年UI图标】珠宝icon
你可能喜欢
大家都在看
登录注册