高品質的網頁設計: 執行個體與技巧之三(文字流向與字型選用的訣竅)

來源:互聯網
上載者:User
儘管設計師大都不會親自撰寫網站的實際內容,不過他們對於內容的整體品質仍然至關重要。設計師的作用就是要保證內容的展現方式足夠易讀。有很多方法能保證你的字型易讀易用,不過我不會給大家列一些該做什麼或者不能做什麼的規矩和條款,我帶給大家的是一些聰明運用字型的執行個體和分析。

仔細考慮了字型的執行個體
The Netsetter上大而漂亮的字型
網頁設計中,標題很重要,對於部落格設計來說尤為如此。最近流行在標題上使用大而粗的字型。這樣做有很多好處,不僅能提高特定內容區塊的可用性,而且有助於組織設計中的空間和結構。 Netsetter 在這方面做得非常好,如您所見,標題字型很大,周圍有大量留白,十分易讀。

行間空白和字元間距
Viget 的網站是字型究竟對網頁設計有多重要的完美執行個體。下面的來自他們的作品集展示頁,再一次展示了大字型是如何協助建立開放空間的。即使是這種清爽的細線體,他們也使用了寬闊的空白。另一個值得稱道的地方是他們對於行高 (line height) [行間空白]的的絕妙選擇。行間距被設定得比預設值大很多,大大增強了文字可讀性。也許下次你可以在自己的設計中也試一試這個技巧。


Web Design Ledger, 配合情緒的字型
要找到完美的字型需要不斷的嘗試和失敗,或者你還可以根據字型所代表的“情緒”來選擇字型。下面的例子,Web Design Ledger, 在給人以複古和做舊感的同時,也飽含開放的情緒與現代感。他成功的關鍵就在於選擇了能喚起人們相應情緒的字型。Henry Jones (該站的設計師) 為標題選擇了一種流行的傳統襯線字型:Georgia,為懷舊複古風的實現提供了很大裨益。現代感則來自與標題完全不同的字型——主內容使用的Helvetica字型,一種無襯線的、滑溜的、開放的字型。

網頁設計中字型選用的快速決斷
看了上面這麼多好例子,將來你選用起字型來應該會更加得心應手。不過,為什麼他們給人的感覺這麼好?下一次在你自己的設計中,你又該如何運用?

是否可讀?
不要怕嘗試粗大的字型
你可否考慮過間距?
間距對於可讀性有很大決定作用
你的字型帶給人什麼情緒?
確保字型選擇適合你的設計風格
這方面還有大量值得關注的地方,不過我不是這方面的專家,我也只是剛剛學會了如何鑒賞那些用得極好的字型而已。

以上就是高品質的網頁設計: 執行個體與技巧之三(文字流向與字型選用的訣竅)的內容,更多相關內容請關注topic.alibabacloud.com(www.php.cn)!

  • 相關文章

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.