彩色字體:初學(xué)者指南-創(chuàng)新互聯(lián)成都網(wǎng)站建設(shè)

2022-12-30    分類: 網(wǎng)站建設(shè)

廠商如Adobe Typekit開始釋放與瀏覽器支持一些顏色字體的選項(xiàng),所以有一些對(duì)廣泛使用的運(yùn)動(dòng)。有些人甚至稱彩色字體為“網(wǎng)頁(yè)設(shè)計(jì)中的下一件大事”。
在這里,我們將看看趨勢(shì),讓你來決定這個(gè)概念到底有多大。
什么事顏色字體?
顏色字體幾乎就是它們聽起來的樣子。字體,包括多種顏色,陰影或漸變,紋理或透明度。這些時(shí)髦的選項(xiàng)不僅僅是給字體添加顏色,它們是特定的字體,包括所有的細(xì)節(jié)。
顏色字體可以包括矢量圖形、位圖圖像或在字體文件中,這可以使這些字體比標(biāo)準(zhǔn)字體包重。顏色字體的常見例子包括一個(gè)表情符號(hào)或包含圖標(biāo)的字母。這種風(fēng)格的單色字體通常被稱為彩色字體,因?yàn)樗鼈冎话环N色調(diào)或灰色。
現(xiàn)在使用彩色字體的大問題是沒有真正的標(biāo)準(zhǔn)格式。所有這些文件格式都有一個(gè)陷阱——矢量和SVG圖像可以輕松地縮放,但是位圖版本可能有大小限制。
實(shí)際上有五種格式處理:
靜態(tài)離子交換(蘋果):位圖版原生支持Mac和iOS系統(tǒng)
CBDT(谷歌):版本與原生支持Android系統(tǒng)
色(微軟):原生支持Windows 8.1 +系統(tǒng)的矢量版本
SVG(W3C):矢量和位圖版本
OpenType SVG(Adobe / Mozilla):矢量和位圖版本將SVG形狀的OpenType字體
另一方面,主要玩家開始采用指導(dǎo)原則。Mozilla(web瀏覽器Firefox的主干)和Adobe同意OpenType SVG是選格式;當(dāng)他們做出決定時(shí),其他人仍在變化。
如果您想深入了解這些字體是如何工作的,以及所有的文件格式規(guī)范,F(xiàn)ontself有一個(gè)很好的引物。
你如何使用顏色的字體?
不管你在哪個(gè)陣營(yíng),都有適合顏色字體的應(yīng)用程序。但你需要在合理的范圍內(nèi)使用它們。(顏色字體是最節(jié)省的)。
嘗試顏色字體:
一個(gè)短詞的引人注意技巧
對(duì)于圖標(biāo)或徽標(biāo)樣式元素
對(duì)于一個(gè)下拉帽開始一個(gè)長(zhǎng)的文本塊
對(duì)于一個(gè)不尋常的風(fēng)格設(shè)計(jì)的大膽標(biāo)題處理
使集中在一大塊文本中的特定單詞或詞
當(dāng)其余的設(shè)計(jì)是簡(jiǎn)單的
當(dāng)排版成為你主要的藝術(shù)元素時(shí)
當(dāng)項(xiàng)目需要一些有趣和不同尋常的東西來吸引用戶的注意力時(shí)
如何不使用彩色字體
不使用顏色字體的方法比你估計(jì)的多。你不想把網(wǎng)站設(shè)計(jì)還原成20世紀(jì)90年代的一些閃爍、閃爍、勢(shì)不可擋的色彩。
不要用彩色字體:
圖片上的圖像
忙碌的背景
對(duì)于很多的文字
與其他設(shè)計(jì)的技術(shù)很多,如動(dòng)畫運(yùn)動(dòng)的;單獨(dú)的顏色通常是足以創(chuàng)造視覺沖擊力
與其他新奇的或?qū)I(yè)的字體
一個(gè)不斷發(fā)展的趨勢(shì)
彩色字體的趨勢(shì)已經(jīng)開始從一些主要的印刷者那里獲得了吸引力。Adobe和Mozilla所采用的OpenType SVG格式可能是幫助這一趨勢(shì)真正騰飛的工具和格式。Adobe甚至最近在Photoshop中添加了彩色字體(你可能已經(jīng)注意到在字符面板中有一些表情符號(hào))。
下面是Adobe如何解釋OpenType SVG:
OpenType- SVG是一種字體格式,其中OpenType字體有全部或只是部分的字形,表示為SVG(可伸縮的矢量圖形)藝術(shù)作品。這允許在單個(gè)字形中顯示多種顏色和漸變。由于這些特性,我們還將opentype - svg字體稱為“顏色字體”。
opentype - svg字體允許文本顯示這些圖形質(zhì)量,同時(shí)仍然允許它被編輯、索引或搜索。它們也可能包含允許字形替換或交替字形的OpenType功能。
“像圖拉真色彩概念和EmojiOne顏色這樣的彩色字體在你的程序的字體菜單中會(huì)像典型的字體一樣——但它們可能不會(huì)顯示出全部的潛力,因?yàn)樵S多程序還沒有完全支持顏色組件?!比绻愕能浖绦虿恢С肿煮w中的SVG圖形,那么字形將會(huì)回到純黑色的樣式。顏色仍然可以應(yīng)用于這種回退樣式,因?yàn)樗鼘⑾褚粋€(gè)典型的OpenType字體一樣工作。
此外,Web類型的狀態(tài)有一個(gè)專門用于更新瀏覽器對(duì)顏色字體的支持的部分,這樣您就可以確定什么時(shí)候時(shí)間是適合您的。
就顏色字體的演變和使用的使用而言,有兩件事將起到重要作用:
web設(shè)計(jì)項(xiàng)目的瀏覽器的采用和兼容性(現(xiàn)在,由于兼容性問題,更多的彩色字體設(shè)計(jì)正在印刷中出現(xiàn))
整體風(fēng)格的技巧,以及更多華麗的和多彩的設(shè)計(jì)技術(shù)是整體趨勢(shì)
嘗試一種顏色的字體
如果顏色字體是你的東西,你可以下載顏色字體開始或創(chuàng)建你自己的,這取決于設(shè)計(jì)項(xiàng)目的類型。
創(chuàng)建你自己的
你創(chuàng)建的顏色字體的類型真的取決于你的軟件技能。彩色字體可能包括從你最喜歡的照片到美麗的氣泡和漸變顏色的筆畫。您可以完全獨(dú)立完成,或者使用工具來幫助設(shè)計(jì)定制的顏色字體。
Fontself是一個(gè)Adobe Illustrator或PS圖象處理軟件插件,幫助你創(chuàng)建自定義顏色的字體
您可以從本教程中從頭開始繪制和設(shè)計(jì)所有的符號(hào)。
FontLab有一個(gè)視頻教程,一步一步地走過
下載或嵌入
有一些很酷的顏色字體,在今天的項(xiàng)目中尖叫著要你使用它們。以下是一些可以啟動(dòng)你的顏色字體的創(chuàng)意流(加上其他顏色字體的鏈接):
結(jié)論
你準(zhǔn)備好加入顏色字體了嗎?對(duì)你的項(xiàng)目來說,這是一個(gè)非常大的問題嗎?

標(biāo)題名稱:彩色字體:初學(xué)者指南-創(chuàng)新互聯(lián)成都網(wǎng)站建設(shè)
文章地址:http://www.muchs.cn/news39/226589.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站托管運(yùn)營(yíng)