设计灵感之于设计师,不可或缺,却又似总在虚无缥缈间。如何抓住设计灵感?学习优秀设计案例也许会是一个不错的办法。
今天,小摹带大家分析一款关于时尚穿搭的APP,叫做Inspora,出自国外非常有名的设计团队Tubik之手。
概述
新一代的应用程序越来越具备个性化,在好看好用的前提下,还需要深层次解决特定用户群体的特定问题。Inspora就是这样一款好产品,她采用了最先进的AI(人工智能)技术,就像是一名虚拟的个人专属造型师,帮助年轻女性用户解决穿搭和时尚等相关问题。
Inspora的全部设计,包括logo、界面设计甚至宣传视频的制作,都是由Tubik团队完成的。本文将分享Tubik团队是如何设计Inspora的,希望能给你启发。
项目背景
每天,世界各地会有数百万年轻女性站在衣柜前,问自己,今天穿什么?尽管每个女生都有一颗爱美的心,但很多女生不懂穿搭,更不懂时尚。变美,是每个女孩该有的权力,它不该成为一种困扰。
Tubik团队想要做这样一款产品,可以帮助世界各地的女性人群,学习时尚,找准自己的穿衣风格,变美,变自信,Inspora便因此应运而生。
Inspora简介
Inspora的本质是一款基于AI的聊天机器人,她扮演着虚拟私人造型师的角色,帮助年轻女性用户人群学会穿搭。Inspora的最初定位就带有显著的性别标记,她(she)不是一款冰冷的产品,而是一名优雅的"女性",所以本文我们也要尊重设计师的这一想法,用“她”来指代Inspora,而不是用“它”。
Inspora的使用非常简单,只需在Facebook Messenger上问Inspora“我应该穿什么?”,Inspora就会根据不同场景给出合适的穿搭建议。
Inspora具有三点优势:
• 智能:Inspora的人工智能结合了数百名时尚设计师的专业知识,这使得Inspora自身深谙时尚潮流之道。
• 个性:通过与用户直接交谈,Inspora能完全了解用户以及用户的喜好,这就为向用户提供个人化服务创造了必备条件。
• 可靠:用户可以随时随地咨询,无论何时都能得到最及时、最专业的建议,整个过程都是自动化的,人性化服务非常周到。
那么,问题来了,Inspora怎么能知道什么衣服适合你呢?
其实很简单,就像朋友之间,沟通得越多,就会越发了解彼此的喜好和品位。Inspora就是通过和用户交流来了解用户的,Inspora会将用户所说的话进行信息处理,通过提取上下文,理解用户话语的含义,甚至可以了解用户当下的心情。
比朋友更好的一点是,Inspora不需要休息,她可以全天候关注你,你说的任何话她都会认真分析,Inspora还会和你交流,确保不会遗漏或错解任何信息。
此外,为什么选用Facebook Messenger作为交流载体?
Tubik团队做了大量的分析调查,得出了一个结论,年轻人喜欢社交,喜欢交流,而且喜欢在Facebook Messenger上进行交流,Facebook Messenger上产生的会话数远远多于其他任何社交运用程序。
很多品牌,尤其是时装品牌,一直都没有认识到给用户提供一个可以交流对话的界面有多重要,所以他们只是一味地向用户推送信息。但Inspora认识到了,并且抓住了这个机会,因此也迎来了广阔的发展空间,正在筹备成立一家新型的时尚技术公司,为年轻用户群体提供真正想要的服务。
logo设计
Inspora的设计是从品牌logo开始的,由设计师Yaroslava Yatsuba负责。Yaroslava 在进行了大量的创造性思考后,提出了log形象化的概念,最后决定使用女性形象作为品牌形象的承载。
这个女性形象需要具备以下品质:优雅、活力,并且可以让用户自然而言地将她和时尚话题联系在一起。对于具备深度个性化的产品,使用人物形象(或动物形象)作为品牌标识远远好于一个抽象化的符号,人物形象易于引发联想,也更加具有温度。
以下是初步设计的品牌标识,每个logo都是一个易于识别的女性头像,但细节不同。
经过讨论,Tubik团队决定选用最后一个女性头像。Tubik选取的理由是什么?
首先,该logo视觉上明亮鲜丽,周围也没有其他任何多余的细节。白色的背景色搭配红、蓝两种明亮的主色调,对比突出却又能和谐统一,色彩搭配让整个设计都极具时尚气息。
其次,该女性头像设计线条平滑、弯曲,女人味十足又显得几分乖张大胆,非常容易引发女性心理共鸣。
最后,非常值得一提的是负空间(留白设计)的使用。留白让整体效果看起来更加优雅、轻巧。
Tubik团队在进行了最后的优化后,加入了品牌名称。采用了一款简单、易读、精炼的字体,使得品牌名在水平和垂直方向上都可以和女性头像和谐地结合在一起。
看看最后的成果:
图标设计
完成了logo设计后,Tubik团队进入到下一个环节——图标设计。该环节主要是团队中的平面设计师负责,挑战还是很大的,需要画大量的独特手绘图标,又要统一风格,这些图标是用于标记各种类型的衣服和鞋类。
此外,图标还需要进行不同尺寸和分辨率的测试,以确保它们在各种设备上都能很好的展示。
Tubik团队针对Inspora项目制作的图标,涵盖了不同风格的上衣、裤、群、鞋等类别:
UI设计
用户界面设计是工作量最大的部分,这里主要就Inspora界面设计中最典型的问题进行分析。在设计Inspora界面时,最大的挑战是解决数据加载过多的问题,同时还要确保用户在大量输入信息时不会产生无聊感。
我们来看看几个典型页面:
页面一:挑选穿搭界面
左侧界面是用户挑选搭配的界面,用户只需点击界面顶部的图标就可以选择上衣款式,Inspora会根据用户的个性、喜好,再结合她自身储存的时尚专业知识给出穿搭建议。用户可以根据Inspora给出的建议收藏搭配(点击红色的带有衣架的button)或者直接删除(点击绿色的带有叉号的button)。
发现了没有?这个界面上的两个button的配色,一红一绿,和我们前面谈到的logo的色彩是一致的,按钮色彩和品牌色彩相呼应,不仅做到了设计的一致性,更容易换起用户的情感感知。
页面二:我的衣橱界面
Inspora上展示的服装都是有根据风格和场合进行了分类,并搭配了简单易懂的图标。在我的衣橱界面,用户只需要选择和他们实际拥有的衣服和鞋类相似的款式,Inspora就会自动给出可行的穿搭建议。
页面三:风格推荐界面和身材信息界面
为了更好地了解用户的喜好,Inspare采用了两种方式:
其一,推荐穿衣风格
Inspar会向用户提供与其风格和预期相匹配的穿搭照片,以进一步了解用户的喜好。
其二,了解用户的形体
形体对穿衣效果的影响也很大,充分了解用户的形体可以更准确地推荐合适的搭配。这是一个需要获取用户大量信息的步骤,但很显然,让用户手动输入大量数据和数字是不好的做法,很容易让用户产生无聊感。我了解决这个问题,Tubik团队开发了一个简单的系统来帮助用户"编辑"形体,用户可以快速更改形体的基本参数,并立即查看其变化以确认其外观和用户的体型相似。
界面四:用户喜好测试页面
Inspare有非常花心思地想让用户“停留在同一页面上”,这个测试页面就可以一次性收集大量的用户信息,可以让Inspora更好地了解用户的品位和喜好。
总结
总体来说,Inspora的界面布局简洁清晰,品牌logo设计和具备高度可读性的字体可以适配任何设备,加之简洁易懂的交互设计,创造了不错的用户体验。当然Inspora还有更多的设计细节,这里限于篇幅无法一一展示,各位设计师如果有兴趣,不妨自己去看看~
写在最后
为了帮助各位设计师萃聚设计灵感,摹客团队还会不定期推出更多优秀设计案例赏析。如果你有不错的设计作品,欢迎联系我们哦。