招提升網(wǎng)頁設(shè)計(jì)品質(zhì)(編輯修改稿)
2025-02-12 15:41 本頁面
【文章內(nèi)容簡介】 展現(xiàn)方式足夠易讀。有很多方法能保證你的字體易讀易用，不過我不會(huì)給大家列一些該做什么或者不能做什么的規(guī)矩和條款，我?guī)Ыo大家的是一些聰明運(yùn)用字體的實(shí)例和分析。 仔細(xì)考慮了字體的實(shí)例：The Netsetter上大而漂亮的字體 網(wǎng)頁設(shè)計(jì)中，標(biāo)題很重要，對(duì)于博客設(shè)計(jì)來說尤為如此。最近流行在標(biāo)題上使用大而粗的字體。這樣做有很多好處，不僅能提高特定內(nèi)容區(qū)塊的可用性，而且有助于組織設(shè)計(jì)中的空間和結(jié)構(gòu)。Netsetter在這方面做得非常好，如您所見，標(biāo)題字體很大，周圍有大量留白，十分易讀。 Viget：行間空白和字符間距 Viget的網(wǎng)站是字體究竟對(duì)網(wǎng)頁設(shè)計(jì)有多重要的完美實(shí)例。下面的截圖來自他們的作品集展示頁，再一次展示了大字體是如何幫助創(chuàng)建開放空間的。即使是這種清爽的細(xì)線體，他們也使用了寬闊的空白。另一個(gè)值得稱道的地方是他們對(duì)于行高(line height)[行間空白]的的絕妙選擇。行間距被設(shè)定得比默認(rèn)值大很多，大大增強(qiáng)了文字可讀性。也許下次你可以在自己的設(shè)計(jì)中也試一試這個(gè)技巧。 Web Design Ledger：配合情緒的字體 要找到完美的字體需要不斷的嘗試和失敗，或者你還可以根據(jù)字體所代表的“情緒”來選擇字體。下面的例子，Web Design Ledger，在給人以復(fù)古和做舊感的同時(shí)，也飽含開放的情緒與現(xiàn)代感。他成功的關(guān)鍵就在于選擇了能喚起人們相應(yīng)情緒的字體。Henry Jones (該站的設(shè)計(jì)師) 為標(biāo)題選擇了一種流行的傳統(tǒng)襯線字體：Georgia，為懷舊復(fù)古風(fēng)的實(shí)現(xiàn)提供了很大裨益?，F(xiàn)代感則來自與標(biāo)題完全不同的字體——主內(nèi)容使用的 Helvetica字體，一種無襯線的、滑溜的、開放的字體。 網(wǎng)頁設(shè)計(jì)中字體選用的快速?zèng)Q斷 看了上面這么多好例子，將來你選用起字體來應(yīng)該會(huì)更加得心應(yīng)手。不過，為什么他們給人的感覺這么好？下一次在你自己的設(shè)計(jì)中，你又該如何運(yùn)用？ 是否可讀？不要怕嘗試粗大的字體 你可否考慮過間距？間距對(duì)于可讀性有很大決定作用 你的字體帶給人什么情緒？確保字體選擇適合你的設(shè)計(jì)風(fēng)格 這方面還有大量值得關(guān)注的地方，不過我不是這方面的專家，我也只是剛剛學(xué)會(huì)了如何鑒賞那些用得極好的字體而已。元素的組織 設(shè)計(jì)師這一職業(yè)對(duì)很多人都有吸引力，因?yàn)槟切┲圃靹?chuàng)意的過程，實(shí)在是十分有趣。我知道組織內(nèi)容的過程就沒有那么有趣了，不過一旦你養(yǎng)成了組織內(nèi)容的好習(xí)慣，你就會(huì)發(fā)現(xiàn)其實(shí)它也沒有想象中那么枯燥。組織內(nèi)容的方式總是需要看情況而定，比如說，這站點(diǎn)是什么類型？某項(xiàng)特定內(nèi)容在頁面上的重要性如何？ 如何放置內(nèi)容，以及放到哪里，可能的排列組合實(shí)在太多了。不過還是有一些技巧可循的。最基礎(chǔ)的就是，先決定你的設(shè)計(jì)需要達(dá)到的效果。例如，你是在做賣東西的網(wǎng)站嗎？是要做內(nèi)容展示嗎？或者是在做一個(gè)用戶注冊(cè)頁？推廣頁面？等等…… 靠設(shè)計(jì)做買賣: 37Signals 看看這
醫(yī)療健康相關(guān)推薦
鄂ICP備17016276號(hào)-1