不管是對(duì)平面還是對(duì)網(wǎng)站設(shè)計(jì)來(lái)說(shuō)，選擇合適的字體都是一個(gè)不可避免的挑戰(zhàn)，不可否認(rèn)的是，一個(gè)好的字體可以有效的幫助你獲得更多的關(guān)注以及視覺(jué)吸引。 通過(guò)合適的字體搭配以形成易于閱讀并具有微妙視覺(jué)意義的語(yǔ)句，這對(duì)于設(shè)計(jì)師來(lái)說(shuō)是一個(gè)考驗(yàn)專業(yè)程度的挑戰(zhàn)。

如果你不太注重這個(gè)環(huán)節(jié)，很容易立即破壞你精心設(shè)計(jì)的整體視覺(jué)。

關(guān)于字體的使用，如果你陷入了以下這些設(shè)計(jì)陷阱中的任何一個(gè)，那么現(xiàn)在是時(shí)候停止和清理調(diào)整你的設(shè)計(jì)作品了（相信調(diào)整以后，你的作品集將煥然一新）。

1.添加陰影（Adding Drop Shadows）



大多數(shù)字體都是完美的。

如果字體不適合你的設(shè)計(jì)，也許你應(yīng)該考慮其他類型的選擇而不是采用惰性選項(xiàng)，如在文本中添加太明顯的陰影或輪廓。

關(guān)于陰影效果，這是一條普遍的規(guī)則，更多的人應(yīng)該遵循——最好的陰影應(yīng)該是完全不會(huì)被注意到。 如果可以在文本元素上看到明顯的陰影，則陰影可能設(shè)計(jì)的太過(guò)了，并且會(huì)影響可讀性（部分可能是為了強(qiáng)調(diào)可讀性，但是在效果上用力過(guò)猛）。

老實(shí)說(shuō)，使用這些效果是一種使文本起作用的相當(dāng)懶惰的方法（你通常會(huì)在文本上看到陰影和輪廓，這些陰影和輪廓應(yīng)該與背景有更多的對(duì)比度）。

另一方面，你可以使用陰影和輪廓?jiǎng)?chuàng)建一些很酷的藝術(shù)型文本元素。 但這是你在設(shè)計(jì)中應(yīng)該避免過(guò)多使用的技術(shù)。

2.使用過(guò)多的字體類型（Using Too Many Fonts）



這應(yīng)該不用說(shuō)太多，但是還是有必要再次強(qiáng)調(diào)一下。

使用過(guò)多的字體會(huì)破壞設(shè)計(jì)中的所有版式。 如果使用的字體不能很好地配對(duì)（或相關(guān)內(nèi)容），則可能會(huì)破壞設(shè)計(jì)。

為項(xiàng)目挑選合適的字體，設(shè)置類型層次結(jié)構(gòu)并從可以良好工作的目的出發(fā)，遵守為項(xiàng)目設(shè)置的字體樣式規(guī)則，則你將獲得更好的機(jī)會(huì)。

3.忽略對(duì)比度（Ignoring Contrast）



對(duì)比可以使設(shè)計(jì)中的字體更加容易被閱讀或者被識(shí)別。 平面，網(wǎng)站設(shè)計(jì)，甚至襯衫或廣告牌等視覺(jué)性設(shè)計(jì)都是如此。

一個(gè)常見(jiàn)的錯(cuò)誤是背景和字體之間沒(méi)有足夠的對(duì)比度，或者沒(méi)有考慮到由于背光或環(huán)境因素的變化導(dǎo)致的對(duì)比度變化。忽視這些情況將會(huì)導(dǎo)致字體在不同背景或環(huán)境中的有效性減弱。

你需要在幾秒鐘的時(shí)間就吸引人的注意力。 當(dāng)用戶努力理解你希望他們閱讀的單詞時(shí)，這將浪費(fèi)用戶的時(shí)間以及減少用戶聯(lián)系你的機(jī)會(huì)。

為了確保可讀性，你會(huì)希望將淺色文本放在深色背景上（反之亦然），而不要使用類似的飽和色。 根據(jù)經(jīng)驗(yàn)，當(dāng)你對(duì)顏色組合有疑問(wèn)時(shí)，最好使用黑色（或深灰色）以及白色文本作為最基礎(chǔ)的文本色。

4.過(guò)多使用大寫(xiě)，粗體和斜體（Using Caps, Bold, and Italics Too Much）



你是否知道過(guò)多的類型樣式會(huì)引起可訪問(wèn)性問(wèn)題？

使用太多類型的變體（全部大寫(xiě)，粗體，斜體和下劃線）可能導(dǎo)致文本在外形上的差異，從而影響可讀性。

如果你使用這些文字效果來(lái)強(qiáng)調(diào)或表達(dá)觀點(diǎn)，請(qǐng)停下來(lái)問(wèn)自己是否有更好的方法。 謹(jǐn)慎、小范圍的使用這些效果是可以的，但在整個(gè)設(shè)計(jì)中不應(yīng)該如此。

5.兩種間距類型（Double Spacing）



在句末和下一個(gè)句子的開(kāi)頭之間（和其他標(biāo)點(diǎn)符號(hào)之后）停止使用兩個(gè)空格。 它只會(huì)留下一個(gè)奇怪的空白。 這種間隙在行尾可能會(huì)變得更加尷尬，并在新行的句子開(kāi)頭產(chǎn)生空格。

字體設(shè)計(jì)的過(guò)程已經(jīng)為你考慮到空間的問(wèn)題，盡管有時(shí)可能還是需要手動(dòng)調(diào)整，但很少需要使用到兩個(gè)空格的空間。

6.未考慮到設(shè)備/屏幕尺寸（Forgetting Device/Screen Size）



為網(wǎng)站設(shè)計(jì)，電子郵件甚至社交媒體圖像設(shè)置將在小屏幕上顯示（并包含文本）的字體大小時(shí)，請(qǐng)不要忘記移動(dòng)端的用戶。

盡管這本身并不是字體的必要內(nèi)容，但字體大小對(duì)人們是否能夠理解內(nèi)容有很大的影響。 某些字體也可用于較小的尺寸并具有良好的渲染效果，而其他字體系列則更適合于大屏的顯示。

在考慮字體調(diào)整時(shí)，請(qǐng)考慮大小和前導(dǎo)。 行之間的間距與文本本身的大小一樣重要。

考慮使用并相應(yīng)選擇字體（即使你必須針對(duì)不同的屏幕尺寸進(jìn)行調(diào)整，你也必須這么做）。

7.數(shù)字項(xiàng)目的連字符使用（Using Hyphens in Display）



通常，對(duì)于網(wǎng)頁(yè)設(shè)計(jì)師而言，這并不是什么大問(wèn)題，但對(duì)于其他所有人而言，卻是一件大事：不要在數(shù)字項(xiàng)目中使用連字符。

真的不是很好看，而且很難閱讀。

所以，不要這么做！

8.連續(xù)不斷...（Going On and On and On…）



是時(shí)候停止因?yàn)槟阍陔娔X上可以繼續(xù)不斷地進(jìn)行打字這種想法了。 不管字體多么漂亮，沒(méi)有人會(huì)閱讀所有這些內(nèi)容。

堅(jiān)持重要的文本內(nèi)容。 這樣或更好的利用你選擇的字體，以便人們真正去閱讀它。

對(duì)于較長(zhǎng)的文本內(nèi)容，請(qǐng)考慮文本塊的長(zhǎng)度。 并思考段落簡(jiǎn)短易懂嗎？

考慮一下每行的字符數(shù)（這有助于確定字體大小），并盡量控制每行在40到60個(gè)字符。 這可以幫助你確定文本塊是否過(guò)于龐大或難以閱讀。

除標(biāo)題外，所有內(nèi)容均保持標(biāo)準(zhǔn)對(duì)齊，居中類型的長(zhǎng)文本很難閱讀。 除了在詩(shī)歌之外，很少有人或喜歡居中的長(zhǎng)文本，它會(huì)引起眼睛的疲勞。 對(duì)齊的文本塊如果太長(zhǎng)也同樣難以閱讀，并且會(huì)導(dǎo)致尷尬的間距問(wèn)題，這是在響應(yīng)式框架中應(yīng)該解決的挑戰(zhàn)。

設(shè)計(jì)中的文字越多，字體的選擇就越重要。 使用清晰易讀的字體，而無(wú)需在長(zhǎng)塊中進(jìn)行困難的格式化，以提高可讀性。

總結(jié)

不適合的字體會(huì)比幾乎任何其他設(shè)計(jì)問(wèn)題更快地破壞項(xiàng)目。 為了使設(shè)計(jì)有效，人們必須能夠閱讀和理解它。

使用字體時(shí)，最常見(jiàn)的問(wèn)題就是使用的樣式過(guò)多，對(duì)比度或比例不正確以及文字元素過(guò)多。 請(qǐng)記住，讓字母獨(dú)立放置，提供足夠的對(duì)比度以實(shí)現(xiàn)最佳可讀性，并使用帶有共同含義和上下文的單詞使用字體。