如何爲網站選擇合適的字體樣式
你知道吗,有时候,专业网站設計和业余网站設計的区别,就在于那些微小的細節。
這些微小的細節的改變可以爲你的網站帶來巨大的變化,卻不會花費你太多時間或精力。
有沒有試過稍微改變你握球拍的方式,卻顯著提升了你的水平(精確度或者距離)?
这就是我说的--小小的、不起眼的改变,可以为你的网站带来巨大的變化!
“好吧……如果真的像你說的一樣,爲什麽很多DIY網站並沒有這樣做?”
好問題。
就像很多人一样,你可能已经做了所有应该做的事情来建设一个网站,但你完全错过了這些能让你的网站更优秀的细节。
这很正常,我們刚开始做的时候也漏掉了许多小细节。
毕竟我們有那么多的技术细节要处理,比如选择域名、设置邮箱、設計logo、寻找图片、决定到底要在网上卖什么等。
我們现在要讨论的是为你的网站选择最合适的字体样式(对!标题已经透露了!)
這聽起來很無聊、很微不足道,但這可能正是爲什麽你沒有怎麽聽說過的原因。
成功的出版物(雜志、報紙、網站、手冊等)都會細心地選擇字體樣式。
他們的字體當然不是隨意選擇的,
有经验的設計师了解字体的作用,所以在这方面花费了很多精力(想想乔布斯!)。
你大概不是一位有经验的設計师,那么本文将对你的网站設計非常有帮助。
爲你的網站選擇合適的字體樣式,這個“小小的”變化並不會花費你太多精力和時間,但卻能爲你的網站帶來非常大的提升。
不要低估字体样式的作用,以及它们对网站访问者的心理冲击。经验丰富的設計师理解这一点,并且愿意细心挑选合适的字体。
字體樣式爲什麽如此重要?
当乔布斯创造出第一台Mac,他做了一件大事--設計了10种字体,用户可以随意选择使用。
當然現在聽起來這好像沒什麽,但在當時卻是一大創舉。
此舉對行業産生了巨大影響。
如果沒有喬布斯,那麽你每次打開電腦面對的可能就是下面這樣:

太傷眼了……
一點都不好看,是不是?
你能盯着這些难看的文字坚持多久?
絕不會太長。
選擇合適的字體就有這種“魔力”,能讓你的網站看起來更好,讓訪問者感覺更加舒適,從而提升他們的用戶體驗。
乔布斯知道字体在提升用户体验方面的作用,所以为Mac設計了很多字体。
爲什麽要關心提升網站用戶體驗的問題?
1.不同的字體樣式能傳達出不同的潛意識信息--這對建立品牌形象很有幫助。不管你信不信,特定的字體可以傳達出不同的信息,比如信任、穩定、力量、優雅、精致、創意等等。如果要爲自己的公司或者律師事務所開設一個網站,你會選擇什麽字體?會和婚禮攝影公司網站選擇一樣的字體嗎?恐怕不會吧。
2.合適的字體能夠幫你拓展業務。使用合适的字体样式配上合适的布局設計能让访问者感觉更加舒适,增加他们继续阅读更多内容的机会。这可以帮助你与访问者之间建立信任(他们阅读了更多内容),因此为你提供了拓展业务的更好机会。如果访问者认为无法舒适地阅读网页上的内容,那么你的线上销售肯定无法增长。
下面的教程中,我們将涉及的内容包括:
1.【您正在讀】如何應用字體樣式對訪問者産生心理沖擊--尤其是標題、logo等--向訪問者傳達出潛在信息,幫助你樹立品牌形象。
2.【下一篇】選擇字體和布局的“七宗罪”--如果你能注意到這幾點,那你已經遙遙領先了。
下面開始進入正題。
如何爲標題、logo等選擇字體以匹配品牌形象
字體就像衣服,不同場合有不同的搭配。
如果要參加晚宴,那你可能需要穿上禮服。
如果要去健身房,那你會選擇運動衫。
你的衣服是你個人的一種直觀表示--你可以選擇在同個場合穿不同的衣服來改變人們的觀感。
簡單說,你對衣服的選擇暴露出你的一些信息,比如你的風格、個性、年齡,甚至你的財富狀況。
想想你穿著一件休閑polo衫和休閑鞋,和穿著一件潔白的襯衫配一條竹炭纖維褲加锃亮的黑色皮鞋,這兩種裝扮給人的感覺完全不同。
你選擇的字體發揮的作用和你對服裝的選擇差不多。字體透露出了你的信息,包括你的業務和你的網站。
你希望自己的服裝搭配適合你要參與的活動,希望自己的服裝能夠代表自己。
那麽你爲什麽隨隨便便地選擇一種字體呢?
你在不同場合的穿著代表了你自己的某一方面。同樣的,網站字體的選擇也透露了你的網站的一些內容。
什麽是字體樣式?
不同的字體能給人們不同的印象。
下圖就清晰地展示了不同的字體是如何傳遞出諸如“Strong”或者“Respectable”的信息的。
使用這張信息圖,選擇符合自己品牌形象的字體就不那麽麻煩了。
比如,當你看到“Elegance”這個詞時,字體完美地表達了這個意思,對不對?書法般的字體處處透露出浪漫、精致、美觀。

案例研究:如何爲你的標題、logo等挑選合適的字體
想象一下這個場景。
你是一名理財規劃師,你的理想客戶群是高薪的千禧一代,他們剛剛開始爲將來做投資規劃。
當他們訪問你的網站時,你希望他們得到怎樣的第一印象?
可能需要看起來有責任感、值得信賴、有進取心並且很現代化,因爲千禧一代一般不會喜歡他們父母喜歡的老派理財規劃師。
你應該展示出能與年輕、富有的理想目標市場交流的特征。
那么,你应该如何选择能表达出這些特征的字体呢?
·有責任感、值得信賴:你要选择那些比较传统的字体比如Trajan字体或Times New Roman字体,给人一种有历史沉淀的感觉(位于上图中左上位置)。
·有進取心、現代化:选择那些线条简单、設計简约的字体,能给人一种现代和进步的感觉(比如上图中右手侧的字体)。
基于上述标准,我为这个为千禧一代量身定制的理财服務企业的网站选择了Aller字体。

这个字体线条简单,曲线設計经典,在新(現代&進取)和舊(繼承--信任&負責)之間達到了很好的平衡。
這個字體看起來很專業,能夠向尋求財務建議的千禧一代傳達出正確的潛在信號。
選擇合適的字體能夠幫你設定網站的基調,吸引正確的客戶。
參考上面的信息圖,你認爲自己的網站更適合哪一種字體?
下面我們要再进一步,看看選擇合適字體的四個小技巧。
選擇合適字體的四個小技巧
1.選擇與你的信息或品牌形象相匹配的字體
可能你本身有比較喜歡的字體,但是,不要讓自己的個人喜好成爲擋路石!
一種字體可能很好看,但如果跟你的目的不合,千萬不要用!
一定要選擇那些能表達出自己網站和品牌特征的字體(參考上面的理財規劃師)。
字體有五種常見的個性。思考一下哪種個性適合你的網站或者公司。
字體個性1.傳統、可敬、舒適、可靠:

傳遞這種個性的字體舉例
如果你的网站想要表达这种个性,那字体选择上应该考虑已经出现很久的設計,比如Georgia、Trajan、Times New Romans。
這些字体传统上被用于报纸、杂志、书籍等印刷品。大部分人对這些经典的字体都很熟悉,因此它们给人以出继承、可靠、信任的印象。
字體個性2.當代,現代,極簡,進步:

傳遞這種個性的字體舉例
這些字体設計简单,没有多少手写的感觉。
它们通常要么很粗要么很细,設計上尽可能不显示个性,看起来更加现代。
如果你想要網站看起來更加現代,請考慮這類字體。
推薦點擊:30款用于极简設計的英文圆滑字体
字體個性3.強大、穩定、清晰:

傳遞這種個性的字體舉例
這些字体一般很粗,且有棱有角。加粗让這些看起来更有存在感,给人以力量的感觉。
如果你要發表聲明或者表現出強大,這類字體應該是你的選擇。
字體選擇:50個最佳粗體字體
字體個性4、浪漫、優雅、魅力、複古:

傳遞這種個性的字體舉例
這些手写体字体有很多曲线。這些曲线赋予了字体一种浪漫和优雅的感觉。
當然並不是所有手寫體字體都很浪漫。它們還可以表達自由奔放和奇特。字體越偏向斜體,曲線越多,看起來就越複古。字體越圓,就越奇特。

字體選擇:60书法字体設計
字體個性5.主題字體:

傳遞這種個性的字體舉例
這些字体不属于任何某种特定的类别,因为它们各自的风格非常明显,无法将它们归为某一类。
如果你想打造独特的品牌形象,這些字体就是不错的选择。这需要一些設計技巧来选择最合适的哪一个,因为它们每一种都很独特。
這裏可以找到更多主題字體:程式化的字体設計
2. 选择与你想吸引的客户相匹配的字体
问问自己一些尖锐的问题,来確定自己想吸引的客户群体是哪些。這些问题应该包括:
· 最理想的年齡段?
· 首選性別?
·他/她的職業是什麽?
·他/她的可支配收入有多少?
這些问题会帮你了解自己的品牌会吸引哪些客户群体。
比如,如果你经营了一家复古、乡村的咖啡厅,那么你应该选择现代复古的字体来吸引那些喜欢設計的年轻的咖啡爱好者。

3.選擇的字體是否易于閱讀?
千萬不要選擇那些看起來很複雜不能一眼認出是什麽的字體。
知道这个建议听起来似乎多此一举,但我真的见过许多网站为了从竞争对手中脱颖而出而設計得极其花哨。
千万不要为了設計而抛弃易读性!
如果某種字體無法讓你一眼認出,抛棄它!
比如,這種自定義排版看起來很漂亮,但我幾乎認不出寫的到底是什麽:

而下面則是排版漂亮的正面例子:

4. 选择可变的字体Choose a font that is versatile
整個網站要使用同樣的字體,而你的網站要適應不同設備的不同屏幕。
因此,你選擇的字體必須要好看,不論大小、粗細和風格。
選擇合適的字體時思考下面的問題:
· 正常、加粗、斜體時一樣好看嗎?
· 不同字號的同個字體一樣好看嗎?

在开始选择字体的“七宗罪”之前,我要重申,改变字体設計是提升品牌形象、与目标客户建立联系的快捷而简便的方法。
检查你的网站,参考我們前面的讨论,看你能不能为标题、logo选择更好的字体。
我保證,選擇合適的字體樣式能爲你的網站帶來深遠的影響。
哪裏能找到字體--有用的資源:
现在,你已经知道了应该如何选择合适的字体,下面我們来谈谈选择字体时应该避免的问题。【下一篇】選擇字體和布局的“七宗罪”--如果你能注意到這幾點,那你已經遙遙領先了。