你沒見過的這些彩色的字

你沒見過的這些彩色的字

作者:小道   编辑:道格字体&coeus

Color Fonts,多彩字體是近兩年頻繁出現的設計語匯,越來越多的設計專案當中,開始使用這一技術,儘管目前它依然處於起步階段。

諸如Adobe Typekit 這樣的字體服務供應商,已經開始提供一些支持特定瀏覽器的多彩字體。也正是因為多彩字體使用範圍越來越廣泛,才有設計師預測,它會成為網頁設計領域的“Next Big Thing”。

作為一個植根於網頁設計領域的設計趨勢,多彩字體到底有著什麼樣的特徵?今天的文章,我們一起來聊聊這個話題。

什麼是多彩字體

顧名思義,多彩字體(Color Font),字體本身所包含的不僅僅是外觀形體的特徵,不同的區域可以以不同的色彩來呈現,甚至包含陰影、漸變、紋理和透明度等屬性。這些時髦的屬性不僅賦予了字體複雜多變的色彩,而且讓它具備更加豐富的細節。

多彩字體包含了常見字體中應有的向量形狀或點陣圖資訊,或者兼而有之,這使得多彩字體的字體檔案要比普通的字體更大。如果你對於多彩字體沒有太多概念,那麼你想想我們用過的圖標字體和表情字體,它們就是多彩字體的一種。同時,我們常用的字體通常被稱為 Chromatic Font ,也就是“有色的字體”,因為它們通常只能包含一種色彩。

不過,多彩字體還存在問題,最大的問題在於目前並沒有一套通行的字體標準。使用類似SVG的向量文檔的還好,而使用點陣圖格式的多彩字體,字體檔案大小則會隨著字體尺寸的增大而膨脹。

目前常見的多彩字體包含下面的5種格式:

·SBIX(Apple):在macOS 和 iOS系統上的原生點陣圖字體

·CBDT(Google):在Android 系統上使用的原生點陣圖字體

·COLR(Microsoft):在Windows 8.1+ 系統上使用的向量字體

·SVG(W3C):有向量和點陣圖兩種版本

·OpenType SVG(Adobe/Mozilla):將向量和點陣圖版的SVG文檔置於 OpenType 字體中而構成的字體

另一方面,許多使用多彩字體的企業機構正在逐步完善它們旗下的字體格式的標準和使用規範。Mozilla(Firefox背後的支持機構)和Adobe 已經正式聲明瞭 OpenType SVG 為它們多彩字體的首選格式。當它們作出決策的時候,其他企業尚處於觀望階段。

如果你現在想著手瞭解多彩字體本身,那麼Fontself 的這篇文章應該可以幫你入門。

多彩字體怎麼用?

當你第一次看到多彩字體的時候,通常會出現兩種反應:

·臥槽好惡心!

·牛逼,我知道要在什麼地方用它了!

無論你的反應是哪種,都無法忽略一個事實:有許多APP和網站都非常適合多彩字體來發揮作用。不過,當你在使用它們的時候,要足夠謹慎,也合乎情理。

在下面的情形下,你可以嘗試使用多彩字體:

·想用一個短語抓住用戶注意力

·使用圖標或者LOGO樣式元素的時候

·大量文本內容開頭的大寫字母/大寫單字

·給極建恩主義設計中作為視覺主體的標題使用

·大塊文本當中某個或者某幾個需要吸引用戶注意力的單字

·當整個設計的其他部分都比較簡單的時候

·當排版是整個設計最主要的視覺元素的時候

·當整個設計專案需要一些更加不同尋常的設計來吸引用戶的注意力的時候

避免過多使用多彩字體

當色彩使用過多時候,常常會讓整個設計看起來像是80年代末的流行設計。如果你不想讓過多的色彩使用對於整個設計產生過大的影響,那麼就要謹慎控制多彩字體的使用。在下列情況下,要注意:

·當字體的背景是圖片的時候

·背景的視覺設計較為複雜的時候

·只有大量的文本內容的時候

·當頁面中包含大量的動畫和動效,或者其他元素包含了大量色彩的時候

·已經在頁面的其他地方使用了新奇特殊的字體

多彩字體設計趨勢

實際上,從一開始排版設計就從多彩字體中獲利。Adobe 和Mozilla 所推行的 OpenType SVG 格式可能是目前對多彩字體推動最大的一種格式。Adobe 最近甚至已經開始為Photoshop 更新了對這一字體的支持。

Adobe 對於 OpenType SVG 的闡述是這樣的:

“OpenType-SVG 是一種包含了全部或部分字母/字形的SVG 圖形,它使得單個文字可以顯示多種色彩甚至漸變。正式因為它的這一特性,我們將OpenType-SVG 格式字體命名為多彩字體。”

“OpenType-SVG 字體和普通字體一樣,直接拿來使用,可以編輯,蒐索和索引。同時,其中還包含了可供替換的字形,這一點和 OpenType 是一致的。”

“諸如 Trajan Color Concept 和 EmojiOne Color 這樣的字體已經擁有了可供編輯的色彩屬性,如果你的字體工具支持它們的話,就可以正常顯示且可編輯。如果工具對於多彩屬性並不支持的話,它依然可以作為普通字體來使用,不過只能以純色的形式來展現。”

除此之外,The State of Web Type 中詳細闡明瞭多彩字體需要哪些瀏覽器的功能支持。

在多彩字體的演變和使用上,有兩個主要的影響因素:

·瀏覽器對於網頁設計專案中多彩字體的相容性

·設計專案的對於華麗多彩的文本在風格上的匹配性

上手試試

如果你確定多彩字體是你的設計專案所需要的東西,那麼你可以選擇現成的多彩字體來進行調整,也可以根據現有的普通字體來進行重設計,當然,這主要取決於你所進行的設計專案的類型。

自制多彩字體

製作多彩字體的方法有很多,這主要看你使用什麼樣的軟體。多彩字體所能承載的元素很多,它可以是一張漂亮的圖片的一部分,也可以是你用筆繪製出來的元素。你完全可以使用你熟悉的工具來玩趁多彩字體的設計。

·Fontself 是一款AI 和 PS 可用的插件,可以幫你更方便創建多彩字體

·你也可以參考 Glyphs 的教程從頭開始繪製多彩字體

·FontLab 有一個視頻教程,為你介紹整個設計過程

免費字體推薦

推薦一款免費的多彩字體Gilbert,大家可以下載下來試試看。

結語

在海報和平面設計中,多彩字體的使用有著極大的需求。不過數位化的網頁也開始越來越多地擁抱這種設計元素,這也是為什麼它會成為一種設計趨勢。


本文为道格字体原创文章,转载请注明出处