請觀察下面這張普通名片的版面設計。小小的版面上,你看見多少不同元素?為了閱讀不同的元素,你的視線停下幾次?
你曾停過五次嗎?
沒錯,這張小名片有五個不同的項目。
你從名片的哪裡開始看起?
可能從中間吧,因為那個詞組是最粗、最醒目的。
接下來你看哪個項目呢?
從左邊看到右邊(因為英文字是橫向排列)嗎?
你的眼光掃到右下角時,發生什麼情況?你的視線往哪裡移動?
你的目光會不會四處飄移,以確定你並沒有漏看任何角落的資料?
如果我把這張名片設計得更複雜:
現在這張名片上有兩個項目是粗體字,你會從哪一個開始看?
從左上角的看起嗎?還是先看中間的?
等你看完兩個粗體字後,你的視線停在哪裡?
也許你的目光在粗體字間來回跳動,同時急著想理解角落裡的其他資料。
你知道自己什麼時候看完這張名片嗎?
你的朋友看這張名片的方法是否與你相同?不一樣嗎?
幾個項目彼此緊連時,這些項目就會整合成為一個視覺單元,而非數個分散的單元。這點很類似我們的日常生活:相近,或稱接近(closeness),意味著彼此間必定有關係。
將幾個相似的元素組合成一個單元,你會馬上發現,版面變得更有條理。
它讓人知道要先看哪一部分,知道什麼時候讀完整篇內容,而「留白」(white space )也不會顯得毫無組織。
上面的例子中,問題在於名片上似乎沒有一個項目是互相有關聯的。
你不太清楚這張名片要從哪裡看起,也不確定自己什麼時候看完整張名片。
若我修改一下這張名片的部分設計,運用相近原則將相關項目歸集在一起,看看它會發生什麼樣的變化:
現在,要從哪裡開始看這張名片,還會造成你的困擾嗎?
接下來要看哪一部分?
你知道自己什麼時候看完整張名片嗎?
只消一個簡單的技巧,這張名片在資料傳達與視覺上都變得更條理分明,溝通效果當然更好。
摘自:《寫給大家的平面設計書》三言出版提供@