如何為企業網站選擇完美的字體樣式設計

  • 如何為企業網站選擇完美的字體樣式設計已關閉評論
  • A+
所屬分類:網站建設公司

如何為企業網站選擇完美的字體樣式設計您是否知道很多時候,專業網站設計與業余外觀網站的區別在于細節。

這些是您可以在您的網站上更改的微小的東西,可能會對您的網站產生巨大影響??,不會花費您太多的時間或精力。

你有沒有試過只是通過改變方式,你握緊你的高爾夫球俱樂部的微小位,而這導致了顯著??改善您的高爾夫游戲(無論是精度或距離)?

這就是我所說的 - 一個看似微不足道的小變化,為您的網站帶來了巨大的改進!

“好吧......?如果它如此簡單,那為什么不是更多自己動手的網站所有者呢?“

這是一個公平的問題。

就像大多數人一樣,?在建立一個網站時,你可能會被所有你需要做的事情所吞噬??,你完全錯過了粗糙的這些微小的寶石,可以讓你的網站閃耀。

說實話,這很常見。當我們剛開始時,我們當然錯過了很多這些小寶石。

很容易被埋沒在選擇域名,設置電子郵件,設計徽標,查找完美圖像或確定在線銷售什么等技術細節中。

我正在談論為您的網站選擇完美的字體設計(呃,標題給了它!

這聽起來很無聊而且微不足道 - 而這正是你可能沒有聽到太多關于它的原因!

成功的出版物(主要雜志,報紙,網站,小冊子等)都非常??謹慎和謹慎地選擇他們的字體設計。

他們的字體選擇絕對不是隨機的。

經驗豐富的設計師了解它的力量,因此他們非常關注它(想想史蒂夫·喬布斯?。?/span>

您很可能不是經驗豐富的設計師,因此本教程對您的網站設計非常有幫助。

通過簡單地為您的網站選擇正確的字體設計,這種不需要花費太多精力或時間的“小”更改可以為您的網站帶來有意義的改進。

不要低估選擇正確的字體設計的能力,它會對訪問者產生深刻的心理影響。經驗豐富的設計師了解這一點并非常謹慎地刻意選擇他們的字體。

 

你為什么要關心字體設計(又名字體排版)?

當史蒂夫喬布斯創造第一臺Mac時,他做了以前從未做過的事情 - 他創造了10種可供選擇的字體設計(排版)。

我知道這對我們來說聽起來并不多,但這是當時設計的重大突破。

它對行業產生了如此巨大的影響,他們稱史蒂夫喬布斯是排版的G?randfather。

如果不是史蒂夫喬布斯,這可能是你每次打開電腦時都要注意的事情:

不那么吸引人,對吧?

你可以在眼睛疲勞之前盯著這些機器人字體多長時間,或者對你正在閱讀的東西完全失去興趣,因為它看起來很難看?

完全 -?不是很長! ?

選擇正確的字體設計具有讓您的網站看起來更好的“神奇”力量,讓您的訪問者感到更放松,從而改善他們在您網站上的體驗。

史蒂夫喬布斯非常癡迷于為Mac制作完美的字體設計,因為他知道排版可以顯著改善用戶體驗。

 

您為什么要關心改善網站訪問者的體驗?

  1. 不同的字體樣式向人們傳達不同的潛意識信息 - 這可以幫助您建立品牌標識。?信不信由你,特定的字體樣式可以向人們傳達信任,穩定性,力量,優雅/精致,創造力等不同的信息。想象一下,如果你想為你的會計或合法業務建立一個網站,你認為你應該使用什么類型的字體設計?如果你正在建立婚紗攝影商業網站,你會使用相同的字體樣式嗎?可能不是。
  2. 它可以幫助您發展業務。?使用正確的字體設計和正確的布局設計可以讓您的讀者感覺更舒適,增加他們閱讀更多內容材料的機會。這有助于您與訪問者建立信任(因為他們消費更多內容),從而為您提供更好的業務發展機會。讓我們面對現實吧,如果訪問者對您在網頁上閱讀材料感到不舒服,您的業務將不會在線增長。

在下面的教程中,我將繼續:

  1. 如何使用字體設計在心理上影響您的讀者??- 特別是您的標題/標題/徽標 - 他們如何向訪問者傳達某些潛意識信息并幫助您建立品牌標識。
  2. 選擇字體和布局的7個“致命罪”??- 如果你只關注這些點,你將領先于游戲。

我們來看看吧!

 

如何為您的標題/標題/徽標選擇合適的字體設計,以符合您的品牌標識

把不同的字體想象成你在不同場合穿的不同服裝。

例如,如果您要去參加一個精致的晚宴,您可以穿著優雅的連衣裙或精致的細條紋西裝。

如果你要去健身房,你可能會穿上一些汗水和一件隨機的襯衫。

你的裝備可以直觀地展示你是誰 - 你可以選擇穿同樣的服裝來改變這種感覺。

簡而言之,您選擇的衣服會說出您的風格,您的個性,年齡,甚至您的財富。

想想穿休閑polo衫搭配寬松的白色領襯衫搭配寬松的白色領襯衫,搭配一雙帶有拋光黑色皮革禮服鞋的壓制木炭禮服褲 - 這讓人們對你的看法截然不同。

您選擇的字體設計與您選擇的服裝的行為方式相同 - 您選擇的字體設計類型說明了很多關于您,您的業務以及您的網站的內容。

你希望你的裝備有目的,適合你參加的活動。你也希望你的裝備代表你是誰。

那你為什么要選擇任何??隨機字體設計呢?

你在不同場合穿什么都說明了你是誰。這是一種視覺感知。您用于網站的字體設計類型也是如此。它說明了您經營的業務類型。

 

字體設計,它們是什么意思?

不同的字體設計會產生不同的印象。

下面的信息圖讓您清楚地了解不同的字體設計如何傳達不同的特征,如“強”或“可敬”。

使用此信息圖表指南,不難發現哪種字體設計更適合您希望人們如何看待您的品牌。

例如,當您查看下面的“Elegance”一詞時(左中間部分),字體設計完美地反映了這個詞,對吧?書法般的字體尖叫??浪漫,精致?和??美麗。

 

案例研究:如何選擇字體設計以改善標題/徽標

考慮這種情況。

你是一名財務規劃師,你理想的客戶群是千禧一代,有很好的薪酬工作,只是開始投資和計劃他們的未來。

當他們訪問您的網站時,您想要做出什么樣的第一印象?

你可能想表現出負責任,值得信賴,進取和現代,因為千禧一代可能并不是在尋找父母用過的老派理財師。

相反,您希望投射出可以與更年輕,更富裕的客戶建立聯系的感覺或感知 - 您理想的目標市場。

那么,你如何選擇反映這些特征的字體設計呢?

  • 負責任和值得信賴:您希望選擇具有Trajan或Times New Roman等傳統遺產的字體,這些字體會產生歷史感(位于上圖信息圖左上方)。
  • 漸進與現代:您希望選擇一種線條簡潔,重量較輕且設計簡約的字體。這給人一種現代感和進步感(參見上面信息圖右側的字體)。

基于上述標準,我選擇了Aller(由Font Squirrel提供)作為針對千禧一代量身定制的新時代財務規劃業務的實體字體設計。

它擁有簡潔的線條和經典的曲線設計,在新的(現代的和漸進的)和舊的(遺產 - 信任和負責任的)之間取得了良好的平衡。

該字體看起來很專業,可以發送正確的潛意識信號給尋找財務建議的千禧一代。

選擇正確的字體設計可以幫助您設置網站的基調,并幫助您吸引合適的客戶/客戶。

使用上面的信息圖表指南,您認為哪種字體適合您?

為了更進一步,讓我們來看看如何為您選擇正確的字體的4個技巧。

 

4選擇正確的字體設計的技巧

1.選擇與您的消息或品牌標識實際匹配的字體

您可能更喜歡特定的字體,但不要讓自己的個人喜好妨礙您!

字體設計可能看起來不錯,但如果它不符合目的,請將其廢棄!

相反,請專注于選擇具有您想要代表您的網站和品牌特征的字體設計(請參閱上面的財務規劃師案例研究)。

在字體設計方面,有5種主要的個性??紤]您想要代表您的網站或業務的個性:

字體人格#1)傳統,尊重,舒適,可靠

如果您希望您的網站代表這種個性,您應該考慮的字體應該是已經存在很長時間的設計,例如Georgia,Trajan和Times New Romans。

這些字體傳統上用于報紙,雜志和書籍等印刷品。由于大多數人都非常熟悉這些經典的字體設計,因此它們立即散發出對傳統,可靠性和信任的印象。

字體人格#2)當代,現代,簡約,進步:

這些字體設計非常簡潔,手寫質量較差。

它們通常具有非常大膽或非常薄的輪廓。這些設計往往具有較少的個性,因此它們看起來更現代。

如果您希望您的網站發布更現代的感覺,那么請考慮使用這種類型的字體設計。

字體選項:60 Minimalist Font Designs(來源:Canva)

字體人格#3)強,穩定,定義:?

這些字體非常大膽,具有塊狀設計。字體設計的大膽賦予了設計實質并散發出力量的印象。

如果您想要聲明或想要顯示健壯,這是您應該使用的字體類型。

字體選項:50個粗體/有影響力的字體設計(來源:Canva)

字體個性#4)浪漫,優雅,美麗,復古:?

這些是手寫式字體設計,有很多曲線。曲線賦予設計浪漫優雅的感覺。

并非所有手寫字體設計都是浪漫的,它們也可以是古怪而自由的。字體設計的斜體和曲線越多,它的外觀就越復雜。字體設計更圓,它看起來更古怪和復古:

字體人格#5)主題字體設計

這些字體設計不屬于任何特定類別,因為它們是如此風格化。它們具有各種特性,因此很難涵蓋所有這些特征。

如果您想創建獨特的品牌標識,這些字體設計非常方便。由于所有設計都非常專業,因此需要更多的設計技巧才能選出合適的設計。

這是瀏覽程式化字體設計的更多資源??(來源:Canva)。

2.選擇與您想要吸引的受眾或客戶類型相匹配的字體設計

問自己探究問題,以確定您想要吸引的完美受眾或客戶。一些問題包括:

  • 什么是理想的年齡組?
  • 什么是首選性別?
  • 他/她在做什么職業?
  • 他/她是否有更多/更少的可支配收入?

這些問題將幫助您了解您想要通過您的品牌吸引誰。

例如,如果您有一個具有復古和質樸感的時尚咖啡館,您可能希望使用非?,F代和復古的字體設計來吸引以設計為導向的年輕咖啡愛好者。

 

3.字體設計易于閱讀嗎?

不要選擇難以閱讀的超級復雜字體設計。

我知道這聽起來很明顯,但我看到隨機網站試圖脫穎而出,試圖脫穎而出。

永不放棄設計的可讀性!

如果您無法快速瀏覽文本,請將其廢棄!

例如,這個自定義排版看起來很漂亮,但我幾乎看不懂文字:

 

這是一個很好的例子,美麗的排版沒有過度:

 

4.選擇多功能的字體

您將在整個網站中使用相同的字體,并且可以在具有不同屏幕尺寸的不同設備上查看您的網站。

因此,無論大小,重量或樣式如何,您都希望字體設計看起來很好。

當您選擇字體時,請問自己以下問題:

  • 在大膽,斜體或正常的不同重量下它看起來不錯嗎?
  • 各種尺寸看起來都不錯嗎?

在我們解決選擇字體樣式的7個“致命罪”之前,我想重新嘗試改變字體設計是一種快速簡便的方法來改善您的品牌標識,并有助于與目標受眾建立聯系。

查看您的網站并按照上面的討論,看看您是否能找到更好的標題/標題/徽標字體。

我保證,選擇合適的字體樣式可以對您的網站產生有意義的影響!

在哪里可以找到Web字體 - 有用的資源:

這里有一些資源,你可以獲得更多的字體設計理念!

  • 谷歌字體?- 免費字體
  • Font Squirrel?- 免費和付費字體
  • 1001字體?- 免費字體

既然您知道如何選擇正確的字體設計,我想告訴您在選擇字體時要避免的內容。

在為您的內容選擇字體樣式時要避免7種“致命罪”

有些書籍專門針對排版背后的設計和科學而寫。

雖然如果你想成為一名專業設計師,它們很棒,但對于像我們這樣的普通人來說,這有點過頭了。

我沒有仔細考慮所有的理論和技術,而是將這7件事情放在一起,以便在選擇字體以提高網站的可讀性時絕對避免。

這專門針對您網站的內容區域(例如描述段落,博客帖子等)。

如果您已經擁有一個網站,那么與您的網站一起瀏覽以下7個點可能會有所幫助。

1.不要使用俗氣的字體

這可能是你想要在孩子的生日聚會邀請函中使用的東西,但是在任何想要認真對待的網站上沒有俗氣和時髦的字體??。

每種字體設計都有自己的個性(如上所述)。根據字體設計,它會給您的網站和品牌留下不同的印象。

例如,字體“Papyrus”讓您想到古代文明。這是一種你期望看到的埃及木乃伊電影的標題字體,而不是財務規劃網站。

雖然這些俗氣的字體在有趣和愛好的網站(直接從90年代)中占有一席之地,但如果你想看起來很專業,不要在你的網站上使用它們。

2.不要使用難以閱讀的凌亂字體

為主要內容選擇字體設計與為標題/標題/徽標選擇字體有很大不同。

您網站內容的目的是向您的讀者提供有關您的產品或服務的有用信息。所以可讀性在這里非常重要。

不要使用難以閱讀的程式化字體設計使事情復雜化。

這里有一些我最喜歡的,免費的字體樣式,你應該能夠在任何體面的網站建設者中找到。

看看Wix中的一些新字體樣式(根據我們的評論,這是一個優秀的網站構建者)。

如有疑問,這些是您可以隨時使用的字體設計:

仍然無法選擇正確的字體設計?

這是一個來自Basekit的漂亮的字體設計流程圖,可幫助您為內容區域選擇正確的字體(點擊查看完整的信息圖):

 

其他有用的資源:

  • 十大最受歡迎的字體設計??(點擊打開圖片)
  • 更多字體設計選擇(來源:Canva)

3.沒有給你的線足夠的空間

使內容更易于閱讀的最簡單方法之一是在每行之間添加足夠的間距。

完美線條高度的幻數是您使用的字體大小的150%。

例如,如果您使用24px字體大小,則行高將為36px(這是24px的150%):

完美空間
(150%線高)

 

沒有足夠的空間
(100%線高)

(185%線高)

很容易看到左欄看起來最好。

4.不要使用太多不同的字體設計

在設計時,總是更少。

您希望將網站上的字體設計數量保持在不超過4個。

  • 標題或頁面標題的1種字體樣式
  • 字幕的1字體樣式可選 - 這不是必須的。您可以始終對字幕和正文內容使用相同的字體樣式。您可以簡單地更改字幕的字體大小,使其更突出
  • 1個字體樣式用于正文內容區域
  • 1種字體的引號

太多樣式的字體可能會使您的網站看起來凌亂和不專業。?人們可能很難弄清楚您嘗試溝通的重要信息是什么。

因此,請保持簡單,并將您在網站上使用的字體樣式數量限制為不超過4。

5.不要使用太多的字體顏色

顏色是一種強大的品牌工具。

例如,當你想到星巴克時,會想到什么顏色?很可能是你在他們的徽標和網站上看到的綠色。

當您為字體選擇顏色時,只選擇真正代表您或您的企業的1或2種品牌顏色,以用于標題或副標題。

除此之外的任何東西都會看起來像馬戲團一樣凌亂。

6.不要隨意選擇字體大小

您可以在網站上選擇任何您喜歡的字體大小。但在您開始隨機為頭條新聞和字幕分配大小之前,我想向您介紹模塊化縮放字體大小。

什么是模塊化縮放字體大???

它是一系列和諧的字體大小,具有完美的比例,一般公眾認為“美麗”。

我們被美麗的東西所吸引,最美麗的東西具有完美的比例。信不信由你,這與字體大小相同!

因此,不要猜測?你應該使用什么字體大小,為什么不只是幫自己一個忙,并使用以下大小,據說基于某些數學模型具有完美的比例。

推薦字體大小:8,16,24,32,48,64,95

16px是主體文本的理想字體大小。它不是太小或太大,所以它確實有助于提高段落的可讀性。

實際上,我們在文章主要內容區域使用的字體大小為16px。

只需堅持使用此指南,您將始終獲得完美比例的字體大??!

有用的資源:

  • 你想要一個不同于我們推薦的字體大小嗎?您可以使用此模塊化比例計算器創建自己的完美字體大小比例。

7.沒有足夠的空白區域

用大量信息來收集網頁非常容易。更多內容更好,對吧?

但是當你在頁面上沒有足夠的呼吸空間而干擾太多內容時,它會讓你的訪客感到不知所措,因為他們必須更加專注于吸收信息。

那么,你是怎么做到的?

非常簡單 - 只需確保在段落之間以及頁面上的不同內容之間留出更多空白區域(我們在下面有示例)。

白色空間只是標題,副標題,正文,圖像或視頻等內容之間的空白或空白區域 - 簡單地說,它就是頁面上的空白區域。

這是您現在可以做的最簡單的事情之一,可以立即讓您的內容更容易閱讀。

白色空間如何幫助改善您的網站?

1)白色空間有助于使您的網站看起來更精致和優雅

極簡主義設計給人以優雅,精致和美麗的印象。

當您在網頁中添加更多空白區域時,您將使頁面更加“簡約”并更好地組合在一起。

以下是同一廣告的示例 - 您是否可以看到不會以大量內容壓倒廣告的好處?

左邊的那個看起來俗氣而且便宜 - 就像它是從八卦雜志的一頁中看到的。

右邊的那個看起來比較級別和高端 - 就像專業雜志出版的一頁。

它們是具有相同圖片和內容的完全相同的廣告。唯一的區別是右邊的廣告有更多的空白區域。

2)白色空間有助于人們專注于重要信息

放置良好的空白區域可以幫助突出顯示重要信息,而不會顯得俗氣。

標題周圍的空間,“創意。周到的設計?!坝行谓Y果”,有助于使其在頁面上脫穎而出。

由于這是公司的座右銘,這有助于引導訪客在登陸網站時關注標題。它干凈,清晰,直接。

3)白色空間減輕了眼睛的壓力,因此您的訪問者可以閱讀更多內容并在您的頁面上停留更長時間

如果您有一個博客或擁有大量信息的網站,空白區域可以真正幫助您減少壓倒性的信息。

 

只需在列之間添加更寬的邊距,有助于使頁面看起來不那么令人生畏或混亂。

標題和副標題,每個段落,圖像和正文之間的額外空間也使頁面看起來更輕松。

使用更多空白區域是一種簡單的技術,可以立即改善訪問者在您網站上的用戶體驗。

瀏覽每個頁面并考慮可以添加更多空間的位置。另外,請嘗試遠離計算機屏幕 - 這可以幫助您發現頁面上任何不必要的混亂。

結論 - 如何為您的網站選擇完美的字體

作為一個網站或企業主,您應該經常以最小的努力尋找超大的獎勵。這些寶石可以真正發揮重要作用。

排版(選擇正確的字體設計)是可能對您的網站和商業品牌產生重大積極影響的微小細節之一 - 您的工作量相對較少。

大多數人都不是熟練的設計師,但正如您在上面的討論中所看到的,您不需要成為一個設計搖滾明星來提高您的網站的可讀性,并通過應用上述一些指導方針來傳達您的品牌的內容。

因此,請花點時間瀏覽上面的討論點和現有網站。如果您要開始新網站,請將此頁面添加為書簽,并在準備好后再次重新訪問。

想知道以相對較少的努力顯著改善網站設計的另一種方法嗎?看看這個關于如何找到專業外觀圖像的討論,而無需支付專業價格!