在
網(wǎng)頁設(shè)計(jì)過程中,設(shè)計(jì)師經(jīng)常會(huì)為了尋找合適的字體而頭痛,字體換了一個(gè)又一個(gè)還是無法達(dá)到想要的效果
但是與設(shè)計(jì)的許多方面一樣,排版有一些規(guī)則可以幫助您更輕松地找到好的字體配對。我們將向您展示您需要了解的有關(guān)組合字體的知識,并為您提供一些可以在工作中使用的出色字體組合。1.使用不同色調(diào)的字體
寫作可以表達(dá)情感。我們用來顯示字體樣式也會(huì)影響我們的感知。有些字體嚴(yán)肅而務(wù)實(shí),而另一些字體則樂觀而非正式。字體具有不同的標(biāo)識,可以為它們顯示的文字添加意義。在選擇字體時(shí),將排版與不同的色調(diào)相結(jié)合會(huì)增加視覺上令人愉悅的對比。
在選擇好字體配對時(shí),首先要考慮網(wǎng)站將代表誰或代表什么的風(fēng)格。氣泡字體可能適用于玩具公司,但在律師事務(wù)所的網(wǎng)站上會(huì)顯得格格不入。另一方面,輕松愉快的
網(wǎng)頁設(shè)計(jì)會(huì)被最嚴(yán)重的襯線字體所困擾。
大的考慮因素之一是您將為標(biāo)題和正文使用什么排版。由于規(guī)模較大,標(biāo)題在使用風(fēng)格化字體時(shí)提供了更大的自由度。對于正文,您需要一種在較小的文本尺寸中易于使用的字體。
這個(gè)是一家虛構(gòu)的糖果公司的網(wǎng)頁,它的標(biāo)題使用 Lovelace 字體和奇特而現(xiàn)代的 Erotique 字體。支持正文內(nèi)容使用更傳統(tǒng)的兆字節(jié)字體。字體有不同的個(gè)性,但可以和諧地協(xié)同工作。
2.字體大小對比—但對比不要太大
字體對應(yīng)該明顯不同—例如,不要在標(biāo)題中使用與正文中使用的無襯線字體驚人相似的無襯線字體。您需要不同的字體組合,這些字體在視覺上不同但仍然相互補(bǔ)充。
如果我們將帶有諸如 Great Vibes 之類的書法風(fēng)格的字體與 Merriweather 之類的襯線結(jié)合起來會(huì)發(fā)生什么?我們最終會(huì)得到一種不太令人賞心悅目的對比感。
Great Vibes 具有柔和和精致的感覺,而 Merriweather 是一種嚴(yán)肅的字體,其襯線字體傳達(dá)了一種形式。在這里,對比度太大,組合無法發(fā)揮作用。
下面我們再來看一組更令人滿意的字體配對。在頁眉中,我們使用了Vollkorn,一種巧妙俏皮的襯線字體。我們將它與Open Sans配對,這是一種更中性和普通的無襯線字體。這種配對效果很好,因?yàn)楸M管存在對比,但兩種字體的微妙之處使它們在視覺上相得益彰。
3.將字體限制為三種或者更少
在大多數(shù)設(shè)計(jì)中,使用一種網(wǎng)頁字體作為標(biāo)題,另一種作為正文。您可能還會(huì)在布局中使用手寫字體或更風(fēng)格化的排版進(jìn)行裝飾。無論您對所有免費(fèi)字體有多大的誘惑,一個(gè)網(wǎng)站都不需要超過三種字體。
許多設(shè)計(jì)師選擇在他們的工作中使用整套字體組合。整套字體是指一組相互關(guān)聯(lián)的字體。它可能包含風(fēng)格變化,如斜體、輕到重量級、襯線和無襯線版本,以及其他變體。整套字體好的一點(diǎn)是,它們在尋找互補(bǔ)字體時(shí)無需進(jìn)行猜測,因?yàn)樗鼈冊谠O(shè)計(jì)時(shí)就考慮到了兼容性。
整套字體使得以多種方式使用單一字體成為可能??纯催@些來自 Roboto 超家族的選擇。Thin 100 Italic 的微妙之處與 Regular 400 的強(qiáng)烈聲明之間存在巨大差異。
4.通過字體配對傳達(dá)視覺層次
您可以使用排版來發(fā)送有關(guān)內(nèi)容不同部分重要性的視覺信號。標(biāo)題應(yīng)該包含最重的視覺沖擊力,其次是副標(biāo)題,然后是正文。使用您的字體組合為您的內(nèi)容提供明顯的結(jié)構(gòu)感。使用字體大小來暗示順序
大的字體代表優(yōu)先級,遞減的大小代表內(nèi)容的層次結(jié)構(gòu)。使用全部大寫也可以很好地使號召性用語等重要元素脫穎而出。但請確保適度使用所有大寫字母
整合不同尺寸的排版是大多數(shù)初學(xué)者設(shè)計(jì)師的選,但還有其他方法可以表示視覺層次。嘗試不同的權(quán)重
粗的字重表示重要性,而較輕的字重表示內(nèi)容層次結(jié)構(gòu)中的較低級別。正如我們在 Roboto 超家族中看到的那樣,您可以通過改變其重量來使用單一字體做很多事情。改變字體顏色
網(wǎng)站名稱:字體配對:如何為您的網(wǎng)頁設(shè)計(jì)找到正確的組合
本文鏈接:http://www.rwnh.cn/news9/238509.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站制作、網(wǎng)站策劃、ChatGPT、網(wǎng)站收錄、定制網(wǎng)站、微信公眾號
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源:
創(chuàng)新互聯(lián)