什麼是彩色字型?這是一個不斷彈出並開始獲得認可的術語,儘管在大型設計專案中的使用的很少。

  像 Adobe Typekit 這樣的供應商已經開始發佈一些支持瀏覽器的彩色字型,當然也有一些更廣泛的用途。有些人甚至稱彩色字型為 “網頁設計中的下一件大事” 。
  接下來,我們來看看這一趨勢,您來決定它是否是一件大事。
  什麼是彩色字型?
  1 、彩色字型幾乎就像它聽上去那樣,包含多種顏色,陰影或漸變,紋理或透明度的字型。它不僅僅是給字型新增了顏色,是包含很多細節的特定字型。
  彩色字型可以是字型檔案中的向量形狀、點陣圖影象或是兩者結合,這就使得彩色字型比標準字型包更大。常見示例包括表情符號或含有圖示的字型。
  彩色字型的大問題是現在沒有真正的標準格式。有一個缺陷就是所有的字型檔案格式中向量和 SVG 影象可以縮放自如,但點陣圖可能會有大小限制。
  實際上有五種格式要處理:
  SBIX(WordPress APPle):在 Mac 和 iOS 系統上的原生點陣圖版本
  CBDT(Google):在 Android 系統上的原生點陣圖版本
  COLR(Microsoft):在 Windows 8.1+系統上的原生向量圖版本
  SVG(W3C):向量和點陣圖版本
  OpenType SVG(Adobe/Mozilla):將 SVG 形狀放在 OpenType 字型中的向量和點陣圖版本
  Mozilla(火狐瀏覽器的骨幹)和 Adobe 已經同意 OpenType SVG 是選格式; 其他人還在不斷的改變着決定。
  如果您想了解這些字型的工作原理以及所有檔案格式的明確説明,可以檢視 Fontself(https://learn.fontself.com/color-fonts-what-when-where-dd8c82e5a561),它有一個很好的入門説明。
  如何使用顏色字型?
  2 、當您次看到彩色字型時,可能會產生的想法:
  哇,太可惡了!
  cool!我知道如何使用它!
  無論您感受如何,一定有非常適合彩色字型的應用程序,但您需要理性地使用它們。(少量使用彩色字型。)
  可以使用彩色字型:
  用一個短詞語引人注意的技巧
  用於圖示或 logo 的元素
  用於一段長文字的段大字
  用於小型設計中醒目的標題
  將焦點聚集在一個特定的詞語上或是一大段文字中的某個詞語
  當其餘的設計比較簡單
  作為排版中您主要的設計元素
  當專案需要一些有趣和不尋常的東西來吸引多用户的注意
  不使用彩色字型
  3 、更多時候我們不使用顏色字型。您一定不想把網站設計成 20 世紀 90 年代那種閃爍的色彩瘋狂的風格。
  不要使用彩色字型:
  有圖片或在圖片上方
  複雜的背景
  很多文字
  有很多其他的設計技巧,如動畫; 單色通常足以產生視覺衝擊
  有其他新奇或特殊的字型
  不斷發展的趨勢
  4 、彩色字型開始流行是因為它在排版中起到了重要的作用而獲得認可。 Adobe 和 Mozilla 採用的 OpenType SVG 格式可能是幫助這一趨勢真正流行的工具,Adobe 近甚至向 Photoshop 中新增了彩色字型(您可能已經注意到字元調色盤中有一些 emojis)。
  這裏是關於 Adobe 如何解釋的 OpenType SVG:(https://helpx.adobe.com/typekit/using/ot-svg-color-fonts.html)
  “OpenType-SVG 是一種字型格式,OpenType 字型具有作為 SVG(可縮放向量圖形)圖形的全部或部分的代表符號,這允許在單個字形中顯示多種顏色或漸變。由於這些特性,我們經常將 OpenType-SVG 字型稱為 “彩色字型” 。
  “OpenType-SVG 字型允許以這些圖形的性質顯示文字,同時允許被編輯、索引或搜索。它們包含 OpenType 的功能,允許字形替換或替代字形樣式。
  “彩色字型的出現和 Trajan Color Concept 和 Emoji One Color 一樣,就像您程序字型選單中的特有字型。但是,由於許多程序尚未完全支持顏色組件,因此無法顯示其全部可能性。如果您的軟件程序不支持字型中的 SVG 圖形,則字形將恢復為純黑色樣式。顏色仍然可以應用於這種後備樣式,因為它如同典型的 OpenType 字型一樣。 “
  此外,The State of Web Type(http://stateofwebtype.com/#Color%20fonts)有一個部分專門用於更新瀏覽器來支持彩色字型,因此您可以確定何時適合使用。
  在彩色字型的演變和使用方面,兩件事將發揮主要作用:
  Web 設計專案的選擇以及瀏覽器的相容性(由於相容性問題,實際上彩色字型設計更多的出現在列印中)。
  現有的風格技術是否可以與華麗多彩的設計技術統一。
  嘗試顏色字型
  5 、如果彩色字型是您想要的設計,您可以下載來使用或自己建立,具體取決於設計專案的型別。
  自己建立
  您的軟件技能將決定您建立彩色字型的型別。您可以自己完成或使用工具來幫助設計您想要的彩色字型。
  Fontself(https://www.fontself.com/)是 ai 和 ps 可以新增的外掛,它能幫助您建立彩色字型
  您可以學習 Glyphs(https://glyphsWordPress APP.com/tutorials/creating-a-layered-color-font)的教程,從頭開始繪製設計
  FontLab(https://www.youtube.com/watch?v=Yit1ZpClwAk)有視訊教程,逐步的講解整個過程。
  下載或嵌入
  這裏有一些可以幫助您建立彩色字型:
  用傲慢的型別(https://www.typewithpride.com/)
  沙灘巾(https://creativemarket.com/anugrahadesign/1512983-Beach-Towel-Color-Font)
  笨豬跳(https://djr.com/bungee/)
  水彩字型(https://creativemarket.com/undrey/1240261-Watercolor-font)
  Bixa 顏色(https://bixacolor.com/)
  兒童玩具(https://creativemarket.com/popskraft/1409713-Colorful-typefaces-child-typography)
  一線大膽(https://creativemarket.com/kaer_cm/1219084-OneLine-Bold-color-font)
  領袖(http://www.novotypo.nl/fonts/guru.html)
  氖(https://creativemarket.com/inkdrop/1274409-Neon-OTF-colour-font)