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

　什么是多彩字體?

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

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

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

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

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

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

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

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

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

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

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

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

·用于圖標(biāo)或LOGO樣式元素

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

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

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

·當(dāng)其他設(shè)計(jì)更簡單時(shí)

·當(dāng)排版是整個(gè)設(shè)計(jì)的主要視覺元素時(shí)

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

　什么時(shí)候應(yīng)該避免使用多彩字體?

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

·當(dāng)字體的背景是圖像時(shí)

·當(dāng)背景的視覺設(shè)計(jì)更復(fù)雜時(shí)

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

·當(dāng)頁面包含大量動(dòng)畫和動(dòng)畫時(shí)，或者當(dāng)其他元素使用大量顏色時(shí)

·在頁面的其余部分使用其他特殊頁面時(shí)

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

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

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

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

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

動(dòng)手嘗試

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

·輸入Pride

·沙灘巾

·蹦極

·水彩字體

· Bixa Color

·兒童玩具

· OneLine Bold

·大師

·氖

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

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

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

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

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

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

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