版面編排的基本法則-對比

沒有比較沒有傷害,但沒有對比便不可能做出一張好的喜帖。一張好的平面設計好多時候都十分重視對比。例如是光暗的對比,粗幼的對比或是深淺的對比。沒有對比的話便什麼也無法突顯。因此好的設計師都會在設計上做出好的對比。

製造對比,是為了讓版面變得容易理解、更吸引人而必備的手法。
對比是讓某要素與其他要素之間產生「對比」的設計手法。製造對比的方法如下:
色彩的對比
用冷色系與暖色系這類配色效果營造出對比的例子。
密度高的部分與留白的對比
留白多的區域與資訊密度高的區域形成對比的例子。
大文字與小文字的對比
用文字的大小營造對比,讓版面層次分明的例子。
圖與文的對比
替圖片與文章營造對比,增添層次感的例子。

設計時,會用對比來區別「欲強調的內容」與「不必強調的內容」。根據要素的內容與目的,適當地讓各要素產生對比,不僅能讓要素在版面中的作用更加明確,還可以增添層次感,讓資訊更正確地傳達給讀者,同時版面也會顯得更美觀。

製造對比的重點是「清楚突顯要強調的要素」,與「確實地做出差異」這兩點。如果什麼都要強調,結果往往是讓對比變弱。另外,像是「 B 好像比 A 大」這類曖昧不明的差異也沒有效果。請做到「 B 明顯比 A 大 」的程度差。
替要素做出明顯差異,會讓版面顯得層次分明,資訊也更容易理解。缺乏適度對比的版面,讀者將無法掌握製作者的意圖,甚至會誤以為是製作時發生了偏差或失誤。
如果將目的、作用、重要度不同的要素,都處理成相同大小,會讓版面顯得很無趣。找出版面中最重要的或是有趣的部分,加強其對比,版面就會煥然一新、魅力橫生。
版面中「較大部分」與「較小部分」的比例,稱為「躍動率」。比例高代表「躍動率高」,比例低則表示「躍動率低」。
版面給讀者的印象,會因躍動率而大幅改變。躍動率高會給人誇大渲染感,可提高訴求力。另一方面,躍動率低則會給人沉著感,可呈現具高級感的版面。

文字的躍動率,則是指「本文字級」與「主題」、「標題」、「文案」大小的比例。
版面中存有多種不同目的與作用的文字要素時,藉由改變字級來增添對比,可讓各個文字要素的作用更顯著。適當地增添對比、將資訊層級化,可讓讀者順利地循序閱讀,「欲傳達的資訊」也得以準確地傳達出去。
想讓版面引人注目,可提高主題或標題等的躍動率。躍動率高的版面,讀者只要掃視一下就能找到想讀的資訊。放大文字就能提高躍動率,此手法不僅簡單,而且能快速傳達資訊,因此常用於雜誌封面、新聞標題、廣告等各式媒體上。
反之,若是設計讓人慢慢閱讀的書籍、或是想讓人輕鬆閱讀的版面,則可設定低躍動率。另外,要提高文字躍動率時,也可用字體樣式來營造對比。依據設定的字體樣式,帶給讀者的印象也將大幅改變。

放大主題或標題,就會提升視覺引導性,讀者只要簡單看過版面就能掌握資訊。需要快速傳遞資訊的廣告、雜誌或 POP ,都經常利用此手法。躍動率高的設計,可說是賦予視覺震撼及有效的方法。
躍動率低的版面,則會讓讀者感到「高級感與信賴感」、「有品味具說服力」、「知性可靠」等印象。適用於要讓讀者細細品味的書籍、型錄、DM 等製作物。
躍動率低會給人舒適的印象,適用於展現高級感。在佐例中,主文案太大,顯得笨重又不清爽;而右例得主文案較小,表現出耳語般的靜謐感。

有多張照片或圖片須安排優先順序時,將優先順序高的照片放大配置,可讓重點更明確、提高躍動率,藉此控制讀者的視線。
觀看橫式版面時,視線通常是從左上往右下,成「 Z 型 」移動。如左圖將照片與圖片並排配置時,視線會如往常般移動,但如果像右圖般將其中一張圖放大,就會產生有別一般的視覺動線。

照片沒有躍動率的設計:雖然文字有設定躍動率,漂亮地整合在一起,但每張照片的大小都相同,無法明確傳達出設計的重點。
照片躍動率低的設計:文字與照片都有控制躍動率,並利用留白賦予版面層次感。整體印象舒適穩重,訴求重點也變明確。
照片躍動率高的設計:文字與照片的躍動率都高,整個版面上有極大的反差,給人歡樂、有活力的印象,訴求重點也很明確。
何謂字體的視覺效果?!

文字的大小,可以用聲音的大小來比喻。當文字單調地並排,就像平鋪直敘的講義,令人過目就忘。我們說話時為了將想法傳達給對方,會帶點抑揚頓挫,設計時也應該這樣,一內容變更文字的粗細、尺寸、顏色與字型,增添變化。

文字的組合
字體也有各自的個性。為了好好發揮此個性,在思考字體的躍動率時,可使用具共通個性的字體家族,如此便可完成賞心悅目的設計。