本文有大量圖檔遺失,我們正在努力恢復中了!
許多人在安排版面資訊時常常會發生的錯誤就是,常常誤認為版面上的每一項資訊都很重要,而每一個資訊都擺放在使用者很容易閱讀到的位置、賦予相同的視覺強度。
但其實使用者是無法同時間接收太多各種不同的資訊的,在無法為版面上的資訊安排其重要性的情況下,最後反而讓版面的閱讀性大打折扣。
以下我們都將在每項資訊的「視覺強度」都相同的前提下來、來討論資訊擺放位置跟閱讀性的關係。如下圖左,我們將資訊位置分散擺放,雖然整體畫面較有均衡感,但是四筆資訊沒有區分出重要性,甚至使用者在閱讀的時候會無所適從,不知道該從哪一筆資訊開始讀起。而當我們歸納出版面上最重要的資訊,並將其獨立出來後,版面資訊的重心被提升出來了,並且很容易的就可以瞭解版面資訊閱讀的順序:
可以發現的是,雖然每項資訊的視覺強度跟比重都一樣,但是由於資訊擺放時的「留白」較多,因而在閱讀的時候反而更為顯眼突出
留白是指畫面上沒有配置重要視覺元素的區域,在一般的邏輯中,這是「多餘的」、「浪費掉的」區域,但是在視覺設計中,留白是一個很重要的視覺元素。
另外,將屬性相似的物件做歸類擺放也一個是很重要的提升畫面閱讀性的技巧,如上圖右,由於底部資訊被擺放得更接近了,在閱讀上就更容易將其歸類為同一個的區塊,將這些具有相同屬性的資訊擺放在一起,也可以提升使用者的閱讀效率。這是由於人在看到一項資訊時,並不會將其當成獨立的要素,而是將其認為是某個更大整體中的一個小部分,這種現象叫做「完形心理 ( Gestalt ) 」。
最常見使用這個方法歸類資訊的例子就是名片了。如下圖,在編排名片時,就必須考慮將性質相近的元素編排的靠近一些,例如姓名跟職稱會歸類在一起,而電話、傳真、手機號碼等則是區分為另外一組歸類,如此來不僅版面上的資訊得到了明確的整理與歸類,版面視覺也簡潔了許多。
References:
- Photo by Patrick Tomasso on Unsplash