字體配對(duì)：如何為您的網(wǎng)頁(yè)設(shè)計(jì)找到正確的組合

在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，設(shè)計(jì)師經(jīng)常會(huì)為了尋找合適的字體而頭痛，字體換了一個(gè)又一個(gè)還是無(wú)法達(dá)到想要的效果但是與設(shè)計(jì)的許多方面一樣，排版有一些規(guī)則可以幫助您更輕松地找到好的字體配對(duì)。我們將向您展示您需要了解的有關(guān)組合字體的知識(shí)，并為您提供一些可以在工作中使用的出色字體組合。1.使用不同色調(diào)的字體
寫作可以表達(dá)情感。我們用來(lái)顯示字體樣式也會(huì)影響我們的感知。有些字體嚴(yán)肅而務(wù)實(shí)，而另一些字體則樂(lè)觀而非正式。字體具有不同的標(biāo)識(shí)，可以為它們顯示的文字添加意義。在選擇字體時(shí)，將排版與不同的色調(diào)相結(jié)合會(huì)增加視覺(jué)上令人愉悅的對(duì)比。
在選擇好字體配對(duì)時(shí)，首先要考慮網(wǎng)站將代表誰(shuí)或代表什么的風(fēng)格。氣泡字體可能適用于玩具公司，但在律師事務(wù)所的網(wǎng)站上會(huì)顯得格格不入。另一方面，輕松愉快的網(wǎng)頁(yè)設(shè)計(jì)會(huì)被最嚴(yán)重的襯線字體所困擾。

大的考慮因素之一是您將為標(biāo)題和正文使用什么排版。由于規(guī)模較大，標(biāo)題在使用風(fēng)格化字體時(shí)提供了更大的自由度。對(duì)于正文，您需要一種在較小的文本尺寸中易于使用的字體。
這個(gè)是一家虛構(gòu)的糖果公司的網(wǎng)頁(yè)，它的標(biāo)題使用 Lovelace 字體和奇特而現(xiàn)代的 Erotique 字體。支持正文內(nèi)容使用更傳統(tǒng)的兆字節(jié)字體。字體有不同的個(gè)性，但可以和諧地協(xié)同工作。
2.
字體大小對(duì)比—但對(duì)比不要太大
字體對(duì)應(yīng)該明顯不同—例如，不要在標(biāo)題中使用與正文中使用的無(wú)襯線字體驚人相似的無(wú)襯線字體。您需要不同的字體組合，這些字體在視覺(jué)上不同但仍然相互補(bǔ)充。

如果我們將帶有諸如 Great Vibes 之類的書法風(fēng)格的字體與 Merriweather 之類的襯線結(jié)合起來(lái)會(huì)發(fā)生什么？我們最終會(huì)得到一種不太令人賞心悅目的對(duì)比感。
Great Vibes 具有柔和和精致的感覺(jué)，而 Merriweather 是一種嚴(yán)肅的字體，其襯線字體傳達(dá)了一種形式。在這里，對(duì)比度太大，組合無(wú)法發(fā)揮作用。

下面我們?cè)賮?lái)看一組更令人滿意的字體配對(duì)。在頁(yè)眉中，我們使用了Vollkorn，一種巧妙俏皮的襯線字體。我們將它與Open Sans配對(duì)，這是一種更中性和普通的無(wú)襯線字體。這種配對(duì)效果很好，因?yàn)楸M管存在對(duì)比，但兩種字體的微妙之處使它們?cè)谝曈X(jué)上相得益彰。3.
將字體限制為三種或者更少
在大多數(shù)設(shè)計(jì)中，使用一種網(wǎng)頁(yè)字體作為標(biāo)題，另一種作為正文。您可能還會(huì)在布局中使用手寫字體或更風(fēng)格化的排版進(jìn)行裝飾。無(wú)論您對(duì)所有免費(fèi)字體有多大的誘惑，一個(gè)網(wǎng)站都不需要超過(guò)三種字體。
許多設(shè)計(jì)師選擇在他們的工作中使用整套字體組合。整套字體是指一組相互關(guān)聯(lián)的字體。它可能包含風(fēng)格變化，如斜體、輕到重量級(jí)、襯線和無(wú)襯線版本，以及其他變體。整套字體好的一點(diǎn)是，它們?cè)趯ふ一パa(bǔ)字體時(shí)無(wú)需進(jìn)行猜測(cè)，因?yàn)樗鼈冊(cè)谠O(shè)計(jì)時(shí)就考慮到了兼容性。

整套字體使得以多種方式使用單一字體成為可能?？纯催@些來(lái)自 Roboto 超家族的選擇。Thin 100 Italic 的微妙之處與 Regular 400 的強(qiáng)烈聲明之間存在巨大差異。4.

通過(guò)字體配對(duì)傳達(dá)視覺(jué)層次您可以使用排版來(lái)發(fā)送有關(guān)內(nèi)容不同部分重要性的視覺(jué)信號(hào)。標(biāo)題應(yīng)該包含最重的視覺(jué)沖擊力，其次是副標(biāo)題，然后是正文。使用您的字體組合為您的內(nèi)容提供明顯的結(jié)構(gòu)感。使用字體大小來(lái)暗示順序
大的字體代表優(yōu)先級(jí)，遞減的大小代表內(nèi)容的層次結(jié)構(gòu)。使用全部大寫也可以很好地使號(hào)召性用語(yǔ)等重要元素脫穎而出。但請(qǐng)確保適度使用所有大寫字母
整合不同尺寸的排版是大多數(shù)初學(xué)者設(shè)計(jì)師的選，但還有其他方法可以表示視覺(jué)層次。嘗試不同的權(quán)重
粗的字重表示重要性，而較輕的字重表示內(nèi)容層次結(jié)構(gòu)中的較低級(jí)別。正如我們?cè)?Roboto 超家族中看到的那樣，您可以通過(guò)改變其重量來(lái)使用單一字體做很多事情。

網(wǎng)站名稱：字體配對(duì)：如何為您的網(wǎng)頁(yè)設(shè)計(jì)找到正確的組合
本文鏈接：http://www.muchs.cn/news9/238509.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、網(wǎng)站策劃、ChatGPT、網(wǎng)站收錄、定制網(wǎng)站、微信公眾號(hào)

廣告

聲明：本網(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)