字型的組合排版指南

字型的組合排版指南

你真的需要不止一種字型嗎?

在網際網路早期,網路上的不良排版通常被歸咎於可用字型的範圍很差。但我們已經瞭解到,排版不僅僅是選擇字型。它的一個目標(可能是主要目標)是以一種可讀且易於使用的方式呈現資訊。在我們開始尋找一種字型來新增到我們的設計中並將它與我們的正文字型結合起來之前,我們需要問自己:我們真的需要不止一種字型嗎?不要只是為了它而新增一個。排版中沒有規則說使用的字型越多越好(相反可能更正確)。無法保證向您的網站新增另一種字型會改善其排版。我喜歡保持我的排版簡單而紮實。就像一臺機器——可移動的部件越少,它發生故障的可能性就越小。

字型的組合排版指南

18 世紀的單一字型——Baskerville 的印刷作品,由 John Baskerville 本人創作。

埃裡克·吉爾(Eric Gill)是一個頗有爭議的人,但也是一位出色的排版師(在他做過的許多其他事情中),他也有類似的看法。使用更多字型可以做得比使用單個字型更好。嘗試挑戰自己並僅使用一種字型建立網站。如果只是為了實驗和樂趣,我認為每個人都應該嘗試一下,因為有很多東西可以學習。

字型的組合排版指南

我最近重新設計了我的個人網站。我想要脫穎而出的一件事是極簡主義,它是我生活的重要組成部分。為了最好地做到這一點,我決定使用單一字型。除此之外,我還希望網站以排版為重點(實際上 95% 是排版),這讓挑戰變得更加困難。我一直在尋找一種乾淨、清晰、簡單的無襯線字型,它會更加強調這一點。最後我選擇了 Canada Type 的 Gibson。它有一種現代但略帶友好的感覺。設定為大尺寸時效果很好。為那個網站設定正確的排版有點挑戰,但我設法做到了,只使用不同的尺寸、重量和兩種顏色——深灰色和中灰色。

我在書中包含了這個例子,因為它很好地展示了使用一種字型可以完成多少工作。不僅是像約翰巴斯克維爾這樣的排版大師,還有像我這樣的

自學成才

的設計師。你認為你的專案還需要另一種字型嗎?不用擔心,請繼續閱讀。

組合字型的四步過程

如果您仍然認為您的網站需要不止一種字型,則需要一個系統的流程來指導您。我在這裡描述的版本是 Tim Brown 的《組合字型》一書中描述的版本的改編版本。以下是四個步驟:

為您的主體文字找到錨字型

為可能的組合找到一些輔助字型

評估組合

消除/選擇字型組合。

字型的組合排版指南

上面的過程假設您從已經選擇的正文字型開始。如果您想先從標題字型開始,這個過程可以很容易地逆轉。

有兩種組合字型的方法和五個指南,可以幫助您完成上表中的第 3 步。讓我們來看看。

評估字型組合的兩種方法

在設計、建築和藝術方面,對比與和諧是兩個最基本的原則。在排版方面,兩者都至關重要。此過程中描述的某些評估僅作為對比組合起作用,有些僅作為諧波評估,有些作為兩者兼而有之。讓我們看一個現實生活中的例子。

對比組合

字型的組合排版指南

看看上面辦公室的照片。你會如何描述它?感覺很現代對吧?但還有別的。感覺也很溫暖。對於配備現代、近乎未來主義傢俱的辦公室來說,這是不尋常的。然而,這個確實如此。磚牆為沒有它看起來很冷的房間帶來了這種溫暖和舒適的感覺。這同樣適用於組合字型。

我們如何將其應用於排版?讓我們以 Baskerville 字型作為我們的主體文字。Baskerville 由 John Baskerville 於 1754 年設計。它在當時是一種現代字型,因為它正在推動排版的可能性。但如今,它被認為是經典之作。它喚起信任和溫暖的感覺。根據 Errol Morris 進行的一項實驗,它是最受信任的字型。現在讓我們用僅大寫的 Futura 來補充它。Futura 由 Paul Renner 於 1927 年設計。它是一種幾何無襯線字型。最初設計時它是一種現代幾何無襯線字型,直到今天它仍然感覺很現代。

字型的組合排版指南

我們的設計看起來很豐富。豪華。它有一個故事要講。但最重要的是——它有效。它使用了來自不同時期的兩種經典字型。每個都來自現代/冷與經典/暖之間的比例的對立面。它們合起來就像火與冰,化作流水。

諧波組合

字型的組合排版指南

和諧與對比正好相反。因此,如果您檢視上面辦公室的照片,您會發現它看起來非常現代。沒有裝飾的簡約空間,與現代傢俱相結合。我們如何在排版中複製這樣的東西?

在上面的組合中,我們使用 Din Alternate 作為標題,使用 Helvetica 作為正文字型。兩者都有輕微的工業和現代感。有許多功能使這兩種字型相似,但它們的不同之處足以作為一個組合很好地工作。

組合字型的五個準則

組合具有相似 x 高度的字型

還記得我在關於字型結構的那一章告訴你要記住 x-height 嗎?這是它派上用場的地方。評估字型組合的另一種方法是仔細檢視它們的 x 高度,看看它們是否匹配。他們在最壞的情況下應該非常接近。具有相似 x 高度的字型可以更好地協同工作,因為它們具有相似的視覺重量。尤其是涉及到垂直節奏時。

這種組合適用於對比或和諧。要麼選擇具有匹配 x 高度的字型,要麼選擇具有非常不同 x 高度的字型。不要介於兩者之間。

合併來自同一代工廠的字型

我在迄今為止所做的所有排版工作中都注意到了一些東西。透過選擇字型,我傾向於不斷回到生產它們的某些型別的鑄造廠。總部位於德國的 FontFont 就是其中之一——我是 Erik Spiekermann 作品的粉絲。總部位於倫敦的 Dalton Maag 是另一個。有時我會花時間簡單地探索來自這兩個鑄造廠的所有字型,幾乎沒有我不喜歡的字型。看起來他們的風格與我最常尋找的風格相匹配。這不是巧合。

你看,當字型設計師開始設計一種新字型時,他們很少從頭開始。他們開始在現有字型之上設計一種新字型更為常見。他們使用相同的結構,但仍然提出了原創設計。但由於這種共享的底層結構,字型通常可以很好地協同工作。因此,結合來自同一代工廠的字型是一個不錯的選擇。

合併來自同一作者的字型

類似於根據設計它們的代工廠組合字型是根據它們的作者組合它們。如前所述,字型代工廠通常使用基礎底層結構來生產不同的字型。字型作者這樣做可能更常見。例如,結合 Adrian Frutiger 設計的字型幾乎是肯定的選擇。

字型的組合排版指南

上圖:背景中的大學和前景中概述的阿波羅(均由 Adrian Frutiger 設計)。請注意它們的風格有多麼不同,但許多關鍵點幾乎完美地相交。

我仍然建議將這兩種字型放在一起並進行比較,就像我們在上面對 Apollo 和 Univers 所做的那樣。嘗試確定組合是否有效,類似於我們根據 x 高度比較字型的方式,但更多地關注整體比例。此時,您需要真正研究這兩種字型。我告訴過你這需要時間,記得嗎?這種組合應該用作諧波,而不是對比。

根據歷史時代組合字型

根據時間段評估字型適用於對比度或和諧。您可以選擇兩種相距甚遠或來自同一時間段的字型。兩者都應該工作。

字型的組合排版指南

Baskerville 和 Futura 的建立相隔近 200 年。

我發現這種方法最適用於數字革命之前設計的字型。目前正在設計的字型太多了。僅僅根據它們來自同一時期的事實來配對它們可能還不夠。

使用超級字型

有所謂的超級字型。無襯線和襯線兩種字型。Merriweather 和 Merriweather Sans 就是很好的例子。Roboto 和 Roboto Slab 也是如此。使用一個超級家族的風格絕對不會出錯。這可能是開始發展您的字型組合技能的好方法。

字型的組合排版指南

有些字型有襯線字型和無襯線字型(甚至更多樣式)。如果你把這些結合起來,你就不會出錯。

① 本篇為 世界更復雜時代www。mobangwang。com 編輯整理,轉載請註明出處!版權歸原作者所有,如有侵權請來信告知。

頂部