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

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

用于大字號的字體到底是什么?

在我們進(jìn)入的本條提示之前，你愿意談?wù)勀銓π揎椢淖值恼J(rèn)識或看法嗎?

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

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

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

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

1.它必須具有可讀性

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

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

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

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

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

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

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

3.給文字以靈活性

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

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

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

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

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

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

回到提示號1.這一切都回到了可讀性。

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

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

5.綜合考慮一下圖像

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

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

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

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

總結(jié)

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

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

最新評論