體量感（產品設計的思考方式_感覺_連載18）

當你進入 Apple 的網站，看著空靈的頁面上碩大的產品（廣告）畫面，在周圍留白的襯托之下，感覺如何？螢幕上圖片的尺寸、背景以及周圍的留白，都能夠體現出元素的體量感，使其視覺衝擊力更強，更容易被使用者的眼睛和大腦所接受。

體量感本身是造型藝術裡的概念，大小、輕重、多少等都能影響體量感，在建築、雕塑、平面藝術、汽車等工業產品中都能看到體量感的存在。有些建築從照片裡看起來感覺一般，但是當親身走到旁邊時，會感覺到巨大的衝擊力。只有文字的海報，看起來很簡單，但是尺寸特別大，一樣能夠產生強烈的吸引力讓人注意。有些汽車走到前面就覺得非常大氣甚至霸氣，而有些則小巧玲瓏，甚至在尺寸近似時，不同的造型仍然能夠讓人產生兩種的感覺，同樣是體量感的差異。

在產品設計和介面設計中，常見的錯誤是試圖充分利用每一點空間，將大量的內容塞進螢幕，塞滿為止。例如早期的國內網站，特別是入口網站，充斥著散碎的連結、文字和圖片，希望充分利用流量，實質上卻容易造成流量的浪費。

亨利·摩爾（著名雕塑家）認為體量感與表面的簡潔有關，所以他的作品上會有意識的減少瑣碎的細節，確保整體的簡潔。在資訊產品中，簡潔同樣能夠形成體量感。在介面和內容裡，減少背景噪音的干擾，讓前景資訊少而突出。儘管微軟的 Windows Phone 整體上的產品設計存在問題（系統和生態設計的問題），但如果單純看介面和內容的呈現，同樣能夠給人足夠的衝擊力。所以，未必要填滿所有空間，簡潔和留白就能夠形成體量感。

想要「衝擊」使用者的感觀，利用體量感的一種做法是排除干擾，將最重要的元素放大，在大小、靜態或者動態、數量等方面創造出差異。這本身也是在把握內容的優先順序，突出強調高優先順序內容。因為使用者同一時間能夠抓住的資訊是有限的，與其讓使用者的注意力均勻分佈，不如集中在一個上面，留下深刻的印象。

使用主體明確、清晰度高的圖片同樣是突出體量感的一種方式。很多實體產品在宣傳時，都非常注重展示圖片、效果圖的設計，將產品的細節誇張的呈現出來，既透過差異來吸引人，又透過細膩的視覺表現來讓人感覺到舒服。

改變大小是常用的一種對比手法（其它還有顏色、形狀等等），超過人們平時的認知，超出期望，當超出的範圍非常大時，就可以引爆關注。有段實踐，巨大的橡皮小黃鴨（Rubber Duck）巡遊世界，在很多地方都引起了轟動。小黃鴨平時太常見了，但一個極其巨大的大黃鴨，或者大黃豆，或者大黃瓜，立在哪裡，都會成為話題。無論是虛擬產品還是實體產品，都可以有意識的創造這種差異和對比。

總結下來，關於體量感的幾點提示：

未必要填滿所有空間，簡介和留白能夠形成體量感。

放大和突出關鍵元素，排除干擾。

突出細節，主體明確，高畫質細膩。

超出人們的日常認知和期望。

——

更多內容請見：

連載中：產品設計的思考方式（目錄）

——2017年9月更新

關於學習 UI/UX 和產品設計

1、UI 和 UX 設計師的課程表

2、UI、UX交流QQ群：633293003，會定時舉行公開課和答疑。歡迎大家加入。