最佳網站字體以及如何選擇正確的字體

已發表: 2022-02-11

從配色方案到字體和標題設計,如果我們談論的是像您的網站這樣的大型數字項目,每一個小細節都很重要。 使用不同的字體和字體效果可以給您的用戶帶來負面和正面的影響,正面還是負面完全取決於您。 平衡是一種將所有這些細節連接到一個組織良好的創作中的和諧方式,對於每個數字設計師來說都是至關重要的。

字體和字體效果是實現這種平衡的最佳方式,因為對於大多數網頁而言,最重要的視覺數據量被正文、標題和標題佔據。 因此,您可以調整簡單和復雜細節的數量,以獲得完美的結果。

目錄顯示
  • 打開 Sans
  • 拉托
  • 黑爾維提卡
  • 梅里韋瑟
  • 遊樂場展示
  • 蒙特塞拉特
  • 自由巴斯克維爾
  • 考德斯
  • 巴洛
  • 機器人
  • 如何選擇合適的字體?
    • 根據網站內容選擇字體
    • 三種字體
    • 了解基本情況
    • 不要忘記加載時間

打開 Sans

開放式無字體

Open Sans 是無襯線字體的一部分,旨在提供最高的可讀性和用戶體驗。 這種網絡字體是具有大量信息(博客、信息文章等)的簡約網站的最佳選擇。 這種字體的另一個好處是它與許多不同的風格兼容。

為您推薦:在信息圖中使用的最佳字體。

拉托

拉托字體

如果您的網站在金融、法律甚至會計等嚴格領域中激活,Lato 是最好使用的字體之一。 該網站字體易於使用,更多地被認為是一種體現高度專業性的公司字體。 對於那些想要以現代方式豐富網站設計的人來說,Lato 是最好的字體。

黑爾維提卡

Helvetica字體

作為全球最常用的網站字體之一,瑞士設計師 Max Miedinger 發現了 Helvetica。 Helvetica 因其令人難以置信的款式和尺寸而廣受歡迎,這有助於設計師為他們的特定創作選擇最佳版本。

梅里韋瑟

Merriweather 字體

如果您有不同的受眾在大屏幕和小屏幕上閱讀您的內容,那麼 Merriweather 網站字體是您必須選擇的字體。 這種成比例的字體結合了時尚的外觀和簡約的風格,這是一種驚人的合併,在各個領域的網站上都有很大的潛力。 Merriweather 非常適合正式和非正式風格。

遊樂場展示

Playfair-顯示字體

Playfair Display 是一種帶有一點經典特徵的時尚字體。 如果您為複雜的網站選擇字體,Playfair Display 絕對是您的選擇。 它非常適合內容簡單、美觀且內容易於理解的網站。 事實上,Playfair Display 的可讀性不如其他字體; 它的主要優點是類。

蒙特塞拉特

蒙特塞拉特字體

這種無襯線字體幾乎是您可以選擇的最佳網站字體。 它的幾何風格通常允許您找到一種在您的網站上實現它的方法。 儘管蒙特塞拉特非常時尚,但很多人發現它在小屏幕和大屏幕上都可以閱讀。

自由巴斯克維爾

自由巴斯克維爾字體

Libre Baskerville 是一種襯線字體,其靈感來自其 18 世紀的前身。 其經典風格非常適合用於經濟、體育和美容等廣泛領域。 儘管 Libre Baskerville 非常受歡迎,但如果您的受眾使用大屏幕訪問您的網站,這不是最佳選擇,因為當字體太大時字體看起來不太好。

考德斯

Caudex-字體

最初用於中世紀手稿,Caudex 在 90 年代後期進行了改革並適應了我們的現實,此後一直沒有停止發展。 Caudex 可用於段落和標題,毫無疑問,它是可用樣式種類最多的字體。 它適用於大屏幕和小屏幕。

巴洛

巴洛字體

這種無襯線字體 Barlow 似乎受到了加州車牌和高速公路標誌的啟發。 其簡潔的設計可以為您的網站帶來一些流暢性,使其更加舒適和易於閱讀。 這種字體的另一個好處是與您網站上的許多其他字體的兼容性。

機器人

機器人字體

簡單明了是完美描述Roboto字體的形容詞。 其主要目的是將信息傳遞給您的客戶,而不會有任何復雜的風格。 它被認為是一種專業字體,但在某些情況下,設計師將這種字體用於友好的內容。

您可能會喜歡:每個偉大設計師都需要的 20 種令人驚嘆的標誌設計字體。

如何選擇合適的字體?

排版字體字符字母設計

正確的字體通常是吸引更多網站用戶的關鍵。 因此,設計師正確選擇它的能力會對用戶體驗和他們的評論產生積極影響。

根據網站內容選擇字體

最佳網站字體選擇正確的一點 1

在大多數情況下,您網站的最大部分將包含不同類型的文本,這已經不是什麼秘密了。 因此,如果您想要一個時尚、佈局合理的網站,那麼實現這一目標的第一步就是為該文本選擇正確的字體。 最大的提示是不要在一頁上使用超過 3-4 種字體; 它看起來很糟糕而且很亂。 這就是為什麼,鑑於存在許多不同的字體,您應該特別選擇最適合您的字體,不要推得太遠。

人們最困惑的是結合字體和網站的設計來獲得一個偉大而時尚的合併。 事實上,它比你想像的要簡單得多。 有些字體最適合包含大量嚴肅和信息豐富的內容的網站,而有些字體則適用於有趣和膚淺的內容。 您需要了解您將要編寫的內容類型。 通常,Times New Roman 和 Robotica 等字體因其嚴謹和簡約的風格而用於信息內容,而 Playfair Display 等字體則非常適合休閒內容。

三種字體

最佳網站字體選擇正確的一點 2

就像我在上一段中所說的那樣,您的網站不應包含超過三種字體。 但是這三個是什麼,你如何選擇它們? 你會馬上知道的。

  1. 您將在標題、副標題和標題中使用的第一種字體至關重要。 這種主要字體應該與您的品牌直接相關並反映其理念。 如果您有一個極簡品牌,則主要字體應盡可能簡約,以反映其理念。 如果可能,您應該選擇與徽標中使用的字體相同的字體(如果有的話)。
  2. 輔助字體將用於編寫內容的最大部分。 即使您對網站的其餘部分進行了更複雜的設計,它也應該簡單易懂,因為這部分文本應該對您的大多數用戶盡可能可讀。 您不能選擇難以理解的時尚字體。 對於您網站的這一部分,它實際上是不可接受的。
  3. 第三種字體是可選的,用於突出文本的某​​些部分並更快地吸引讀者的注意力。 在這裡你可以使用一些更複雜的字體,但不要比你的次要字體推得更遠; 它們應該有一些相似之處才能完美結合。

請記住,您為網站選擇的字體和字體越多,就越難組合和協調它們。 一般來說,更多的字體意味著你的網站設計更混亂。 就這麼簡單。

排版

了解基本情況

最佳網站字體選擇正確的一點 3

排版是一門藝術,就像每一種藝術一樣,很難在心跳中學習和理解其存在的方方面面。 但是,一些基礎知識可以幫助您為您的網站選擇正確的字體。 字體的分類對於每個必須為其網站選擇字體的設計師來說都是至關重要的。 在這裡,您將找到一個快速但內容豐富的摘要,這將幫助您了解它們之間的區別。

襯線字體:

當您輸入的信息最終將被打印時,通常會使用它。 經典而時尚的襯線字體因其優雅而不常用作網絡字體。 但是,如果您選擇撰寫有關金融、法律或時尚的文章,這是您的選擇。 Times New Roman、Georgia 和 Bodoni 是襯線字體。

無襯線字體:

這些字體不像襯線字體那樣在字母末尾有襯線。 現代而直接的網頁設計師通常使用這些字體,因為它們具有中性的外觀。 無論您寫什麼主題,都可以使用這些字體。 它們通常非常適合解決大量問題。 Helvetica、Robotica 和 Open Sans 是一些著名的無襯線字體示例。

腳本字體:

這些字體是根據手寫樣式建模的。 它們通常用於標題、副標題和突出顯示文本的一些重要部分。 您不能使用腳本字體來編寫正文,因為這對讀者理解和理解信息是一個挑戰。 Lobster 和 Lucida Handwriting 是腳本字體。

請記住,您為網站選擇的字體和字體越多,就越難組合和協調它們。 通常,更多的字體意味著您的網站設計更加混亂。 就這麼簡單。

另一個重要的基本知識是如何強調文本的不同部分。 通常,為了使某些細節從文本的其餘部分中脫穎而出,許多作者使用粗體或斜體。 這是一個不錯的選擇,但如果你想要原創,你可以使用我上面描述的不同類型的字體,第三種字體用來強調。

您可能還喜歡:您可以在您的網站中使用的 5 種 Web 安全字體。

不要忘記加載時間

最佳網站字體選擇正確的一點 4

我們生活在一個人所能擁有的最寶貴的資源就是時間的時代。 因此,沒有人願意等待網站加載很長時間才能看到更複雜或更漂亮的字體。 通常,這個人會選擇另一個站點來更快地接收他需要的信息。 正確選擇字體可以顯著提高網站的速度。 怎麼做? 這裡有一些提示。

  • 您已經知道為什麼單個網站上的大量字體是您能做的最糟糕的事情的許多原因。 這是堅持使用 2 或 3 個的另一個原因。 更多字體意味著必須處理的數據量更大,這需要時間。
  • 不要用很多美麗但無用的東西使設計過於復雜,這只會使事情變得更糟。 例如,為標題和標題使用設計良好的字體是一件好事。 但是對於正文,選擇像 Robotica 或 Helvetica 這樣的基本字體更合理。