對比
製造對比，是為了讓版面變得容易理解、更吸引人而必備的手法。
各種對比
對比是讓某要素與其他要素之間產生「對比」的設計手法。製造對比的方法如下：
（1）大文字與小文字的對比
用文字的大小營造對比，讓版面層次分明的例子。
（2）圖與文的對比
替圖片與文章營造對比，增添層次感的例子。
（3）色彩的對比
用冷色系與暖色系這類配色效果營造出對比的例子。
（4）密度高的部分與留白的對比
留白多的區域與資訊密度高的區域形成對比的例子。
設計時，會用對比來區別「欲強調的內容」與「不必強調的內容」。根據要素的內容與目的，適當地讓各要素產生對比，不僅能讓要素在版面中的作用更加明確，還可以增添層次感，讓資訊更正確地傳達給讀者，同時版面也會顯得更美觀。
製造對比的方法
製造對比的重點是「清楚突顯要強調的要素」，與「確實地做出差異」這兩點。如果什麼都要強調，結果往往是讓對比變弱。另外，像是「 B 好像比 A 大」這類曖昧不明的差異也沒有效果。請做到「 B 明顯比 A 大 」的程度差。
替要素做出明顯差異，會讓版面顯得層次分明，資訊也更容易理解。缺乏適度對比的版面，讀者將無法掌握製作者的意圖，甚至會誤以為是製作時發生了偏差或失誤。
對比的設定範例
以下準備了兩個簡易的例子來說明對比。左例對比不明顯，不僅難閱讀，也不美觀；右例則是具備明顯對比的例子：「主題」與「標題」有明顯差異（對比），即使不讀內容，也可一眼辨識資訊，整體版面也比較美觀。
用對比讓設計重生
如果將目的、作用、重要度不同的要素，都處理成相同大小，會讓版面顯得很無趣。找出版面中最重要的或是有趣的部分，加強其對比，版面就會煥然一新、魅力橫生。
▲此設計雖然也能傳達資訊，但所有要素大小都一樣，有點無趣。
▼（左圖）凸顯主題。光是改變這點，版面就顯得層次分明，看起來更吸引人。
▲（右圖）將主圖去背並做黑白處理，並利用留白營造層次感，做出差異化。
何謂躍動率
版面中「較大部分」與「較小部分」的比例，稱為「躍動率」。比例高代表「躍動率高」，比例低則表示「躍動率低」。
版面給讀者的印象，會因躍動率而大幅改變。躍動率高會給人誇大渲染感，可提高訴求力。另一方面，躍動率低則會給人沉著感，可呈現具高級感的版面。
文字的躍動率
文字的躍動率，則是指「本文字級」與「主題」、「標題」、「文案」大小的比例。
版面中存有多種不同目的與作用的文字要素時，藉由改變字級來增添對比，可讓各個文字要素的作用更顯著。適當地增添對比、將資訊層級化，可讓讀者順利地循序閱讀，「欲傳達的資訊」也得以準確地傳達出去。
想讓版面引人注目，可提高主題或標題等的躍動率。躍動率高的版面，讀者只要掃視一下就能找到想讀的資訊。放大文字就能提高躍動率，此手法不僅簡單，而且能快速傳達資訊，因此常用於雜誌封面、新聞標題、廣告等各式媒體上。
反之，若是設計讓人慢慢閱讀的書籍、或是想讓人輕鬆閱讀的版面，則可設定低躍動率。另外，要提高文字躍動率時，也可用字體樣式來營造對比。依據設定的字體樣式，帶給讀者的印象也將大幅改變。
▼根據資訊的優先順序替文字增添大小層次，就能讓版面產生對比，提升閱讀性，資訊也更容易辨識。
文字躍動率高的設計
放大主題或標題，就會提升視覺引導性，讀者只要簡單看過版面就能掌握資訊。需要快速傳遞資訊的廣告、雜誌或 POP ，都經常利用此手法。躍動率高的設計，可說是賦予視覺震撼及有效的方法。
▼（左圖）最小字與主標「 SALE 」的躍動率高，資訊的重要性變明確。稍微看一眼就能判讀重要資訊。
▲（右圖）躍動率高時，容易讓版面看起來生動鮮活，想要營造快樂有朝氣的印象時效果很好。
文字躍動率低的設計
躍動率低的版面，則會讓讀者感到「高級感與信賴感」、「有品味具說服力」、「知性可靠」等印象。適用於要讓讀者細細品味的書籍、型錄、DM 等製作物。
躍動率低會給人舒適的印象，適用於展現高級感。在佐例中，主文案太大，顯得笨重又不清爽；而右例得主文案較小，表現出耳語般的靜謐感。
照片、圖片的躍動率
有多張照片或圖片須安排優先順序時，將優先順序高的照片放大配置，可讓重點更明確、提高躍動率，藉此控制讀者的視線。
觀看橫式版面時，視線通常是從左上往右下，成「 Z 型 」移動。如左圖將照片與圖片並排配置時，視線會如往常般移動，但如果像右圖般將其中一張圖放大，就會產生有別一般的視覺動線。
- 照片沒有躍動率的設計：雖然文字有設定躍動率，漂亮地整合在一起，但每張照片的大小都相同，無法明確傳達出設計的重點。
- 照片躍動率低的設計：文字與照片都有控制躍動率，並利用留白賦予版面層次感。整體印象舒適穩重，訴求重點也變明確。
- 照片躍動率高的設計：文字與照片的躍動率都高，整個版面上有極大的反差，給人歡樂、有活力的印象，訴求重點也很明確。
躍動率的決定方式
思考躍動率時，除了憑感覺調整外，也可利用「等差」、「等比」、「算式」為基準來決定。當你無法憑感覺評斷時，請參考下表。
《字體的視覺效果》這點也要記起來！！！
何謂字體的視覺效果？！
文字的大小，可以用聲音的大小來比喻。當文字單調地並排，就像平鋪直敘的講義，令人過目就忘。我們說話時為了將想法傳達給對方，會帶點抑揚頓挫，設計時也應該這樣，一內容變更文字的粗細、尺寸、顏色與字型，增添變化。
▼（左圖）單調的版面很難傳達設計的訴求重點，也會給人無趣的印象。
▲（右圖）強調所有要素，像是在吵架般，給人狹隘感，資訊也很難傳遞。
▲只把需要強調的部份突顯出來，版面易讀性高，而且生動活潑。
文字的組合
字體也有各自的個性。為了好好發揮此個性，在思考字體的躍動率時，可使用具共通個性的字體家族，如此便可完成賞心悅目的設計。
請看上圖，「 50% off」都是採細字體結合粗字體的設計，而最左圖是用同一字體家族來組合。請注意「 % 」的圓圈與「 o 」的形狀，用同一字體家族來組合時，因為具共通性，所以不會不協調。反觀中間與右圖的例子，細字體與粗字體的共通性相對較低。如果要讓設計看起來美觀，協調性很重要。思考文字的躍動率時，活用字體家族便能營造出協調感。
零美感、零經驗，掌握法則 讓設計力大躍進 >>>《 這樣 O 那樣 X 馬上學會好設計 》