中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

網(wǎng)頁(yè)設(shè)計(jì)中多彩字體的特征

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

Color Fonts,多彩字體是近兩年頻繁出現(xiàn)的設(shè)計(jì)語(yǔ)匯,越來(lái)越多的設(shè)計(jì)項(xiàng)目當(dāng)中,開始使用這一技術(shù),盡管目前它依然處于起步階段。

諸如Adobe Typekit 這樣的字體服務(wù)供應(yīng)商,已經(jīng)開始提供一些支持特定瀏覽器的多彩字體。也正是因?yàn)槎嗖首煮w使用范圍越來(lái)越廣泛,才有設(shè)計(jì)師預(yù)測(cè),它會(huì)成為網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域的“Next Big Thing”。

作為一個(gè)植根于網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域的設(shè)計(jì)趨勢(shì),多彩字體到底有著什么樣的特征?今天的文章,我們一起來(lái)聊聊這個(gè)話題。

什么是多彩字體


顧名思義,多彩字體(Color Font),字體本身所包含的不僅僅是外觀形體的特征,不同的區(qū)域可以以不同的色彩來(lái)呈現(xiàn),甚至包含陰影、漸變、紋理和透明度等屬性。這些時(shí)髦的屬性不僅賦予了字體復(fù)雜多變的色彩,而且讓它具備更加豐富的細(xì)節(jié)。

多彩字體不僅包含了常見字體中應(yīng)有的矢量形狀或位圖信息,或者兼而有之,這也使得多彩字體的字體文件要比普通的字體更大。如果你對(duì)于多彩字體沒(méi)有太多概念,那么你想想我們用過(guò)的圖標(biāo)字體和表情字體,它們就是多彩字體的一種。同時(shí),我們常用的字體通常被稱為 Chromatic Font ,也就是“有色的字體”,因?yàn)樗鼈兺ǔV荒馨环N色彩。

不過(guò),多彩字體還存在問(wèn)題,大的問(wèn)題在于目前并沒(méi)有一套通行的字體標(biāo)準(zhǔn)。使用類似SVG的矢量文檔的還好,而使用位圖格式的多彩字體,字體文件大小則會(huì)隨著字體尺寸的增大而膨脹。

目前常見的多彩字體包含下面的5種格式:

·SBIX(Apple):在macOS 和 iOS系統(tǒng)上的原生位圖字體

·CBDT(Google):在Android 系統(tǒng)上使用的原生位圖字體

·COLR(Microsoft):在Windows 8.1+ 系統(tǒng)上使用的矢量字體

·SVG(W3C):有矢量和位圖兩種版本

·OpenType SVG(Adobe/Mozilla):將矢量和位圖版的SVG文檔置于 OpenType 字體中而構(gòu)成的字體

另一方面,許多使用多彩字體的企業(yè)機(jī)構(gòu)正在逐步完善它們旗下的字體格式的標(biāo)準(zhǔn)和使用規(guī)范。Mozilla(Firefox背后的支持機(jī)構(gòu))和Adobe 已經(jīng)正式聲明了 OpenType SVG 為它們多彩字體的選格式。當(dāng)它們作出決策的時(shí)候,其他企業(yè)尚處于觀望階段。

如果你現(xiàn)在想著手了解多彩字體本身,那么Fontself 的這篇文章應(yīng)該可以幫你適當(dāng)?shù)娜腴T。

多彩字體怎么用?


當(dāng)你第一次看到多彩字體的時(shí)候,通常會(huì)出現(xiàn)兩種反應(yīng):

·臥槽好惡心!

·牛逼,我知道要在什么地方用它了!

無(wú)論你的反應(yīng)是哪種,都無(wú)法忽略一個(gè)事實(shí):有許多APP和網(wǎng)站都非常適合多彩字體來(lái)發(fā)揮作用。不過(guò),當(dāng)你在使用它們的時(shí)候,要足夠謹(jǐn)慎,也合乎情理。

在下面的情形下,你可以嘗試使用多彩字體:

·想讓一個(gè)短語(yǔ)抓住用戶注意力

·使用圖標(biāo)或者LOGO樣式元素的時(shí)候

·大量文本內(nèi)容開頭的大寫字母/大寫單詞

·給極簡(jiǎn)主義設(shè)計(jì)中作為視覺(jué)主體的標(biāo)題使用

·大塊文本當(dāng)中某個(gè)或者某幾個(gè)需要吸引用戶注意力的單詞

·當(dāng)整個(gè)設(shè)計(jì)的其他部分都比較簡(jiǎn)單的時(shí)候

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

·當(dāng)整個(gè)設(shè)計(jì)項(xiàng)目需要一些更加不同尋常的設(shè)計(jì)來(lái)吸引用戶的注意力的時(shí)候

何時(shí)避免使用多彩字體


當(dāng)色彩使用過(guò)多時(shí)候,常常會(huì)讓整個(gè)設(shè)計(jì)看起來(lái)像是80年代末的風(fēng)尚。如果你不想讓過(guò)多的色彩使用對(duì)于整個(gè)設(shè)計(jì)產(chǎn)生過(guò)大的影響,那么就要謹(jǐn)慎控制多彩字體的使用。在下列情況下,要注意:

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

·背景的視覺(jué)設(shè)計(jì)較為復(fù)雜的時(shí)候

·有大量的文本內(nèi)容的時(shí)候

·當(dāng)頁(yè)面中包含大量的動(dòng)畫和動(dòng)效,或者其他元素包含了大量色彩的時(shí)候

·已經(jīng)在頁(yè)面的其他地方使用了新奇特殊的字體

多彩字體設(shè)計(jì)趨勢(shì)


實(shí)際上,從一開始排版設(shè)計(jì)就從多彩字體中獲利。Adobe 和Mozilla 所推行的 OpenType SVG 格式可能是目前對(duì)多彩字體推動(dòng)大的一種格式。Adobe 最近甚至已經(jīng)開始為Photoshop 更新了對(duì)這一字體的支持。

Adobe 對(duì)于 OpenType SVG 的闡述是這樣的:

“OpenType-SVG 是一種包含了全部貨部分字母/字形的SVG 圖形,它使得單個(gè)文字可以顯示多種色彩甚至漸變。正式因?yàn)樗倪@一特性,我們將OpenType-SVG 格式字體命名為多彩字體?!?/p>

“OpenType-SVG 字體和普通字體一樣,直接拿來(lái)使用,可以編輯,搜索和索引。同時(shí),其中還包含了可供替換的字形,這一點(diǎn)和 OpenType 是一致的?!?/p>

“諸如 Trajan Color Concept 和 EmojiOne Color 這樣的字體已經(jīng)擁有了可供編輯的色彩屬性,如果你的字體工具支持它們的話,就可以正常顯示且可編輯。如果工具對(duì)于多彩屬性并不支持的話,它依然可以作為普通字體來(lái)使用,不過(guò)只能以純色的形式來(lái)展現(xiàn)。”

除此之外,The State of Web Type 中詳細(xì)闡明了多彩字體需要哪些瀏覽器的功能支持。

在多彩字體的演變和使用上,有兩個(gè)主要的影響因素:

·瀏覽器對(duì)于網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目中多彩字體的兼容性

·設(shè)計(jì)項(xiàng)目的對(duì)于華麗多彩的文本在風(fēng)格上的匹配性

上手試試


如果你確定多彩字體是你的設(shè)計(jì)項(xiàng)目所需要的東西,那么你可以選擇現(xiàn)成的多彩字體來(lái)進(jìn)行調(diào)整,也可以根據(jù)現(xiàn)有的普通字體來(lái)進(jìn)行重設(shè)計(jì),當(dāng)然,這主要取決于你所進(jìn)行的設(shè)計(jì)項(xiàng)目的類型。

自制多彩字體

制作多彩字體的方法有很多,這主要看你使用什么樣的軟件。多彩字體所能承載的元素很多,它可以是一張漂亮的圖片的一部分,也可以是你用筆繪制出來(lái)的元素。你完全可以使用你熟悉的工具來(lái)玩趁多彩字體的設(shè)計(jì)。

·Fontself 是一款A(yù)I 和 PS 可用的插件,可以幫你更方便創(chuàng)建多彩字體

·你也可以參考 Glyphs 的教程從頭開始繪制多彩字體

·FontLab 有一個(gè)視頻教程,為你介紹整個(gè)設(shè)計(jì)過(guò)程

下載使用

當(dāng)然,現(xiàn)在還有一些現(xiàn)成可用的多彩字體供你學(xué)習(xí)和使用:

·Type with Pride

·Beach Towel

·Bungee

·Watercolor Font

·Bixa Color

·Kids Toys

·OneLine Bold

·Guru

·Neon

結(jié)語(yǔ)

在海報(bào)和平面設(shè)計(jì)中,多彩字體的使用有著極大的需求。不過(guò)數(shù)字化的網(wǎng)頁(yè)也開始越來(lái)越多地?fù)肀н@種設(shè)計(jì)元素,這也是為什么它會(huì)成為一種設(shè)計(jì)趨勢(shì)。

網(wǎng)頁(yè)題目:網(wǎng)頁(yè)設(shè)計(jì)中多彩字體的特征
網(wǎng)頁(yè)鏈接:http://www.rwnh.cn/news/172869.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制網(wǎng)站、網(wǎng)站策劃、動(dòng)態(tài)網(wǎng)站、靜態(tài)網(wǎng)站虛擬主機(jī)、Google

廣告

聲明:本網(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í)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)
松阳县| 隆昌县| 镇康县| 宜阳县| 务川| 乌鲁木齐县| 上思县| 浦县| 横山县| 扶沟县| 寻乌县| 漯河市| 金川县| 进贤县| 无极县| 太康县| 河曲县| 手游| 河东区| 平顶山市| 甘谷县| 龙门县| 汉阴县| 安仁县| 邵阳县| 陆河县| 巴彦淖尔市| 红安县| 琼中| 宜城市| 龙门县| 黑龙江省| 衡阳县| 南川市| 红河县| 克山县| 固镇县| 布拖县| 泸溪县| 桐梓县| 略阳县|