SPARKFUL

Blog

Insights from the SPARKFUL teams

留白是一種美

Magic Hunguser-interface-design
name

在手機螢幕上能利用的空間非常有限,我們不想浪費掉任何一個可以展示資訊的空間,試圖將它們透過各種視覺化或是直接顯示的方式表達出來,即使有的時候需要呈現的重要資訊很少,我們卻很沒有安全感的,硬是要將一些不重要的東西擺上來,讓它們能有很豐富、很有內容的感覺。

這其實都是因為開發者恐懼留白(Horror Vacui)的原因,它是一種渴望將空白處,用任何資訊或是視覺元素填滿的傾向,很可惜的是,產生的價值感通常會隨著恐懼留白的提升而降低,一個很好的例子就是服飾店的櫥窗矲設:

留白其實就是一種很好的空間利用方式,一般而言,在手機介面中的清單項目(如下圖)中,約 3 至 5 項訊息是使用者還可輕鬆辨識與閱讀的數目(例如時間、預覽圖、標題、簡短敘述、或是使用者名稱),過多的訊息不但會造成一定程度的壓迫感,還會讓畫面略顯雜亂。

手機呈現資訊就像用簡報投影片展現你的成果與想法一樣,不是把資訊原封不動,或是一字不漏的秀出來就可以了;也不是把所有重點全部條列出來,大家就可以知道你想説什麼。它是經過嚴密篩選與濃縮後的精華。

一般而言,一張投影片只講一個重點,而清單項目也一樣,如果是以分享好看圖片為主的服務,圖片就是你的重點;如果是團購或是商品特價的訊息,折價數與價錢就是你的重點,其他細節則不一定需要全部出現在畫面中。

同時提供太多的資訊與元素除了會在視覺上降低價值感外,還會降低使用者接收資訊的能力,這也是現代設計的先驅包浩斯( Bauhaus )學派所強調的「少即是多(Less is more)」,什麼資訊都想要強調的結果就是它們最後互相干擾,而造成了反效果。


參考文獻:

  1. Dimitri Mortelmans. (2005). "Visualizing Emptiness," Visual Anthropology, vol 18, 19-45.
  2. 圖片來源:hooverine, CC Licensed
Magic Hung
Magic Hung
Technical Director
Technical Director @ Fourdesire. Create fun and crafts via programming.
divider
Related Posts
name

電影色彩學:這些經典電影如何運用「色彩」引導觀眾情緒

電影裡的弦外之音無論是電影、圖畫或任何形式的創作中,「色彩」都是非常基本且重要的元素。好的色彩運用可以讓人一眼看出創作者想表達的情緒。因此,如何恰當的運用色彩是一項相當重要的課題。平常在看電影的時候,除了關心劇情,也可以...Read more
name

藏於字句間的創作:產品中的在地化翻譯

產品辛苦開發了,但要吸引其他語言使用者的使用,並不是那麼簡單的一件事。即使產品已經在某個國家(例如台灣)有了足夠的使用者數量,也不是翻譯成日文,就會憑空冒出許多日本的使用者。網路是連結的,但社群不是許多人...Read more
name

為使用者撒下「麵包屑」

大家小時候應該都有看過或聽過《糖果屋》(收錄於格林童話)的故事吧?故事裡的小兄妹在森林裡面邊走邊撒下麵包屑,希望可以在迷路的時候沿著麵包屑回到家,結果麵包屑被森林裡的小動物吃掉,這對小兄妹也就在森林裡面...Read more