網頁設計中的彩色字體
2017-08-23 12:11:22
來源：
揚州市新竹網絡科技有限公司
什么是彩色字體？這是一個不斷彈出并開始獲得認可的術語，盡管在大型設計項目中的使用的很少。
像Adobe Typekit這樣的供應商已經開始發(fā)布一些支持瀏覽器的彩色字體，當然也有一些更廣泛的用途。有些人甚至稱彩色字體為“網頁設計中的下一件大事”。
接下來，我們來看看這一趨勢，你來決定它是否是一件大事。
什么是彩色字體？
1、彩色字體幾乎就像它聽上去那樣，包含多種顏色，陰影或漸變，紋理或透明度的字體。它不僅僅是給字體添加了顏色，是包含很多細節(jié)的特定字體。
彩色字體可以是字體文件中的矢量形狀、位圖圖像或是兩者結合，這就使得彩色字體比標準字體包更大。常見示例包括表情符號或含有圖標的字體。
彩色字體的大問題是現(xiàn)在沒有真正的標準格式。有一個缺陷就是所有的字體文件格式中矢量和SVG圖像可以縮放自如，但位圖可能會有大小限制。
實際上有五種格式要處理：
SBIX（Apple）：在Mac和iOS系統(tǒng)上的原生位圖版本
CBDT（Google）：在Android系統(tǒng)上的原生位圖版本
COLR（Microsoft）：在Windows 8.1+系統(tǒng)上的原生矢量圖版本
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年代那種閃爍的色彩瘋狂的風格。
不要使用彩色字體：
有圖片或在圖片上方
復雜的背景
很多文字
有很多其他的設計技巧，如動畫;單色通常足以產生視覺沖擊
有其他新奇或特殊的字體
不斷發(fā)展的趨勢
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的功能，允許字形替換或替代字形樣式。
“彩色字體的出現(xiàn)和Trajan Color Concept和Emoji One Color一樣，就像你程序字體菜單中的特有字體。但是，由于許多程序尚未完全支持顏色組件，因此無法顯示其全部可能性。如果你的軟件程序不支持字體中的SVG圖形，則字形將恢復為純黑色樣式。顏色仍然可以應用于這種后備樣式，因為它如同典型的OpenType字體一樣。“
此外，The State of Web Type（http://stateofwebtype.com/#Color%20fonts）有一個部分專門用于更新瀏覽器來支持彩色字體，因此你可以確定何時適合使用。
在彩色字體的演變和使用方面，兩件事將發(fā)揮主要作用：
Web設計項目的選擇以及瀏覽器的兼容性（由于兼容性問題，實際上彩色字體設計更多的出現(xiàn)在打印中）。
現(xiàn)有的風格技術是否可以與華麗多彩的設計技術統(tǒng)一。
嘗試顏色字體
5、如果彩色字體是你想要的設計，你可以下載來使用或自己創(chuàng)建，具體取決于設計項目的類型。
自己創(chuàng)建
你的軟件技能將決定你創(chuàng)建彩色字體的類型。你可以自己完成或使用工具來幫助設計你想要的彩色字體。
Fontself（https://www.fontself.com/）是ai和ps可以添加的插件，它能幫助你創(chuàng)建彩色字體
你可以學習Glyphs（https://glyphsapp.com/tutorials/creating-a-layered-color-font）的教程，從頭開始繪制設計
FontLab（https://www.youtube.com/watch?v=Yit1ZpClwAk）有視頻教程，逐步的講解整個過程。
下載或嵌入
這里有一些可以幫助你創(chuàng)建彩色字體：
用傲慢的類型（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）
本站文章均為新竹網站建設摘自權威資料，書籍，或網絡原創(chuàng)文章，如有版權糾紛或者違規(guī)問題，請即刻聯(lián)系我們刪除，我們歡迎您分享，引用和轉載，我們謝絕直接復制和抄襲！感謝...
猜你喜歡
聯(lián)絡方式：
電話：18905275581
郵箱：1700970777@qq.com
微信公眾號 
手機網站 
小程序 
我們猜你喜歡
-
如何讓自身網站有特色-揚州網站建設
如何讓自身網站有特色？首先做網站時目的要明確，好能明確的告訴自己做網站是為了什么，知道自己網站的方向，現(xiàn)在讓我們說下幾點讓自身網站有特色的方法。 1、精美頁面 網站制作要協(xié)調好網頁的排版，整體均勻，不能有失衡的感覺，想要做出精美的頁面，還應...
-
網站關鍵詞如何去分析和定位
SEO離不開關鍵詞，可以說SEO的一步就是分析和整理關鍵詞，網站上線前也需要布局好首頁、欄目頁、文章頁的關鍵詞，這樣才能制定后期的SEO方案和策略。可是很多人不知道如何去分析和定位網站關鍵詞. 1、關鍵...
-
原生APP開發(fā)技巧
從開始的互聯(lián)網創(chuàng)業(yè)熱潮到現(xiàn)在，人們對于軟件開發(fā)、APP開發(fā)也掌握了不少專業(yè)知識。一開始很多人被低價APP、小程序沖昏頭腦，買了模板甚至破解源代碼重新部署的軟件，辛辛苦苦做宣傳運營，zui后軟件性能太差直接奔潰，所有投入只能打水漂。到今天，哪怕業(yè)外...
-
簡析網站建設的流程
一個好的網站在大多人看來無非是從美觀度、搜索引擎效果這兩個方面來衡量的。但是一個網站的從無到有的流程想必對大多數(shù)人來說還是很陌生的，下面我就帶大家簡單的了解一下網站建設的整個流程。 1.注冊域名。一個網站的存在域名是必不可...
-
企業(yè)如何在網站推廣中獲取用戶信任感？
對于一家足夠成熟的網站建設公司來說，在企業(yè)網站優(yōu)化過程中網站是否能獲得用戶的信任度對于日后的長期發(fā)展是有很大的決定性的作用。畢竟用戶的信任可以為企業(yè)帶來更多地交易合作的機會，但當下的互聯(lián)網環(huán)境中人與人之間隔著網絡是非常缺乏信任感的，如果...
