大紀元

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

Proximity相近

文/羅蘋‧威廉斯   譯/ 張妤菁
2008-02-07 12:52 中港台時間|2025-10-22 24:17 更新
人氣 69

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

你曾停過五次嗎?
沒錯,這張小名片有五個不同的項目。

你從名片的哪裡開始看起?
可能從中間吧,因為那個詞組是最粗、最醒目的。

接下來你看哪個項目呢?
從左邊看到右邊(因為英文字是橫向排列)嗎?

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

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



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


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

從左上角的看起嗎?還是先看中間的?
等你看完兩個粗體字後,你的視線停在哪裡?
也許你的目光在粗體字間來回跳動,同時急著想理解角落裡的其他資料。

你知道自己什麼時候看完這張名片嗎?
你的朋友看這張名片的方法是否與你相同?不一樣嗎?

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

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

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

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

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

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


現在,要從哪裡開始看這張名片,還會造成你的困擾嗎?
接下來要看哪一部分?

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

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

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

如果您有新聞線索或資料給大紀元,請進入安全投稿爆料平台

留言

  • 大紀元保留刪除惡意留言的權利,包括低俗、誤導或攻擊信仰等內容
本網站圖文內容歸大紀元所有, 任何單位及個人未經許可,不得擅自轉載使用。
Copyright© 2000 - 2026 The Epoch TimesAssociation Inc.All Rights Reserved.