對(duì)于網(wǎng)頁設(shè)計(jì)來說，最大的趨勢(shì)之一就是在頁面頂部放置一張超級(jí)醒目的Banner主視覺圖或視頻，然后通過用幾個(gè)文字作為輔助來向用戶展示近期網(wǎng)站的最新消息或主推信息，以此來指引用戶再進(jìn)一步的瀏覽網(wǎng)站。不過這種設(shè)計(jì)在給用戶帶來美感和滿足的同時(shí)，也給網(wǎng)站設(shè)計(jì)師帶來了不小的壓力，他們必須想出正確的字體來烘托整個(gè)場(chǎng)景，以此推動(dòng)整體設(shè)計(jì)。

盡管現(xiàn)如今有了這么多的字體可供選擇，但是這恰恰也成了干擾設(shè)計(jì)師的一個(gè)阻礙，使得任務(wù)更加艱巨。 不過不用過于當(dāng)心，相信你可以通過有目的的規(guī)劃加上一點(diǎn)點(diǎn)運(yùn)氣找到一個(gè)剛好能匹配你的設(shè)計(jì)的字體。 通過一些成功使用文字排版的例子，我們將在下面的文章中提供5個(gè)小提示，希望在網(wǎng)頁設(shè)計(jì)上能夠給你帶來靈感。

用于大字號(hào)的字體到底是什么?

在我們進(jìn)入的本條提示之前，你愿意談?wù)勀銓?duì)修飾文字的認(rèn)識(shí)或看法嗎?

顧名思義，用于大字號(hào)的字體往往是大的，醒目的字體，他們最常被使用的位置在標(biāo)題或者是那些在設(shè)計(jì)中需要被強(qiáng)調(diào)的位置。它不是網(wǎng)頁設(shè)計(jì)的“專利”，也是打印設(shè)備使用的術(shù)語。

用于大字號(hào)的字體在網(wǎng)頁設(shè)計(jì)上主要有兩種形式：

· 作為主頁上的標(biāo)題，如Walk West(上圖);

· 在整個(gè)網(wǎng)站設(shè)計(jì)中，每一頁的主標(biāo)題或標(biāo)題。雖然通常不會(huì)像主頁上的主標(biāo)題那樣大或者吸引人，但是它卻可以成為每個(gè)獨(dú)立頁面的共同元素，這也是我們經(jīng)常強(qiáng)調(diào)的，盡量要保持元素的統(tǒng)一性，一致性。

1.它必須具有可讀性

用于大字號(hào)的字體必須具有可讀性才能有效。你不難找到一些反面的網(wǎng)站，這些網(wǎng)站上面使用了很多很酷而且新奇的字體，但是作為他們的主標(biāo)題卻很難被用戶理解，幾乎是不可閱讀的，這樣的網(wǎng)頁設(shè)計(jì)又能有什么用呢?

當(dāng)然，我們并沒有說需要局限他們的類型，或者說用某種既定的規(guī)則限制住他們。Serifs和sans serifs工作同樣好。甚至一些新穎的字體有時(shí)就是我們做設(shè)計(jì)時(shí)理想的匹配。

我們強(qiáng)調(diào)的最重要的事情是：強(qiáng)調(diào)性文字應(yīng)該足夠大，他們之間的間隔也需要保持足夠的距離，使得他們與頁面上的其他設(shè)計(jì)元素對(duì)比起來，能足以在屏幕上凸顯出他們。想象一下，這些詞會(huì)是什么樣子如果他們尖叫著“快來讀我，讀我!”。這才是用戶在一開始被這些強(qiáng)調(diào)文字吸引的心里感受。

2.字體需要匹配對(duì)應(yīng)的單詞

這可能是世界上最難理解的一個(gè)概念，直到你在實(shí)際的行動(dòng)或案例中看到他：字體需要匹配對(duì)應(yīng)的單詞。

有一種理解是，有些單詞通過某些字體的表現(xiàn)以后，看起來特別糟糕，導(dǎo)致用戶很難理解文字究竟要表達(dá)的內(nèi)容和信息。也許這個(gè)單詞里面反復(fù)出現(xiàn)了幾次s，剛好這個(gè)字體在字符集里面看起來并不是太好。同樣的情況也可能發(fā)生在一些原來就比較奇怪的字形和標(biāo)點(diǎn)符號(hào)上，比如%，$和&。又或者，你選擇了一款字體，但是這個(gè)字體導(dǎo)致在單詞中I、L和1看起來都一樣，而且最糟糕的是，他們剛好同時(shí)出現(xiàn)在同一個(gè)文本中。

字體應(yīng)該通過“眼球”的測(cè)試，這意味著它應(yīng)該看起來吸引人。通過字體的展現(xiàn)，單詞縮組成的文字或內(nèi)容對(duì)用戶來說應(yīng)該是易懂和舒適的。如果連你都覺得在一些設(shè)計(jì)上面存在怪異的字符組合，用戶也會(huì)這么覺得的。

3.給文字以靈活性

想想在整個(gè)項(xiàng)目中如何使用強(qiáng)調(diào)性字體?你選擇的字體是否適用于那些輔助顯示空間或者主標(biāo)題?

你需要考慮所有的這些用法，并給自己選擇的字體以足夠的靈活性。

如果所選的字體在多種情況下都能很好的適應(yīng)，并能發(fā)揮你預(yù)期的效果，通過恰到好處的設(shè)計(jì)，這將很容易給你的設(shè)計(jì)創(chuàng)建一致性，這是很重要的。為了額外的靈活性和設(shè)計(jì)一致性，你要盡可能全面的考慮整個(gè)字體系列是否能用于整體。

4.小心提防那些細(xì)的筆畫

以下語句有爭(zhēng)議：在顯示類型方面，薄行程難以有效使用。

是的，用細(xì)筆畫的字母可以看起來驚人。 是的，一些設(shè)計(jì)師把它漂亮地。 但大多數(shù)不。

回到提示號(hào)1.這一切都回到了可讀性。

想象一下，你在主顯示器上使用了超薄筆觸的字體，它在27英寸的桌面顯示器上看起來不錯(cuò)(也許像你正在設(shè)計(jì)的那樣)。 現(xiàn)在看看它在你的平板電腦或手機(jī)。 你現(xiàn)在怎么樣? 它仍然只是可讀性? (可能不會(huì)。)

如果你需要更多的說服力，記得蘋果試圖這與IOS 7.用戶抱怨說，用于操作系統(tǒng)的字體太薄，很難閱讀。 他們把這些投訴心臟，隨后的版本包括一個(gè)更粗的字體。

5.綜合考慮一下圖像

單詞和字母如何與它們配對(duì)的圖像或視頻一起工作?這是一個(gè)需要謹(jǐn)慎考慮的問題。世界上最美麗的字體如果和設(shè)計(jì)的其余部分的音調(diào)不匹配的話，可能會(huì)使得整體設(shè)計(jì)顯得很尷尬。

對(duì)比度也是一個(gè)促成因素，特別是對(duì)于視頻，由于在視頻中，圖像的暗部和亮部幾乎是隨時(shí)都在變化的，所以你要保證的是，你所使用的這些強(qiáng)調(diào)性用詞總是需要在背景上是可識(shí)別的。

就目前來說，更多的設(shè)計(jì)師更喜歡選擇純色背景(這是一個(gè)很有趣的趨勢(shì)，那些明亮，大膽的網(wǎng)站設(shè)計(jì))， 這樣做的好處在于，通過干凈的背景，使得文本成為主要的焦點(diǎn)。如果你對(duì)你選擇的字體有足夠的自信，這可能是一個(gè)不錯(cuò)的選擇。

在實(shí)體背景中，被設(shè)置為粗體的強(qiáng)調(diào)性字體能夠真正讓用戶專注于單詞本身。

總結(jié)

顯示類型是用戶心目中的第一個(gè)想法。 第一印象可以確定用戶是否堅(jiān)持您的網(wǎng)站或移動(dòng)到其他地方。

為了充分利用這一關(guān)鍵互動(dòng)，確保每個(gè)詞都容易閱讀，設(shè)置正確的語調(diào)，并幫助用戶移動(dòng)通過設(shè)計(jì)，以給您最大的成功機(jī)會(huì)。