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

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

大小是提供對比度最明顯和最引人注目的方式——我們從小就被教導要注意到更大的東西。 考慮一個典型的雜誌頁面,標題是頁面上最大的元素,後面是站立或拉引號,然後是正文副本,最後是標題。 設計師正在為讀者的眼睛創造一個旅程,從更大的文字開始,然後沿著資訊的層次結構向下。
字型通常以點為單位(儘管如果您為數字設計,您可能對ems或px更滿意)。 您可以使用各種比例來設定尺寸,例如標題/正文約為2.1,儘管明顯不同的尺寸可以產生視覺影響。
02. 重量

大多數信譽良好的字型集都包含廣泛的重量,字母形式的厚度或薄度各不相同。 更粗的字型表示影響,強調包含關鍵資訊的文字單詞或段落。 在更輕、更薄的文字之前,眼睛被這些所吸引。 現代字型具有可變的權重,這意味著設計師不再受制於字型建立者指定的權重,因此可以嘗試更多建立對比度。
與此列表中的所有因素一樣,人們必須尊重可讀性而不是視覺吸引力。 在較小的尺寸下,較大的重量往往會相互模糊,而較輕的重量可能會在彩色背景上丟失。
03. 形態

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

結構著眼於不同型別字型之間字母形式的差異。 Carl Dair將此描述為一個演說家,他改變了聲音的語氣,以適應他的話語,而不是音量。 許多設計師會本能地選擇在專案中將襯線與無襯線配對,而您可能也會看到指令碼的平板襯線的引入。
傳統上,襯線會用於大量文字,因為它們具有可讀性,但在現代,無襯線的使用往往更頻繁。 這些決定可以定義作品的情緒——襯線字型可以看起來傳統和舒適,而無襯線字型是現代和銳利的,這不僅是因為它們固有的字母形式,也是因為幾代人的印記所產生的期望。 有關此的更多資訊,請參閱我們的襯線與無襯線解釋器。
05. 紋理

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

當你想到對比時,你很可能會首先想到顏色。 除了尺寸之外,顏色是創造對比度的最明顯方法,即使是最簡單的設計應用程式也可以做到這一點(有關更多資訊,請參閱我們的色彩理論帖子)。 對於文字,為了可讀性,副本和背景顏色之間的高對比度是必要的。 淺色背景上的深色色調比淺色背景的色調更具對比度,因此更專注。
啟動專案時,在形成調色盤時,值得考慮光學層次結構。 在為數字設計彩色時,您應該考慮可訪問性並符合WCAG AAA指南。 可以使用漸變,但會新增噪音和資訊,因此通常只能用於背景或標題。
07. 方向

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