彩色字體是近期網(wǎng)頁中的一種新設(shè)計詞匯。雖然它仍處于起步階段，但許多網(wǎng)頁設(shè)計師在許多項目中都使用了這種技術(shù)。這是因為彩色字體經(jīng)常為網(wǎng)站帶來不同的視覺效果，以生動有趣的形式向訪問者呈現(xiàn)信息，使整個網(wǎng)站看起來更加豐富多彩?，F(xiàn)在，Adobe Typekit等字體服務(wù)提供商已經(jīng)開始提供一些支持特定瀏覽器的彩色字體，并且彩色字體在網(wǎng)站上的使用越來越廣泛。一些網(wǎng)絡(luò)開發(fā)人員預測，彩色字體很可能成為網(wǎng)頁設(shè)計中的下一個“重大事件”。你知道彩色字體嗎？你知道如何在你的網(wǎng)站上使用這種設(shè)計方法嗎？別擔心，今天這篇文章是帶你通過系統(tǒng)來了解彩色字體，包括它的特點，適用場景等?？靵砜纯窗伞?！

　什么是多彩字體?

顧名思義，彩色字體意味著字體的不同區(qū)域以彩色渲染，包括陰影，漸變，紋理和透明度等屬性。不要簡單地將彩色單詞概括為復雜多樣的顏色。豐富的字體細節(jié)也非常重要。

彩色字體包含常見字體中的矢量形狀或位圖，甚至兩者都有，這使得彩色字體比普通字體更大。如果你沒有彩色字體的概念，你可以考慮我們使用的圖標字體和表情符號，它們是常見的彩色字體。僅使用一種顏色的字體通常稱為“彩色字體”，因為它們包含顏色或色調(diào)。

然而，目前彩色字體面臨的最大問題是它還沒有形成真正標準的字體格式。此外，不同格式的彩色字體在使用上也有所不同，SVG矢量圖形的彩色字體可以容易地縮放，而位圖格式在縮放時具有尺寸限制。目前可用的彩色字體包括以下五種格式：

· SBIX（Apple）：支持macOS和iOS上的原生位圖字體

· CBDT（谷歌）：支持Android系統(tǒng)上的原生位圖字體

· COLR（Microsoft）：支持Windows 8.1+系統(tǒng)上的矢量字體

· SVG（W3C）：有兩個版本的矢量和位圖字體

· OpenType SVG（Adobe/Mozilla）：放置在OpenType字體中的SVG文檔的位圖和矢量版本

除Apple和谷歌外，仍有許多公司使用彩色字體。他們正在努力逐步改進自己的字體標準和使用規(guī)范。 Mozilla（Firefox背后的支持組織）和Adobe已正式宣布OpenType SVG作為其彩色字體的首選格式。雖然這些公司已經(jīng)做出了有關(guān)彩色字體的決定，但許多公司仍對這一趨勢采取觀望態(tài)度。

　怎樣使用多彩字體(適用情境)?

人們通常對彩色字體的第一印象非常不同。當我第一次看到彩色字體時，有些人會想：'這是一團糟'，而其他人會認為：'這個字體很酷，我已經(jīng)考慮過在哪里使用它了。 ”。無論你在哪個陣營，你都不能忽視這樣一個事實，即彩色字體可以完美地適應某些網(wǎng)站并充分發(fā)揮其作用。當然，使用彩色字體時要小心，不要過分。以下是小飛列出的使用彩色字體的一些場景：

·用于句子或短語以充分吸引用戶的注意力

·用于圖標或LOGO樣式元素

·用于第一個在大量文本開頭下沉的單詞

·在極簡主義設(shè)計中用作視覺主題的主題

·用于需要在大部分文本中突出顯示的一個或幾個單詞

·當其他設(shè)計更簡單時

·當排版是整個設(shè)計的主要視覺元素時

·當整個設(shè)計需要一些有趣或不尋常的設(shè)計來吸引用戶的注意時

　什么時候應該避免使用多彩字體?

一切都有優(yōu)點和缺點，彩色字體也是如此。如果我們在網(wǎng)站上使用太多彩色字體，往往會使網(wǎng)站看起來光彩奪目，干擾訪問者，影響信息的有效傳播，使整個設(shè)計看起來華麗，影響網(wǎng)站形象。此外，彩色字體不會無條件地適用于任何網(wǎng)站。因此，請小心使用彩色字體以避免負面影響。小飛特意安排了一些不適合使用彩色字體的情況。我希望我能給你一些參考和參考：

·當字體的背景是圖像時

·當背景的視覺設(shè)計更復雜時

·只有很多文字內(nèi)容

·當頁面包含大量動畫和動畫時，或者當其他元素使用大量顏色時

·在頁面的其余部分使用其他特殊頁面時

　多彩字體的發(fā)展趨勢

實際上，雖然彩色字體處于開發(fā)的早期階段，但它一直在努力從排版設(shè)計的開發(fā)者那里獲得一些支持。不，Adobe和Mozilla的OpenType SVG格式使彩色字體真正開始進入設(shè)計師的視野。 Adobe甚至最近在Photoshop中更新了這種字體（您可能已在字符面板上注意到它）。 Adobe對OpenType SVG的詳細闡述是：

'OpenType-SVG是一個SVG圖形，包含全部或部分字母/字形，允許單個文本顯示多種顏色甚至漸變。也正是因為這個特性，OpenType-SVG才是彩色字體的體現(xiàn)。此外，OpenType-SVG字體仍然具有可以直接使用的普通字體的一些特性，可以進行編輯，搜索或索引。此外，OpenType-SVG還具有OpenType字體的一些功能，例如允許字體替換或字體樣式替換。 “

'Trajan Color Concept和EmojiOne Color等彩色字體就像常規(guī)字體一樣呈現(xiàn)在字體菜單上。但是，彩色字體具有可以編輯的顏色屬性，如果您的字體工具支持它們，則可以顯示和編輯它們。但如果該工具不支持多彩屬性，則無關(guān)緊要。它仍然可以用作普通字體，但僅用于純色。 “

就當前彩色字體的演變和范圍而言，有兩個主要影響因素。一個是瀏覽器與彩色字體的兼容性。 Web Type狀態(tài)詳細說明了彩色字體支持哪些瀏覽器功能。 。第二是將風格與華麗多彩的文字相匹配。每個設(shè)計趨勢都不可能適應網(wǎng)站的所有需求，而彩色字體可能更適合華麗和豐富的網(wǎng)站。小飛認為，隨著網(wǎng)絡(luò)建設(shè)技術(shù)的不斷發(fā)展，彩色字體瀏覽器的兼容性將來會越來越強，彩色字體的發(fā)展也不容小覷。

動手嘗試

如果您認為彩色字體可以在您的網(wǎng)站中發(fā)揮作用并且也符合網(wǎng)站的整體風格，那么請在網(wǎng)站上試試！但是彩色字體來自哪里？有兩個渠道。一個是下載。這種方法更方便。這里有一些現(xiàn)成的彩色字體，你可以研究它：

·輸入Pride

·沙灘巾

·蹦極

·水彩字體

· Bixa Color

·兒童玩具

· OneLine Bold

·大師

·氖

另一種方法是自己制作彩色文字。這種方法相對自由，所產(chǎn)生的彩色文本也非常個性化，其獨特性無與倫比。由不同軟件制作的彩色字體將產(chǎn)生不同的效果。您可以選擇自己習慣和喜愛的軟件進行設(shè)計。這是Xiaofei推薦的3種彩色字體創(chuàng)建軟件：

· Fontself是AI和PS的插件，很容易創(chuàng)建彩色字體

· Glyphs有一個關(guān)于如何手繪彩色字體的教程

· FontLab提供詳細介紹彩色字體設(shè)計整個過程的視頻教程

在海報和平面設(shè)計中使用彩色字體具有悠久的歷史，并且在其他設(shè)計方法中具有吸引用戶注意力和印象的優(yōu)點。如今，網(wǎng)頁設(shè)計已經(jīng)開始采用更多彩色字體，并且相信它將在未來的發(fā)展趨勢中占據(jù)一席之地。字體也可以這樣播放？這取決于姿勢嗎？快點學習，玩彩色字體！

來到起飛頁自助網(wǎng)站（http://www.qifeiye.com/?t_wd=a5）成為一個快速響應的網(wǎng)站！

« 紀梵希在微信上賣。奢侈品中國化的道路是微商嗎？ | 模板網(wǎng)站的建設(shè)并不好。沒有創(chuàng)新只是一條死路 »