什麼是排版對比?

瞭解如何透過檢視Carl Dair的7條排版對比規則來創造對比並影響人們。

排版只是一種向使用者傳達資訊的方法,而建立排版對比有助於集中注意力併為整體構圖帶來平衡。 最簡單的是,的存在是引導人們關注你想讓他們看的東西的一種手段——無論是印刷廣告、活動海報還是閃爍的消防出口。 每個設計都是使用者的旅程,以最高效、最簡潔的方式引導他們找到關鍵資訊。 這聽起來很簡單,但比我更好的設計師花了一生的時間努力實現這一點,而公司花費數十億美元來設計一個特定的徽標、產品名稱或品牌。

Main image showing typographical contrast - what do you look at first? text
(圖片來源:Matt Smith)

Carl Dair是一位加拿大設計師,在20世紀50年代和60年代工作。 他在排版界有影響力,最終在1952年出版了他的《Design with Type》一書。 在此,他強調了用於建立排版對比的七個關鍵元素(允許您保持層次結構、激起情緒、強調資訊、提高可讀性和視覺吸引力)。 對於大多數設計師來說,這些將是你不假思索地採用的直觀日常決策,然而,瞭解正確的組合以及如何平衡它們是經驗豐富的設計師的技能。 以下是對這七個要素的仔細觀察。 有關如何使用它們的更多資訊,請參閱我們的排版設計概念帖子和排版教程。

01. 大小

Typographical contrast - letters in different sizes
眼睛自然而然地遵循從大到小的層次結構(圖片來源:Matt Smith)

大小是提供對比度最明顯和最引人注目的方式——我們從小就被教導要注意到更大的東西。 考慮一個典型的雜誌頁面,標題是頁面上最大的元素,後面是站立或拉引號,然後是正文副本,最後是標題。 設計師正在為讀者的眼睛創造一個旅程,從更大的文字開始,然後沿著資訊的層次結構向下。

字型通常以點為單位(儘管如果您為數字設計,您可能對ems或px更滿意)。 您可以使用各種比例來設定尺寸,例如標題/正文約為2.1,儘管明顯不同的尺寸可以產生視覺影響。

02. 重量

Typographical contrast - letters in different weights
不同的重量會產生視覺對比,但要注意保持可讀性(圖片來源:Matt Smith)

大多數信譽良好的字型集都包含廣泛的重量,字母形式的厚度或薄度各不相同。 更粗的字型表示影響,強調包含關鍵資訊的文字單詞或段落。 在更輕、更薄的文字之前,眼睛被這些所吸引。 現代字型具有可變的權重,這意味著設計師不再受制於字型建立者指定的權重,因此可以嘗試更多建立對比度。

與此列表中的所有因素一樣,人們必須尊重可讀性而不是視覺吸引力。 在較小的尺寸下,較大的重量往往會相互模糊,而較輕的重量可能會在彩色背景上丟失。

03. 形態

letters in different forms, some bold, some italic
形態可用於創造對比,但也可以改變單詞的語氣(圖片來源:Matt Smith)

形態是指單個字型家族中字母形式的基本形狀。 例如,大寫字母和小寫字母、壓縮字母和擴充套件字母、羅馬字母和斜體字母之間的區別。 大寫字母往往看起來更大聲(正如任何人在開啟帽子鎖後發現的那樣),而斜體可以被視為諷刺或壓制。 濃縮字型會形成堅硬的垂直線,但可能更難閱讀,很少用於正文副本,而小寫字母則流過頁面並吸引眼球。 當你結合不同的形式來創造對比時,所有這些事情都需要考慮。

04. 結構

Structure written out three times using letters made up of different fonts
你可以花很長時間瀏覽字型列表來找到你喜歡的配對,但襯線/無襯線是一個安全的配對(圖片來源:Matt Smith)

結構著眼於不同型別字型之間字母形式的差異。 Carl Dair將此描述為一個演說家,他改變了聲音的語氣,以適應他的話語,而不是音量。 許多設計師會本能地選擇在專案中將襯線與無襯線配對,而您可能也會看到指令碼的平板襯線的引入。

傳統上,襯線會用於大量文字,因為它們具有可讀性,但在現代,無襯線的使用往往更頻繁。 這些決定可以定義作品的情緒——襯線字型可以看起來傳統和舒適,而無襯線字型是現代和銳利的,這不僅是因為它們固有的字母形式,也是因為幾代人的印記所產生的期望。 有關此的更多資訊,請參閱我們的襯線與無襯線解釋器。

05. 紋理

Texture written out different ways
很容易陷入副本的細節中,而不是把它拉回來並把它看成塊(圖片來源:Matt Smith)

設計師指的是在設計過程中早期“遮蔽”頁面,即從遠處以塊的方式檢視文字。 這使得建立一般佈局更容易,而不會被更精細的細節所打動,但也可以用作設計元素,在頁面上建立紋理。 嘗試在文字上進行跟蹤和引導,以達到不同的效果。 如果這些對你來說是新的,請在我們的便捷指南中瞭解更多排版術語。

06. 顏色

letters in black with 'colour' spelled out in green across the text
顏色可以幫助對比度,但請確保它仍然是可訪問和可讀的(圖片來源:Matt Smith)

當你想到對比時,你很可能會首先想到顏色。 除了尺寸之外,顏色是創造對比度的最明顯方法,即使是最簡單的設計應用程式也可以做到這一點(有關更多資訊,請參閱我們的色彩理論帖子)。 對於文字,為了可讀性,副本和背景顏色之間的高對比度是必要的。 淺色背景上的深色色調比淺色背景的色調更具對比度,因此更專注。

啟動專案時,在形成調色盤時,值得考慮光學層次結構。 在為數字設計彩色時,您應該考慮可訪問性並符合WCAG AAA指南。 可以使用漸變,但會新增噪音和資訊,因此通常只能用於背景或標題。

07. 方向

the word 'direction' in different directions
玩弄方向可以為您的設計增添活力,但使其更難閱讀(圖片來源:Matt Smith)

創造對比度的最後方法是改變文字的方向,使用垂直和水平之間的對立。 它可以為您的設計增添活力和活力,但這是應該節制的一條規則,因為擺弄方向可能會影響可讀性。

參考來源:
關鍵字:
  • 2025年度的18本最佳字型排版書籍

    字型排版(Typography)是設計的無聲英雄。 它可以成導致你的專案是成功或是失敗,一言不諺地傳達情感,並引導觀眾的眼睛精確到你想要的地方。 但是,掌握字型排版不是一蹴而就的——它需要學習、實踐和向那些專業的設計大神學習。
    2025.03.19 Wednesday
  • 激發你自己靈感的4個精美旅行部落格

    如能夠將個人的故事與資訊的內容相互結合,這將可能成為一個偉大的旅遊部落格。 無論您是經營一家精品旅行社還是分享獨立個人冒險旅程,精心設計的旅遊部落格,並以激發行動的方式來展示目的地,這都可以幫助您與讀者建立信任。 讓我們來探索4個特殊的旅遊部落格,這些部落格展示了精心的設計和引人入勝的內容是如何協同工作,最終建立一個出色的旅遊部落格網站。 出眾的旅遊部落格是如何造就的? 一個有效的旅遊部落格融合了深思熟慮的設計和營銷元件,以吸引讀者,並讓他們可以獲取更多內容和得著。 以下是一些能使您的網站脫穎而出的元素。 一個令人難忘的部落格名稱 名稱通常是人們首先注意到您的品牌,因此製作一個能夠表現出網站內容的名稱很重要的。 一個朗朗上口的旅行部落格名稱,可以有創意,易於記憶,並且兼顧內容主題。 無論是與旅行相關的詞語還是特定於易懂的詞語,選對了的名稱將會創造一個強大的品牌標誌,並幫助您的網站能夠易於停留在讀者的腦海中。 見解獨到和原創的內容 許多旅遊博主透過簡單地建立通用列表來寫他們實際上從未去過的地方,希望在搜尋結果中成為趨勢。 這導致大量重複相同資訊的文章集合,並可能誤導了讀者,導致他們看到不相關的內容。 為了將您的部落格與這些基本指南區分開來,請分享個人經驗、內幕旅行提示和人跡罕至的建議。 原創的見解,和帶領讀者了解現實中您真實所看到的世界,可以為您的品牌增加可信度。 精於特定範疇 精於特定範疇的旅遊部落格(專注於一個非常具體主題的部落格)可以吸引想要專業建議的忠實讀者。 如果您的特定範疇沒有太飽和,您可以迅速將自己確立為該領域的專家。 擁有明確而特定的範疇可以定義您在行業中的品牌,並建立您的精闢的內容。 例如,一個專門用於徒步旅行的部落格可以專注於介紹輕量級的裝備和如何去實踐長途旅行。 透過選擇一個專業的見解和實踐,該您的讀者能夠清楚地知道從您的帖子中,可以得到幫助和得著。 精美吸引的視覺設計 旅遊部落格圍繞著如何展開去看和體驗世界,因此高品質的影象、簡潔的版面和精美的排版,可以為訪問者營造出真實的沉浸式體驗。 您還可以新增互動式的地圖和關相的影片,讓人們繼續閱讀和可以與您的內容互動。 最佳化搜尋引擎和社交媒體 運用搜尋引擎最佳化(SEO)技術來優化您的旅遊部落格,例如在標題中新增關鍵字和使用適當的URL結構, 這將有助於您的網站接觸到正確的受眾,並在搜尋引擎結果中得到更高的排名。 為了擴大您在社交媒體上的影響力,您可以新增分享按鈕,以鼓勵訪問者在 Instagram、Facebook 和 X(以前的Twitter)上分享您的帖子。 選擇一個具有 SEO 功能並能夠與外部工具整合的部落格平臺,以便於搜尋引擎的最佳化和社交媒體的共享。 旅遊部落格的好處 除了成為創意的旅遊指南之外,還可以成為個人品牌的成長、職業發展和文化理解的機會。 以下是維護旅遊部落格的一些好處。 記錄和分享個人的經歷和體驗 記錄您最喜歡的目的地和實用技巧,為其他人建立資源,同時也能在線上儲存您的難忘的經歷和回憶。 人們重視第一身的經歷和體驗,因為它們是真實和相關的,這些經歷和體驗使您的部落格成為旅行者值得信賴的指南。 賺取收入的潛力 透過不懈的努力,經營旅遊部落格也可以變成一個的收入來源。 聯盟營銷、贊助帖子和數字產品的銷售(如電子書和行程)等機會,可以讓你把你的興趣和熱誠轉化成為收入。 有了足夠的流量和曝光率,您還可以與品牌或旅遊局合作,達到雙贏的局面。 擴闊眼界 旅遊部落格鼓勵您更深入地瞭解您所到地方的歷史和傳統,研究和撰寫關於不同目的地的文章可以擴展您對多種文化和不同習俗的認識,您可以與讀者分享您每一次的豐富體驗和寶貴的經歷。 彈性的遠端工作 旅遊部落格最吸引人的好處之一,是可以讓你自由地工作。 只要你有一臺膝上型電腦和網際網路連線,你就可以在世界任何地方工作。 這種靈活性允許您去探索遙遠的地方,拜訪親人,並按照自己的節奏去建立內容。 4個優秀的旅遊部落格範例 1. It’s Worth Seeing […]
    2025.03.06 Thursday
  • 傾斜實驗型別3.0突破了排版的極限

    傾斜實驗型3.0探索排版、技術和社會評論的交叉點,透過人工智慧生成的字型、可變字型和實驗技術的大膽組合,挑戰傳統設計規範。
    2025.02.20 Thursday
  • IIT 建築學院的全新品牌重塑

    新品牌是由 Span 創造的,他的任務是以吸引潛在學生和在校學生的方式傳達這段歷史。 正如你對建築學院所期望的那樣,新品牌都是簡潔的線條和光滑的邊緣。 新外觀的骨幹是新發布的 Neue Galerie,這是Mies van der Rohe 的 Allzweck 字型的數字復興。 根據 Mies van der Rohe 的個人草圖,Neue Galerie 由 bBox Type 鑄造廠建立,也用於新徽標。 在漂亮的字型配對中,The Future也用於增加能量。
    2025.02.16 Sunday
  • Miiro Hotels 的新品牌設計及圖案元素設計

    Miiro Hotels 是一家位於歐洲幾個城市的小型家族酒店集團,委託我們為位於巴塞羅那Born區中心的新酒店“Borneta”建立身份、圖形語言和應用程式。 受社群傳統和附近歷史市場的啟發,該專案結合了現代性和記憶,提供了深深植根於當地歷史的真實體驗。
    2025.02.14 Friday