平面設計入門：設計原則(1)

請觀察下面這張普通名片的版面設計。小小的版面上，你看見多少不同元素？為了閱讀不同的元素，你的視線停下幾次？

你曾停過五次嗎？

沒錯，這張小名片有五個不同的項目。

你從名片的哪裡開始看起？

可能從中間吧，因為那個詞組是最粗、最醒目的。

接下來你看哪個項目呢？

從左邊看到右邊（因為英文字是橫向排列）嗎？

你的眼光掃到右下角時，發生什麼情況？你的視線往哪裡移動？

你的目光會不會四處飄移，以確定你並沒有漏看任何角落的資料？

如果我把這張名片設計得更複雜：

現在這張名片上有兩個項目是粗體字，你會從哪一個開始看？

從左上角的看起嗎？還是先看中間的？

等你看完兩個粗體字後，你的視線停在哪裡？

也許你的目光在粗體字間來回跳動，同時急著想理解角落裡的其他資料。

你知道自己什麼時候看完這張名片嗎？

你的朋友看這張名片的方法是否與你相同？不一樣嗎？

幾個項目彼此緊連時，這些項目就會整合成為一個視覺單元，而非數個分散的單元。這點很類似我們的日常生活：相近，或稱接近（closeness），意味著彼此間必定有關係。

將幾個相似的元素組合成一個單元，你會馬上發現，版面變得更有條理。

它讓人知道要先看哪一部分，知道什麼時候讀完整篇內容，而「留白」（white space ）也不會顯得毫無組織。

上面的例子中，問題在於名片上似乎沒有一個項目是互相有關聯的。

你不太清楚這張名片要從哪裡看起，也不確定自己什麼時候看完整張名片。

若我修改一下這張名片的部分設計，運用相近原則將相關項目歸集在一起，看看它會發生什麼樣的變化：

現在，要從哪裡開始看這張名片，還會造成你的困擾嗎？

接下來要看哪一部分？

你知道自己什麼時候看完整張名片嗎？

只消一個簡單的技巧，這張名片在資料傳達與視覺上都變得更條理分明，溝通效果當然更好。

摘自:《寫給大家的平面設計書》三言出版提供@