關於如何配對圖示和字型以建立一致的視覺語言的完整指南。

選擇正確的圖示集來補充特定字型對於保持專案中的視覺一致性至關重要。 這確保了所有元素協同工作,以建立一個可識別的品牌,並改善整體使用者體驗。
以下是你需要知道的,以及如何讓您做出正確的選擇。
早期的考慮
在選擇與字型配對的圖示時,我們應該考慮一些早期因素,這些因素將幫助我們做出最佳決定。
- 目的和背景: 考慮專案的受眾、資訊和整體基調。 字型和圖示都應與這些想法保持一致,以有效地傳達預期含義。
- 風格和美學: 評估專案的視覺風格,並尋找與這種美學相匹配或補充的字型和圖示。
- 可擴充套件性和適應性: 評估專案的範圍,以便圖示可以根據需要適應各種環境, 您可能需要具有多種樣式甚至不同重量的圖示,就像字型一樣。
在選擇與字型匹配的圖示時,考慮與該特定字型相關的設計原則是有用的,因為圖示有很多相似之處。 為此,讓我們來探索一個關於如何根據標準字型分類及其解剖結構選擇正確圖示的小指南。
沒襯線字體(Sans serif)
不襯線字型的特點是外觀乾淨,經常出現在數字介面、標牌和其他平面設計專案中。
伴隨無襯線字型的圖示應該乾淨、現代和直截了當,基於極簡主義和可讀的形狀構建。
我們一直將 Ultimate 定義為圖示百科全書,不僅因為它有大量的符號,還因為它具有中性外觀和各種風格(Light、Regular、Bold、Duotone和Color),所有這些都可以與無襯線字型完美契合。

與Ultimate結合的絕佳字型選擇是Open Sans,這是一種具有寬反形式和高可讀性的人文主義字型。 但不僅只有一個正確答案,還有許多替代方案可以與Ultimate圖示完美配對,如Noto、Lato 或Gill Sans。

一個類似的圖示集,但具有更簡單、更永恆的方法,將是 Core。 這套有四種風格(Line、Solid、Duo和Flat),由於其巨大的適應性,是與無襯線字型結合的最佳選擇。

核心圖示可以很容易地與像Work Sans 這樣的字型配對,該字型基於早期怪誕字型,具有十種不同的權重,提供與Core相似的靈活性。 如果這不是你的那杯茶,你也可以看看Inter、Roboto或 Neue Haas Grotesk。

但是,如果您需要一個尺寸更極端的圖示集,Micro是最自然的選擇。 它遵循與核心相同的形式特徵,但網格更小,因此細節級別較低,可讀性更高。

在這種情況下,像 Montserrat 這樣的更幾何字型將是一個很好的配對選擇,特別是由於其寬闊而寬敞的字母。 再說一遍,如果您正在尋找替代品,不要錯過Poppins、Raleway或Gotham等字型,它們都具有定義Micro的許多形式特徵。

如果你正在尋找有個性的東西,還有更多的選擇。 如果您想使用具有圓形兩端(或至少具有大量曲線)的字型,Flex 因其有機、優雅和寬敞的形狀而不費吹灰之力。

Kodchasan 是Flex的一個令人驚訝的合適舞蹈夥伴,幾乎就像這兩個元素都是根據相同的施工指南構建的。 但由於Kodchasan有點像顯示字型,你可能想嘗試更中性的替代品,如Rubik、Nunito 或Noway Round。

另一方面,如果您要使用具有更工業和建築外觀的無襯線字型,Sharp 將是最合乎邏輯的選擇,因為它具有幾何、野蠻和靜態結構。

殘酷的圖示集需要一個殘酷的字型,那就是Space Grotesk,一種獨特但完全可讀的字型,具有高科技外觀。 由於它可能不是一個萬無一失的組合(它從來都不是,因為設計師總是負責讓它發揮作用),我們也建議您 DM Sans、Archivo 和Neue Machina。

襯線字體(Serif)
襯線字型強調傳統的工藝和形式,通常用於書籍、報紙和雜誌的正文文字。
與襯線字型搭配的圖示應該傳達傳統和優雅,因此精緻的細節和適度的對比度將非常合適。
按照之前描述的相同邏輯,Ultimate 和 Core 仍然是與襯線字型結合的完美有效選項,因為它們具有極大的多功能性。 在這種情況下,目的是將注意力從圖示上移開,以利於整個專案。

就Ultimate而言,像EB Garamond 這樣的老式襯線字型將是一個很好的選擇,可以傳達這種傳統感。 但即使風格似乎更有限,我們仍然有很好的選擇,可以幫助我們實現我們試圖溝通的可靠性,如CCormorant、 Cardo 或Sabon。


至於Core,像Merriweather這樣的過渡襯線字型似乎更合適,因為它具有更高的對比度和更對稱的設計,創造了一種組合,儘管它很嚴肅,但可以被認為是現代的。 和往常一樣,快速檢視Domine、Spectral或Signifier,以防您正在尋找替代方案。

但我們也有套裝,這些套裝不僅可能更合適,而且最初被設想為與襯線字型配合使用。 就像 Platinum 一樣,它是專門為高階品牌設計的,它的特點是使用細筆觸、凹曲線和尖弧,使其外觀優雅而經典。

Platinum是一個比乍一看更通用的圖示集,但像Boska這樣的didone字型因其固有的複雜性而完美匹配。 如果你想遵循這個高階概念,你可能還想看看Prata、Marcellus或Domaine。

Guidance 跟 Platinum 很是相似,但它使用凸曲線而不是凹曲線,這些曲線與直線之間存在更大的對比。 此外,這是一套用於標牌專案的套裝。 你永遠不知道它什麼時候會派上用場,特別是考慮到它是完全免費的。

在這裡,我們應該尋找對比度更小、結構更統一的字型,既現代又優雅,就像 IBM Plex Serif 一樣。 像 Arbutus Slab 這樣的Slab襯線字型或像 Alice 或Woodland 這樣的有機設計也可以是一個很好的選擇。

等寬字型(Monospaced)
等距字型具有固定寬度的字元,這就是為什麼它們被廣泛用於編碼,並且通常與數字世界相關聯。
與單行距字型一起使用的圖示應反映簡單性和精確性,具有嚴格的構建指南和技術外觀。
在這裡,必須再次提到 Sharp ,因為它基本上是一套旨在實現上述技術外觀的套裝。 像Core一樣,它有四種不同的風格(Line、Solid、Duo和Flat),這讓我們有更多的選擇自由。

我敢說,任何等距字型都是與夏普結合的絕佳選擇,但 Fira Mono 和任何其他字型一樣是一個好的開始,特別是考慮到其傾斜的結尾。 但根據您的個人喜好,還有很多其他選擇,就像 Space Mono 或 Spline Sans Mono 一樣。

但如果你真的想增強這些字型的復古未來主義外觀,你可以選擇像 Cyber 這樣的一套。 這是一個非常特別的套裝,嚴格使用直線和銳角,為那些希望在個性和品牌認可度方面更進一步的人賦予圖示一種非常獨特的觸感。

適合網路的等距字型需要更多的個性,這就是為什麼 Kode Mono 似乎是一個明顯的選擇,具有這些傾斜的角度和複雜的細節。 檢視 Azeret Mono 以獲得更中性的選擇,並檢視 Share Tech Mono 以獲得更復古的東西。

書寫體(Script)
書寫體模仿手寫字元,它們主要用於喚起個性感,使其在邀請函和賀卡中很受歡迎。
就書寫體而言,圖示應模仿手寫字母的流暢性和有機風格。
Freehand 是一個完全手繪的溫暖和個性化的圖示集。 儘管這套圖示很獨特,但它仍然有超過10,000個圖示,所有這些圖示都是完全一致的。 因此,如果您正在書寫體,您絕對應該考慮使用Freehand圖示。

在書寫體時,Freehand提供了更多的自由,因為我們基本上正在尋找一種更個人化的觸感,這種觸感可以在任何手寫字型中輕鬆找到,如《Waiting for the Sunrise》中的字型。 您仍然可以檢視 Caveat 或 Indie Flower 來考慮其他選擇。

如果您不想同時使用手動字型和手動圖示顯得過於多餘,我們也有一套像 Flex 這樣的字型,其筆觸讓人聯想到書法,但以一種更微妙和優雅的方式。 就像Core和Sharp一樣,它有四種風格(Line、Duo、Solid和Flat),以獲得最大的適應性。

像 Delius Unicase 這樣的書法字型似乎更適合像Flex這樣的圖示集,以突出它們的友好和有機外觀。 如果您對使用更不完美的筆觸感興趣,您也可以檢視 Sacramento ,以獲取更接近經典書法或Itim的東西。

遵循同樣的推理,但外觀更加卡通化和細緻,Plump 是搭配更豐滿甚至更天真的指令碼字型的完美選擇。 而且,再一次,它還有四種風格(Line、Duo、Solid Flat),以提供更多的靈活性。

豐滿的圖示與更卡通和天真的手繪字型非常匹配,就像 Hachi Maru Pro 一樣,這有助於實現有趣和友好的設計。 如果你對這種休閒和古怪的風格感興趣,你可能也對 Mali 或 Klee One 等字型感興趣。

展示字體(Display)
顯示字型設計用於大尺寸,將創造力放在可讀性之上,並用於徽標、海報和任何吸引注意力至關重要的地方。
用於顯示字型的圖示主要取決於字型本身及其獨特性。 但是,總的來說,他們必須大膽和富有表現力。
例如,如果你想使用像 Caprasimo 這樣的特別胖的字型,像 Plump 這樣的一套可能也是最好的伴奏。 這兩個元素之間的形式相似性非常明顯,總體而言,它們傳達了相同的感覺。


如果該專案需要像 DotGothic16 這樣的畫素藝術字型,我們有一個令人愉快的圖示集,名為 Pixel 。 這種明顯的組合可以讓你實現復古和懷舊的外觀,不僅突出了專案的視覺方面,還突出了品牌價值和整體基調。


另一方面,如果是工業和野蠻主義字型,如 Chakra Petch,你想引入該專案,Cyber (有兩種風格:Line和Duotone)將是它的最佳圖示集。 個性越大,整個專案就越獨特。


如果您正在尋找更古怪和休閒的東西,Stickies 是一個非常適合與具有相似魅力的字型相結合的圖示集。 就像 Modak 一樣,它使用胖形狀和薄的對立面來建立獨特的體積設計,進一步突出圖示的外觀。


直接在字型裡建立圖示
也可以根據字型直接建立一組圖示。 這需要大量的技術知識,我們可能會在未來的文章中更多地探討它,但有一些偉大而成功的專案可以向我們展示這個選項提供的和諧。 比如科隆-波恩機場( Köln-Bonn Airport )的標牌專案或 Daniel Utz 為 Netto typeface 的圖示。


總結
總之,字型和圖示是同一語言的一部分。 兩者都有相似的施工指南,對於實現視覺和諧至關重要。透過瞭解這些元素的基本特徵,設計師可以仔細整合它們,以創造具有影響力和永恆的設計。