当你进入 Apple 的网站，看着空灵的页面上硕大的产品（广告）画面，在周围留白的衬托之下，感觉如何？屏幕上图片的尺寸、背景以及周围的留白，都能够体现出元素的体量感，使其视觉冲击力更强，更容易被用户的眼睛和大脑所接受。

体量感本身是造型艺术里的概念，大小、轻重、多少等都能影响体量感，在建筑、雕塑、平面艺术、汽车等工业产品中都能看到体量感的存在。有些建筑从照片里看起来感觉一般，但是当亲身走到旁边时，会感觉到巨大的冲击力。只有文字的海报，看起来很简单，但是尺寸特别大，一样能够产生强烈的吸引力让人注意。有些汽车走到前面就觉得非常大气甚至霸气，而有些则小巧玲珑，甚至在尺寸近似时，不同的造型仍然能够让人产生两种的感觉，同样是体量感的差异。

在产品设计和界面设计中，常见的错误是试图充分利用每一点空间，将大量的内容塞进屏幕，塞满为止。例如早期的国内网站，特别是门户网站，充斥着散碎的链接、文字和图片，希望充分利用流量，实质上却容易造成流量的浪费。

亨利·摩尔（著名雕塑家）认为体量感与表面的简洁有关，所以他的作品上会有意识的减少琐碎的细节，确保整体的简洁。在信息产品中，简洁同样能够形成体量感。在界面和内容里，减少背景噪音的干扰，让前景信息少而突出。尽管微软的 Windows Phone 整体上的产品设计存在问题（系统和生态设计的问题），但如果单纯看界面和内容的呈现，同样能够给人足够的冲击力。所以，未必要填满所有空间，简洁和留白就能够形成体量感。

想要「冲击」用户的感观，利用体量感的一种做法是排除干扰，将最重要的元素放大，在大小、静态或者动态、数量等方面创造出差异。这本身也是在把握内容的优先级，突出强调高优先级内容。因为用户同一时间能够抓住的信息是有限的，与其让用户的注意力均匀分布，不如集中在一个上面，留下深刻的印象。

使用主体明确、清晰度高的图片同样是突出体量感的一种方式。很多实体产品在宣传时，都非常注重展示图片、效果图的设计，将产品的细节夸张的呈现出来，既通过差异来吸引人，又通过细腻的视觉表现来让人感觉到舒服。

改变大小是常用的一种对比手法（其它还有颜色、形状等等），超过人们平时的认知，超出期望，当超出的范围非常大时，就可以引爆关注。有段实践，巨大的橡皮小黄鸭（Rubber Duck）巡游世界，在很多地方都引起了轰动。小黄鸭平时太常见了，但一个极其巨大的大黄鸭，或者大黄豆，或者大黄瓜，立在哪里，都会成为话题。无论是虚拟产品还是实体产品，都可以有意识的创造这种差异和对比。

总结下来，关于体量感的几点提示：

未必要填满所有空间，简介和留白能够形成体量感。

放大和突出关键元素，排除干扰。

突出细节，主体明确，高清细腻。

超出人们的日常认知和期望。

--

马力，设计师、产品经理，最美应用创始人，创新工场早期成员，豌豆荚创始成员、IBM用户体验设计师。最美应用每年评估上万个互联网产品，无论是产品设计，还是互联网的运营和推广等，都有丰富的实践经验。在高校里担任兼职导师，一直努力推动高校的设计专业领域教学。在知乎是用户体验和产品相关领域的优秀回答者，出版《产品设计师技能书》，撰写连载文章《产品设计与用户体验如何思考》、《设计师入门之路》等，希望以专业的力量帮到更多人。

更多内容请见：

优先级（产品设计的思考方式_连载1）：http://www.ui.cn/detail/228663.html

层次（产品设计的思考方式_连载2）：http://www.ui.cn/detail/228673.html

视觉的亮点与轻重（产品设计的思考方式_连载3）：http://www.ui.cn/detail/228982.html

交互的主线与支线（产品设计的思考方式_连载4）：http://www.ui.cn/detail/228987.html

功能的保健与激励（产品设计的思考方式_连载5）http://www.ui.cn/detail/229056.html

用户的核心与圈层（产品设计的思考方式_优先级_连载6）http://www.ui.cn/detail/229477.html

临界点（产品设计的思考方式_临界点_连载7）

http://www.ui.cn/detail/229479.html

门槛（产品设计的思考方式_临界点_连载9）

http://www.ui.cn/detail/229517.html

路径依赖（产品设计的思考方式_临界点_连载10）

http://i.ui.cn/ucenter/990692.html

隐喻（产品设计的思考方式_临界点_连载11）

http://www.ui.cn/detail/230045.html

正反馈（产品设计的思考方式_临界点_连载12）