纵观近几年成功的界面设计,成功的明显是那些在功能上有绝对优势的界面。我们把产品功能性的良好设计称之为易用性。那当界面的易用性设计被越来越当做产品成功的重要因素时,美学和视觉细节也同样重要:特别是能帮助提高产品易用性的设计。
该文章中将会谈及视觉因素如何提高易用性设计,特别是诸如阴影和模糊这些常见的视觉元素。
阴影的运用和用户界面的探讨
GUI设计师钟情于用阴影元素融入设计是有原因的。阴影的设计可以提供用户线索,帮助他们在界面中找到自己要的功能。
设计的启示
在早期的用户界面中,阴影的设计就被广泛应用于屏幕中,帮助用户理解界面的操作。诸如图像等的元素加上阴影,就会像是从页面中冒出来,弹出来的感觉。并且让用户产生一种印象、感觉,认为是可以和这个部件进行物理接触和操作的。尽管每个应用(app)给用户的视觉感受是不一样的,但用户通常还是认可一下这两个假设的:
1.如果是凸出来的视觉效果,看上去就像是可以按压的(比如鼠标点击或者用手指按压)。这样子的现象,一般都用在于设计按钮,从而提供给用户一个视觉上的信号。
2.如果是凹进去的视觉效果,看上去就像是需要被填满的。而这样的设计一般用于输入框中。
从下图中(Widows 2000年的输入框)可以看出,阴影和高亮是如何让用户更容易的理解功能的操作。
创造视觉上层次和深度的冲击
现流行的界面设计是分层次的,并且充分利用了z轴的优势。界面中不同的元素在z轴的位置,对用户的使用体验越来越重要。
界面中的元素可以通过阴影的深浅,来进行重要级别的区分。在某些情况下,阴影也可以帮助用户更好的理解,哪个元素在哪个之上(哪个操作更为重要)。
为什么让三维空间的概念可视化如此重要,原因很简单:这是物理的规律
在地球上(物理世界里)所有东西都是多维的,各种事物之前会有一定的相互作用:物体和物体可以进行(竖向的)相互叠加、(横向的)相互贴合,但绝不能进行横穿和穿透。它们也会投影以及光的反射。对这些东西的物理特性的理解,对于界面设计的层级理解也是非常重要的。
让我们回头看看谷歌的Material Design,很多人如今还仍然认为它是扁平化设计,但MD设计的重点是在于它的多维化:它将现实中对物理的理解,很好的借用和隐喻在设计中,让用户更好的理解界面,更加有根据的解释界面设计中的层次等级,使之更为合理化。