软件UI设计之道(第二版)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.6 软件UI的拟物化和扁平化设计

拟物化设计在很长一段时间内都是设计的主流,扁平化设计是近两年才发展起来的一种新的设计趋势,特别是在移动APP软件界面设计中,扁平化设计越来越多,而且也为用户带来了良好的体验。

① 关于拟物化设计

拟物化设计是指在设计过程中通过添加高光、纹理、材质和阴影等效果,力求实物对象的再现。在设计过程中也可以适当地进行变形和夸张,模拟真实物体。拟物化设计可以使用户第一眼就能够认出对象是什么,拟物化设计的交互方式也模拟现实生活中的交互方式。如图1-22所示为拟物化设计。

图1-22

② 拟物化设计的优势和劣势

拟物化设计因其完全模拟现实生活中的物体对象,其优势也很明显。

认识度高。

拟物化设计的认知度非常高,无论是什么肤色、什么性别、什么年龄或文化程度的人都能够认知拟物化的设计。

质感和交互性强。

拟物化设计的视觉质感非常强烈,并且其交互效果能够给人很好的体验,以至于人们对拟物化设计已经养成了统一的认知和使用习惯。

人性化。

拟物化设计能够体现较好的人性化,其设计的风格与使用方法与现实生活中的对象相统一,在使用上非常方便。

拟物化设计的劣势主要表现在,在设计中花费大量的时间和精力,为了实现对象的视觉表现和质感效果,而忽略了其功能化的实现。许多拟物化设计并没有实现较强的功能化,而只是实现了较好的视觉效果,如图1-23所示。

图1-23

③ 关于扁平化设计

扁平化设计从其字面意义上理解是指设计的整体效果趋向于扁平,无立体感。扁平化设计的核心是在设计中摒弃高光、阴影、纹理和渐变等装饰性效果,通过符号化或简化的图形设计元素来表现。在扁平化设计中去除了冗余的效果和交互,其交互核心在于突出功能本身的使用。如图1-24所示为扁平化设计。

图1-24

④ 扁平化设计的优势和劣势

扁平化设计与拟物化设计是两种完全不同的设计风格,扁平化设计的优势主要表现在以下几个方面:

时尚简约。

扁平化设计中常常使用一些流行的色彩搭配和图形元素,使看多了拟物化设计的用户有一种焕然一新的感觉,扁平化设计可以更好地表现出时尚和简约的美感。

突出主题。

扁平化设计中很少使用渐变、高光和阴影等效果或者使用的都是细微的效果,这样可以避免各种视觉效果对用户视线的干扰,使用户专注于设计内容本身,突出主题,也使得设计内容更加简单易用。

更易设计。

优秀的扁平化设计具有良好的架构、排版布局、色彩运用和高度的一致性,从而保证其易用性和可识别性。

扁平化设计虽然具有许多优势,但是其劣势也同样非常明显,因为扁平化设计主要是使用纯色和简单的图形符号来构成设计的,所以其表达情感不如拟物化设计丰富,甚至过于冰冷,如图1-25所示。

图1-25

⑤ 类扁平化设计

随着扁平化设计趋势的流行,一些设计师将某些细微的效果融入到整体的扁平化设计中,使其成为一种独特的效果,例如在简单的界面设计中加入微渐变和阴影,从而使这种风格成为其特色,产生一种类扁平化的效果,如图1-26所示。

图1-26

类扁平化设计比单纯的扁平化设计更具有适用性和灵活性。在类扁平化设计中,设计师可以为某些元素添加适当的阴影或微渐变效果,用户也很容易接受这种类扁平化的设计。