|
03. 文字排列與字體選用的訣竅
盡管設(shè)計(jì)師大都不會(huì)親自撰寫(xiě)網(wǎng)站的實(shí)際內(nèi)容，不過(guò)他們對(duì)于內(nèi)容的整體品質(zhì)仍然至關(guān)重要。設(shè)計(jì)師的作用就是要保證內(nèi)容的展現(xiàn)方式足夠易讀。有很多方法能保證你的字體易讀易用，不過(guò)我不會(huì)給大家列一些該做什么或者不能做什么的規(guī)矩和條款，我?guī)Ыo大家的是一些聰明運(yùn)用字體的實(shí)例和分析。 仔細(xì)考慮了字體的實(shí)例 The Netsetter上大而漂亮的字體
網(wǎng)頁(yè)設(shè)計(jì)中，標(biāo)題很重要，對(duì)于博客設(shè)計(jì)來(lái)說(shuō)尤為如此。最近流行在標(biāo)題上使用大而粗的字體。這樣做有很多好處，不僅能提高特定內(nèi)容區(qū)塊的可用性，而且有助于組織設(shè)計(jì)中的空間和結(jié)構(gòu)。 Netsetter 在這方面做得非常好，如您所見(jiàn)，標(biāo)題字體很大，周圍有大量留白，十分易讀。
行間空白和字符間距
Viget 的網(wǎng)站是字體究竟對(duì)網(wǎng)頁(yè)設(shè)計(jì)有多重要的完美實(shí)例。下面的截圖來(lái)自他們的作品集展示頁(yè)，再一次展示了大字體是如何幫助創(chuàng)建開(kāi)放空間的。即使是這種清爽的細(xì)線體，他們也使用了寬闊的空白。另一個(gè)值得稱道的地方是他們對(duì)于行高 (line height) [行間空白]的的絕妙選擇。行間距被設(shè)定得比默認(rèn)值大很多，大大增強(qiáng)了文字可讀性。也許下次你可以在自己的設(shè)計(jì)中也試一試這個(gè)技巧。
Web Design Ledger, 配合情緒的字體
要找到完美的字體需要不斷的嘗試和失敗，或者你還可以根據(jù)字體所代表的“情緒”來(lái)選擇字體。下面的例子，Web Design Ledger， 在給人以復(fù)古和做舊感的同時(shí)，也飽含開(kāi)放的情緒與現(xiàn)代感。他成功的關(guān)鍵就在于選擇了能喚起人們相應(yīng)情緒的字體。Henry Jones (該站的設(shè)計(jì)師) 為標(biāo)題選擇了一種流行的傳統(tǒng)襯線字體：Georgia，為懷舊復(fù)古風(fēng)的實(shí)現(xiàn)提供了很大裨益。現(xiàn)代感則來(lái)自與標(biāo)題完全不同的字體——主內(nèi)容使用的Helvetica字體，一種無(wú)襯線的、滑溜的、開(kāi)放的字體。
網(wǎng)頁(yè)設(shè)計(jì)中字體選用的快速?zèng)Q斷
看了上面這么多好例子，將來(lái)你選用起字體來(lái)應(yīng)該會(huì)更加得心應(yīng)手。不過(guò)，為什么他們給人的感覺(jué)這么好？下一次在你自己的設(shè)計(jì)中，你又該如何運(yùn)用？
- 是否可讀？
不要怕嘗試粗大的字體
- 你可否考慮過(guò)間距？
間距對(duì)于可讀性有很大決定作用
- 你的字體帶給人什么情緒？
確保字體選擇適合你的設(shè)計(jì)風(fēng)格
這方面還有大量值得關(guān)注的地方，不過(guò)我不是這方面的專家，我也只是剛剛學(xué)會(huì)了如何鑒賞那些用得極好的字體而已。如果你想在這方面了解更多，強(qiáng)烈建議你看一下來(lái)自Smashing Magazine的這篇文章。
出處：笨活兒
責(zé)任編輯：bluehearts
上一頁(yè) 高品質(zhì)的網(wǎng)頁(yè)設(shè)計(jì):實(shí)例與技巧 [3] 下一頁(yè) 高品質(zhì)的網(wǎng)頁(yè)設(shè)計(jì):實(shí)例與技巧 [5]
|
第 1 頁(yè) 
第 4 頁(yè) 高品質(zhì)的網(wǎng)頁(yè)設(shè)計(jì):實(shí)例與技巧 [4]
