設(shè)計(jì)師教您如何選擇優(yōu)秀的網(wǎng)頁字體發(fā)布者：本站     時(shí)間：2021-12-20 12:12:04

優(yōu)秀的網(wǎng)頁意味著設(shè)計(jì)人員對頁面的精雕細(xì)琢，在這一過程中，我們既要接受規(guī)則，也要樂于發(fā)現(xiàn)并掌握新的工具，努力讓生活變得更簡單，設(shè)計(jì)更優(yōu)秀。
其實(shí)網(wǎng)頁的字體和真實(shí)的字體沒有本質(zhì)上的區(qū)別，所以我很不贊同”網(wǎng)頁字體”和”真實(shí)的字體”不同這一說法，只能說它們的每個(gè)應(yīng)用比如說網(wǎng)頁字體、鉛字、海報(bào)字體以及電影字體都有自己的特色和限制，但是歸根究底，它們是同根生。

本文主要是告訴大家該怎么挑選網(wǎng)頁的字體，我們收集了一些好的方法，關(guān)于怎么選擇字體類型，怎樣設(shè)計(jì)字體的細(xì)節(jié)，研究瀏覽器特性等等，這些都是網(wǎng)頁設(shè)計(jì)進(jìn)程中的一部分，快來看看吧~

選擇合適的字體類型

在選擇字體類型的時(shí)候我們很猶豫，因?yàn)橐紤]的因素太多了，包括網(wǎng)頁的用途，網(wǎng)頁側(cè)重以及網(wǎng)頁類型。但是，作為一個(gè)設(shè)計(jì)師，當(dāng)然要從”設(shè)計(jì)”的角度去看問題?，F(xiàn)實(shí)很殘酷，如果我們選錯(cuò)了類型太陽明天還是會照常升起，但是你要記?。哼x擇字體類型這一決定是每個(gè)設(shè)計(jì)決定中最重要的環(huán)節(jié)，不管你做的是什么項(xiàng)目。

在選擇字體類型時(shí)，我們要考慮文字的內(nèi)容嗎？要從歷史或地理角度考慮嗎？這就看你對自己的要求了。比如說，你正在為一個(gè)德國博物館做項(xiàng)目，如果你能選擇德國設(shè)計(jì)師在這一時(shí)期設(shè)計(jì)的字體類型，給人的感覺會不會更好一些呢？想了解這個(gè)的童鞋可以戳Typedia 。
你要相信，在網(wǎng)頁設(shè)計(jì)這一領(lǐng)域，功夫比直覺更重要。

使用實(shí)物模型
一旦發(fā)現(xiàn)心儀的字體，你要看看這些字體是否適合文字內(nèi)容， Typecast 是一個(gè)極好的測試工具。
使用此工具，你可以將文字內(nèi)容、標(biāo)題、副標(biāo)題一一展示出來，并且是模擬真實(shí)瀏覽器的場景哦~同時(shí)這款工具還會建議你，哪些字體組合在一個(gè)網(wǎng)頁上最悅目，真實(shí)極好的~

設(shè)計(jì)師教您如何選擇優(yōu)秀的網(wǎng)頁字體,PS教程,

模塊化比例使用這一工具你可以找到最適合網(wǎng)頁的字號。比如說，我們設(shè)定字體基本尺寸為16像素，應(yīng)用到黃金比例（1：1.61803，從向日葵的漩渦中發(fā)現(xiàn)的比例）這個(gè)結(jié)果是6.1，10，16，25.9，41.9，67.8。這些就是你可以使用的字號。

設(shè)計(jì)師教您如何選擇優(yōu)秀的網(wǎng)頁字體,PS教程,

大自然是一個(gè)好地方，當(dāng)你需要靈感的時(shí)候不妨站起來觀察一下~
什么？你擔(dān)心使用這些工具做出來的設(shè)計(jì)會不會太刻板了？NONONO，使用這些工具確實(shí)會給你的設(shè)計(jì)帶來一些跟其他人相同的元素，但是我相信這比你偶爾大顯身手有用多了。
想要了解更多關(guān)于modular scales的知識，請戳Tim Brown’s excellent article for A List Apart （Brown創(chuàng)建了 Modular Scale ，這是創(chuàng)建模塊化比例的主要工具）

字體特點(diǎn)設(shè)置

CSS3的字體規(guī)范啟用先進(jìn)的OpenType支持功能。
里面有字體功能設(shè)置，包括使用自由連字，片段，先進(jìn)的語言支持等等。
比如說，如果你使用片段功能，你可以打出 ? ，而不是1/2。