当你进入 Apple 的网站,看着空灵的页面上硕大的产品(广告)画面,在周围留白的衬托之下,感觉如何?屏幕上图片的尺寸、背景以及周围的留白,都能够体现出元素的体量感,使其视觉冲击力更强,更容易被用户的眼睛和大脑所接受。
体量感本身是造型艺术里的概念,大小、轻重、多少等都能影响体量感,在建筑、雕塑、平面艺术、汽车等工业产品中都能看到体量感的存在。有些建筑从照片里看起来感觉一般,但是当亲身走到旁边时,会感觉到巨大的冲击力。只有文字的海报,看起来很简单,但是尺寸特别大,一样能够产生强烈的吸引力让人注意。有些汽车走到前面就觉得非常大气甚至霸气,而有些则小巧玲珑,甚至在尺寸近似时,不同的造型仍然能够让人产生两种的感觉,同样是体量感的差异。
在产品设计和界面设计中,常见的错误是试图充分利用每一点空间,将大量的内容塞进屏幕,塞满为止。例如早期的国内网站,特别是门户网站,充斥着散碎的链接、文字和图片,希望充分利用流量,实质上却容易造成流量的浪费。
亨利·摩尔(著名雕塑家)认为体量感与表面的简洁有关,所以他的作品上会有意识的减少琐碎的细节,确保整体的简洁。在信息产品中,简洁同样能够形成体量感。在界面和内容里,减少背景噪音的干扰,让前景信息少而突出。尽管微软的 Windows Phone 整体上的产品设计存在问题(系统和生态设计的问题),但如果单纯看界面和内容的呈现,同样能够给人足够的冲击力。所以,未必要填满所有空间,简洁和留白就能够形成体量感。
想要「冲击」用户的感观,利用体量感的一种做法是排除干扰,将最重要的元素放大,在大小、静态或者动态、数量等方面创造出差异。这本身也是在把握内容的优先级,突出强调高优先级内容。因为用户同一时间能够抓住的信息是有限的,与其让用户的注意力均匀分布,不如集中在一个上面,留下深刻的印象。
使用主体明确、清晰度高的图片同样是突出体量感的一种方式。很多实体产品在宣传时,都非常注重展示图片、效果图的设计,将产品的细节夸张的呈现出来,既通过差异来吸引人,又通过细腻的视觉表现来让人感觉到舒服。
改变大小是常用的一种对比手法(其它还有颜色、形状等等),超过人们平时的认知,超出期望,当超出的范围非常大时,就可以引爆关注。有段实践,巨大的橡皮小黄鸭(Rubber Duck)巡游世界,在很多地方都引起了轰动。小黄鸭平时太常见了,但一个极其巨大的大黄鸭,或者大黄豆,或者大黄瓜,立在哪里,都会成为话题。无论是虚拟产品还是实体产品,都可以有意识的创造这种差异和对比。
总结下来,关于体量感的几点提示:
未必要填满所有空间,简介和留白能够形成体量感。
放大和突出关键元素,排除干扰。
突出细节,主体明确,高清细腻。
超出人们的日常认知和期望。
这是我正在写的系列连载文章,关于产品设计和用户体验设计的思维方式。在过去的10年里,我一直希望探索产品背后的本质规律,为做互联网的人们(产品经理、设计师、工程师、运营、管理者等等)找到一个可以共通的思维框架,当我们一起讨论问题时,能够有共同语言,这会是产品语言或者设计语言。
如果你是一个管理者,你提的需求可以不是「简单大气国际化」,而是更具体的「界面需要体现出层次,区分优先级」,如果你是一个产品经理、设计师、工程师、运营,也能够为每一个产品和设计决策找到依据。这是战术层面上的战略思考,通过一些具体的点来帮助我们更好的改进产品、改进产品的用户体验、运营效率甚至推广、传播和变现效率。
专业是一种力量。
网友评论