视觉设计语言:设计的基石
视觉语言是由视觉基本元素和设计原则两zhi部分构成的一套传达意义的规范或符号系统。
就像文字对语言,字体,颜色,形状和图标对视觉设计一样。有效的视觉设计语言不仅充当产品开发团队中所有利益相关者的交流框架,而且团结品牌及其客户,以确保公司的品牌标识与客户的品牌认知相匹配。
我们使用语言作为与他人交流的工具。作家使用单词与读者交流,而设计师使用视觉语言与用户交流。字体,颜色,形状,视觉元素(如图标)是设计语言的元素。有效的设计语言可简化沟通。
没有统一的通信系统,不仅用户体验混乱不清,而且混乱,将更改集成到最终设计中也极其困难。
设计语言提供什么?
通过使用一种共享语言统一项目团队,项目可以清晰,凝聚和快速地前进。
一致性
与工业学科相比,数字设计几乎没有物理约束。这为设计人员提供了进行实验的强大能力,可以针对任何给定的挑战提出各种解决方案。但是,这很容易导致脱节的用户体验。
为了实现设计的一致性,定义可重用和跨平台的组件以及样式选项至关重要。一致的设计使在多种平台和设备上运输产品变得更加容易,这对于公司而言尤其重要。
品牌召回
当用户与具有强大视觉语言的产品进行交互时,用户往往会更好地记住它。不幸的是,市场上大多数产品都具有通用设计。当一种产品具有相同的视觉样式时,很容易将它们与另一种产品混淆。
创建强大的视觉形象是设计团队在进行视觉设计时应阐明的目标。这就是数码产品的个性!颜色,字体,照片,插图,动画都是品牌的一部分,应该以有助于人们记住产品的方式进行设计。始终遵循地道的设计语言,就会为品牌带来可识别性。
明晰
我们非常注重清晰度-我们希望使GUI整洁而不混乱。通过遵循最低限度的方法,我们最大程度地减少了用户在每个屏幕上拥有的元素数量,并创造了高度专注的体验。
创新方式
在电话市场竞争如此激烈的情况下,公司会投入大量资源来吸引人们试用他们的产品。公司在创新上进行投资,并尝试开辟新局面以吸引用户并达到他们的最大兴趣。视觉设计通常是产品创新的最快和最便宜的方式。
我们如何创建一种设计语言?
对于我和我的团队来说,在创建设计语言的过程中,我们遵循与将创建任何完整的消费产品相同的规则:研究-理想-设计-验证-实施。这就是我们确保该语言适用于我们的目标受众的方式。
研究
通常,VDL是我们创建的最重要的基础产品。就像您设计的每个产品一样,研究应该始终是第一位的。当我们开始这个华为项目时,重要的是要了解我们设计的机会。该项目的首席用户体验设计师Jeshua Nanthakumar和他的用户体验研究团队分析了市场上所有可用的移动操作系统,并确定了用户通常面临的所有挑战。
UI审核
如上所述,实现一致性是创建共享设计语言的目标之一。标准化视觉设计至关重要。这就是为什么即使在开始使用视觉语言之前,我们还是决定进行UI审核。我们的目标是了解系统的结构。
我们将整个移动操作系统分解为原子元素-颜色,形状,阴影,线条,过渡。通过分解设计,我们的团队能够看到各个零件如何协同工作并形成更大的整体。在UI审核结束时,我们将构成数字产品的所有元素(按钮,导航栏,图标等)分为不同的类别。
了解用户如何看待品牌
在使用视觉语言时,必须对您要设计的人以及他们如何看待您的品牌有一个清晰的了解。理想情况下,品牌标识(品牌希望被用户感知的方式)应与品牌形象(用户实际感知品牌的方式)相匹配。设计师对品牌形象有直接影响。审美风格,语言和语调,肖像和插图-所有这些都是品牌标识的要素。
分析主要竞争对手
为了确定战略设计机会,我们的团队进行了竞争对手的分析。我们已经确定了四家具有强大设计语言的主要竞争对手,并专注于确定其优势和劣势。例如,当我们评估Apple iOS时,我们提到了该语言的以下优点-可跨设备扩展,高度关注标准化,唯一标识-以及以下缺点-与图标不一致,过度使用模糊效果。
这项分析有助于我们确定品牌在创建产品时遵循的四个主要方向:
- 对我有同情心(针对目标受众的需求量身定制的设计;表现出对人类真正的同情并真正反映受众的设计)
- 新颖的设计(使用创新的视觉样式和交互模式的设计)
- 普通设计(利用保守风格元素的设计)
- 标准化为所有人(繁重的标准化设计)
定义视觉层次结构的要求
当用户体验研究人员分析典型的用户投诉时,他们发现关键的交互元素的位置是许多移动用户提到的最常见的问题之一。在2016年,移动屏幕越来越大,但Android中关键功能元素的位置保持不变-屏幕顶部。结果,用户必须伸展手指或改变其抓地力才能与这些元素进行交互。
构想:定义设计愿景
创造设计哲学
想象一下,您需要设计一种语言,该语言将被集成到将被世界各地的人们使用的产品中。我们在人际交流中使用的自然语言不能与文化区分开,因为它与语言使用者的态度或行为有着密切的关系。数字语言是绝对相同的-对于美洲,欧洲,亚洲,非洲和大洋洲的客户来说,它应该看起来很自然。
任何视觉设计的成功都与人们对它的看法密切相关。影响人类感知的因素很多,其中很大一部分是心理学。要创建复杂的设计,您需要考虑形状的含义以及它们对用户思想的影响。
创造设计哲学是极具挑战性的,您不能独自做到。因此,我与前苹果创意总监阿比盖尔·布罗迪(Abigail Brody)一起工作,他于2015年9月加入华为,担任首席用户体验设计和华为设备副总裁。在Apple,Abigail负责iOS设计。她是向我描述视觉语言方法论的人。
我们在一起花费了很多时间来尝试寻找视觉设计的方向,并且我们决定将有机设计的哲学作为我们设计语言的基础。有机设计的核心是利用自然作为最大的灵感。
使用运动设计创建独特的视觉识别
毫无疑问,运动在移动设计中扮演的角色很重要。对于许多产品而言,Motion发挥着纯粹的功能性作用-它为用户操作提供反馈,并将移动应用程序的不同状态联系在一起。精心设计的动作还可以使事物更具吸引力,并且众所周知,有吸引力的事物可以更好地发挥作用(美学可用性效应表明,当人们发现视觉上吸引人的界面时,人们对较小的可用性问题更能容忍)。
我们的团队对此案举足轻重。我们的最终目标是利用运动为我们的产品注入生命-使界面充满活力和动态感。我们编写了具有扎实设计原则的运动设计宣言。我们要在设计中引入的每一个动画效果和过渡都是根据其为最终用户带来的功能和情感收益进行衡量的。
强大的视觉设计语言是优秀UX的核心
视觉语言会对用户体验产生巨大影响。它不仅可以通过使UI更加可预测来减少摩擦,还可以创造愉悦感。通过将出色的形式与出色的功能相结合,我们将拥有出色的用户体验。
视觉语言是产品设计的副产品,它需要类似的设计过程。它是迭代的,并且在此过程中的每个步骤都需要进行验证。当您构建视觉语言时,您将为设计师建立一个新的生态系统,该生态系统在参与产品开发的不同团队之间建立了和谐。
作者:Gleb Kuznetsov