字體及其大小如何改善您的網站品牌

已發表: 2017-04-19

每個企業主都知道清晰、設計合理且維護良好的網站的重要性。 在這個時代,如果你不能給你的客戶一個真正打動他們的網站,你失去他們的速度將比你贏得他們的信任要快得多。

不幸的是,大多數企業家確實付出了努力並聘請了擅長開發的設計師,他們往往忽略了一個關鍵特徵——字體。

從您使用的字體樣式到每個內部網站頁面所具有的文本大小,這是決定您的客戶是否留下、互動和最終轉化的因素之一。

事實是,儘管字體看起來並沒有那麼有影響力,但它們有能力讓您的業務處於高位或低位。 真的很簡單,如果您的網站訪問者不願意或無法閱讀您發布的內容,您的信息將不會傳遞給他們,因此您將無法轉換。 幾項研究表明,網站上使用的字體類型不僅會影響可讀性,還會影響情緒、用戶體驗甚至感知的文章長度。 這就是為什麼您的設計師必須了解創建一個包含大量內容的網站與開發一個具有令人愉悅且有影響力的設計以改善讀者情緒的網站之間的區別。

“字體是一組漂亮的字母,而不是一組漂亮的字母。”

-馬修·卡特

當您想到字體時,您首先想到的是什麼? 如果您像大多數人一樣還不了解它們的重要性,那麼您可能會想到 Calibri、Comic Sans、Arial、Times New Roman 等字體。 但是,您需要知道的是,這些只是基礎知識。 在談論需要在您的網站上實現的排版時,您不僅需要考慮字體,還需要考慮它們的大小、顏色、字距和間距。

在本文中,我們的目標不僅是告訴您字體重要特性的影響,而且還提供實用的建議,您可以使用這些建議來提高您自己網站的轉化率。 因此,請準備好鉛筆和記事本,因為這是您不想錯過的信息。

字體及其影響

如果你讀過一些關於字體和排版的文章,你就會知道有幾種字體被認為是值得在線出版的。 雖然有些人同意佐治亞州帶來最多的成績,但其他人則認為巴斯克維爾將奪冠的榮耀帶回家。 但在我們開始討論之前,讓我們先討論一下字體對您網站品牌的整體影響。 事情是這樣的; 如果您的內容因為字母太靠近或尺寸太小而難以閱讀,那麼它們要么立即離開,要么嘗試再閱讀幾秒鐘,如果仍然覺得難以閱讀,最終離開。 即使您確實有非常忠誠的客戶,他們花時間並真正閱讀了整個副本,他們也會記得他們花了太長時間而您最終會失去他們。

您為網站選擇的字體至關重要,因為它將使閱讀、理解和理解您的信息的整個過程毫不費力。 如果您選擇與讀者一致的字體,他們的注意力將停留在您提供的信息上,而不是閱讀時間。

實用提示:並非每種字體都適用於每個網站。 字體有不同的個性,你決定的字體完全取決於你的業務、你迎合的客戶類型以及你想要描繪的信息。 最好的辦法是廣泛研究並查看同一行業中其他人使用的字體。 嘗試在不同平台上測試幾種類型,這樣您就知道自己做出了正確的決定。 請記住,選擇合適的字體需要一些時間,但是當您看到轉化率提高時,這一切都是值得的。

字體大小及其影響

當您談論字體的大小時,您應該關注的主要問題之一是可讀性。 可讀性變得如此重要,因為您想確保您的信息被傳達。 即使您的字體選擇不完美,大小合適的大小也會節省您的時間,因為至少訪問者不需要為了閱讀您呈現的內容而睜大眼睛。 如果您的字體大小合適,您的客戶將更有可能閱讀您的信息、進行互動甚至傳播信息。 當您能夠更好地與客戶溝通時,您的品牌將受到積極影響,這反過來將提高您公司的聲譽。

實用提示:您選擇的字體大小取決於網站的設計環境。 雖然名片可能需要非常小的尺寸,但活動海報需要更大的尺寸。 但是因為我們專門討論的是網站設計,所以您需要考慮是針對移動設備還是一般屏幕進行發布。 根據經驗,專家建議您使用 10px 到 14px 的正文內容和 16px 到 20px 的標題或標題。 為獲得最佳效果,您可以對適合您的尺寸進行練習檢查,然後在它們似乎表現不佳時進行相應調整。 此外,如果您要適應不同的屏幕尺寸(您應該這樣做),請確保在移動設備上縮小尺寸時字體也表現良好。

字體顏色和您的網站

如果您想以最好的方式將您的信息傳達給您的訪問者,您不僅需要考慮單詞的選擇,還需要考慮它的呈現方式。 現在,即使字體顏色可能看起來沒什麼大不了的,但它卻有很大的影響,尤其是當你有一個特別活潑的網站時。 色彩心理學是一個完整的研究領域,你可以從中學到很多東西。 然而,在實現顏色時,尤其是在字體中,記住不要太過分,因為那最終看起來很有趣。 您選擇的顏色不僅應該提升您業務的核心價值,而且還應該提升與客戶聯繫的潛在個性。 如果您最終為字體選擇了錯誤的顏色,它們將對您和您的業務產生不利影響。

這裡值得一提的另一個特點是對比度。 文本或頁面的對比度是背景和文本之間存在的暗度差異。 雖然您不想使用像將紅色文本放在綠色背景上這樣的舊技術,但您應該確保文本和背景之間存在良好的對比度,以便提高可讀性。

實用提示:首先,在決定字體顏色之前,您需要非常仔細地考慮應該或已經集成到您的品牌及其徽標中的顏色和字體。 例如,當您想到可口可樂時,您可能會聯想到非常獨特的捲曲字體以及紅色。 在選擇顏色時,專家建議您將其視為為房屋的房間著色。 如果您希望您的訪問者在閱讀博客時感到溫暖和舒適,請使用暗紅色和橙色,因為它們旨在放鬆和平靜感官。 但同樣,請記住不要太過分,因為大多數內容在黑色中看起來不錯並且可讀,具體取決於背景顏色。

標題字體和你應該知道的

您用於內容的標題非常重要,不僅在實際單詞方面,而且在呈現方式方面也是如此。 幾項研究表明,除非您使用吸引人的標題,否則您的訪問者會繼續尋找更有趣的內容。 人類閱讀網絡的方式有一些特定的模式,通過這種模式,您會發現大多數內容都是簡單地掃描的。 所以,如果你沒有用標題吸引訪問者的注意力,他們閱讀的機會就會進一步下降。 現在請記住,您用於標題的字體和顏色都將決定您的訪問者是否想要閱讀它。 因此,儘管您不想僅僅為了吸引註意力而開始使用 Comic Sans,但您應該保持它的可讀性。

實用提示:如果您正在配對字體(使用一種作為標題,另一種作為主要內容),請確保它們確實看起來很好。 配對有時會很棘手,因為您需要確保字體的大多數元素都匹配,這樣它們看起來彼此之間不會有太大的不同。 在這種情況下,標題字體需要補充正文。 另一方面,如果您使用相同的字體,您可以嘗試不同的大小和行距來增強標題。 相同的字體不僅可以為您的讀者提供視覺上的和諧,還可以減少需要加載的字體數量,從而提高整體加載時間和性能。

線長及其重要性

大多數製作網站的人都會考慮所使用文本的字體、大小、顏色和對比度。 然而,他們錯過的是行長。 行長負責增加或減少整體可讀性,是指每個水平行中出現的單詞或字符的數量。 影響可讀性的是句子的短或長。 如果您選擇的字體使線條顯得太長,您的訪問者的眼睛將需要走很遠的距離,這會阻礙他們的閱讀,因為這需要付出很多努力。 另一方面,如果行太短,句子的流動就會中斷,訪問者最終會失去興趣。

實用提示:可用性研究所 Baymard 提出的一個理論是,您應該選擇每行使用 50-75 個字符(包括空格)的字體,因為這樣可以提供最佳的可讀性。 您還可以使用黃金比例排版計算器根據用於閱讀內容的屏幕確定完美的行長。

字距調整及其重要性

根據維基百科的說法,“字距調整是調整比例字體中字符間距的過程,通常是為了獲得視覺上令人愉悅的結果。” 如果你使用了一個好的字體,它就會有很好的字距,並且每對字符之間的空間會相似。 如果您的設計師在 Photoshop 等圖形程序中設置字體,他將能夠更改字母之間的間距並進行調整,直到字體和字距看起來完美。 不關注字距調整會讓你付出代價,因為它通常是區分專業工作與業餘愛好者或想成為設計師的工作的最大區別。

實用提示:如果您希望您的網站看起來更專業,則每個字母之間的空間量需要相等。 如果您正在設計字體,請記住整合字距調整,因為如果字母之間存在空間連續性,可讀性會增加。 另一方面,如果您使用的是已經存在的字體,則無需擔心這一點,因為所有這些字體都會包含有關間距的信息。

結論

對於想要改善網站品牌並吸引更多客戶的企業主來說,要記住的一個關鍵方面是使用與副本相輔相成的字體。 如果你做對了,它也會對你的讀者的情緒、情緒和行動產生影響。 反過來,這將使他們更有可能轉變為忠誠的客戶。 請記住,測試字體、大小、顏色等的最佳方法之一是測試運行它並查看結果。另外,給整個過程一些時間和全神貫注,因為如果你想要完美,你'將需要為它工作。

最後,我給你留下史蒂夫喬布斯的這句鼓舞人心的名言,他主要負責為什麼我們今天如此關注字體。

“我決定參加書法課來學習如何(學習書法)。 我了解了 Serif 和 Sans-Serif 字體,了解瞭如何改變不同字母組合之間的間距,了解了是什麼讓出色的排版變得如此出色。 它過去挺美。 歷史的。 以科學永遠無法捕捉到的藝術方式微妙。”

-史蒂夫喬布斯