石家莊外貿(mào)建網(wǎng)站之字體如何選擇?們會匹配嗎?
還是應(yīng)該堅(jiān)持趨勢?
如果不是,字體是否足夠獨(dú)特?他們會把注意力從內(nèi)容上移開嗎?它甚至清晰嗎?
...而那只是冰山一角。
如您可能是第一手資料,為您的網(wǎng)站考慮字體和排版可能會讓人不知所措。
流行的字體庫(例如 Google字體 和 Adobe字體) 已經(jīng)為網(wǎng)站提供了數(shù)千種字體,因此您可以找到最適合您的 網(wǎng)站的字體 。
以前,我們已經(jīng)討論了 字體顏色 和其他用于控制網(wǎng)站內(nèi)容的有用方法,但同樣重要的是字體,有時甚至被忽略了。
您的字體需要大膽但不能使人壓倒,經(jīng)典但不乏味,有趣但要專業(yè),清晰易讀且獨(dú)特。為了使事情變得簡單,可以遵循一些常見的排版基礎(chǔ)知識。
在選擇網(wǎng)站字體時,這些要素將帶您了解一些基本原理以及常見的錯誤和提示。
襯線還是無襯線?
這是101設(shè)計(jì)課程中的基本概念,但是如果您從未參加過,則襯線與無襯線之間的斗爭是漫長的。
石家莊外貿(mào)建網(wǎng)站襯線是字母和符號邊緣上的小線條(或筆畫或尾巴),而無襯線是沒有線條的字體。襯線據(jù)說更經(jīng)典和正式,而無襯線被認(rèn)為更現(xiàn)代和簡單。Times New Roman是襯線字體,而Arial是sans serif字體。
有一個神話, 襯線僅應(yīng)用于印刷 ,而無襯線更適合用于網(wǎng)絡(luò)。還有一種說法是,盡管許多人學(xué)會了如何使用Times New Roman進(jìn)行打字,但計(jì)算機(jī)和筆記本電腦的屏幕質(zhì)量使其很難讀取襯線。襯線字體。
使用 高清技術(shù) 和多種字體選項(xiàng),這不再是真正的問題。但是,仍然有一些地方和地方首選無襯線,例如:
低分辨率顯示器
對于新讀者(即兒童)
小文字
低對比度的圖案或顏色豐富的文字
無論選擇哪種字體樣式, 兩者都有 優(yōu)點(diǎn)和缺點(diǎn)。這僅取決于您希望網(wǎng)站具有的外觀。不能決定?
嘗試將它們配對。這種簡單容易的組合可以產(chǎn)生凝聚力的外觀。
Sans Serif具有適應(yīng)性,因此可以呈現(xiàn)周圍字體的特征,使其成為大多數(shù)其他字體的良好伴侶。例如,考慮 Proxima Nova 字體家族(在撰寫本文時,該字體非常受歡迎)-Mark Simonson較早的Proxima Sans字體的演進(jìn)版本。
但是,這些只是指南,而不是法律。有時,一對字體看起來或感覺恰到好處,即使邏輯上說不應(yīng)該。并排比較版式后,您會驚訝自己喜歡的東西,而又不喜歡在一起。
避免這些常見的印刷錯誤
不幸的是,并不是印刷字體做得好,而是印刷字體 錯誤 會引起最大的爭議。排版不僅僅是在漂亮的背景上排列漂亮的字體,它還是網(wǎng)站設(shè)計(jì)的重要組成部分,它可以使整個項(xiàng)目成敗。
錯誤可能會像疼痛的拇指一樣突出,因此,如果您想傳達(dá)信息而不分散錯誤,請學(xué)習(xí)識別一些最常見的錯誤。
#1:您的網(wǎng)站“不可讀”
當(dāng)然,在為網(wǎng)站設(shè)計(jì)選擇字體時,最重要的規(guī)則是確保文本可讀(即易讀)。如果查看者在閱讀文本時遇到困難,您的整體信息將會在翻譯中迷失方向。
很容易陷入設(shè)計(jì)過程中的激動之中,以至于您選擇實(shí)現(xiàn)某種外觀,但最終可能不切實(shí)際。
易讀性不一定是字體的錯。有時,只是因?yàn)樽煮w顏色和背景顏色太相似,或者行距不足。每當(dāng)您覺得眼睛不愿閱讀某些東西時,這就是一個問題。
如果瀏覽者不愿閱讀您網(wǎng)站上的文字,他們將不會停留太長時間。標(biāo)頭可能更詳細(xì),但是大塊的正文應(yīng)采用易于閱讀的字體。 請記住 ,“ 90%的設(shè)計(jì)是版式,其余90%是空白。”
當(dāng)涉及到網(wǎng)站設(shè)計(jì)的美觀性時,通常很容易就可以將其視而不見,但是如果您一眼就無法分辨出該網(wǎng)站試圖交流的內(nèi)容,那么它就無法閱讀。讓其他人查看您的網(wǎng)站,或使用WebpageFX的可讀性測試工具來測試其可讀性 。
#2:字體不匹配
組合字體時,您希望它們形成對比而不是沖突。使用過多的字體或不匹配它們可能對眼睛沒有吸引力。
僅僅因?yàn)樽煮w不同并且外觀好看,并不意味著它們一起使用時會自動工作。
網(wǎng)站設(shè)計(jì)通常受益于數(shù)量有限的字體(通常,兩到三種字體是一個很好的經(jīng)驗(yàn)法則)。字體具有相同的質(zhì)量(例如,相似的比例或具有相同高度的小寫字母),即使整體外觀不同,也更有可能看起來很好。
使用相同字體家族的 字體 始終是一個安全的選擇,因?yàn)樗鼈兪怯幸鈩?chuàng)建的,可以一起使用。當(dāng)然,您仍然需要確保它們之間的區(qū)別足夠大,可以在設(shè)計(jì)文本中建立層次結(jié)構(gòu)。
#3:缺乏與眾不同
選擇適合您網(wǎng)站環(huán)境的字體的一個很好的出發(fā)點(diǎn)是將預(yù)期消息的質(zhì)量與字體的感知特征相匹配。 Google字體 有840多種字體可供選擇,而TypeKit的 市場上則有6,000多種字體。
大多數(shù)人在設(shè)計(jì)網(wǎng)站時只使用最受歡迎字體的組合,但是花時間并考慮其他字體以確保唯一性很重要。
諸如Template Monster之類的網(wǎng)站提供 獨(dú)特的字體 ,這些字體肯定會幫助您在競爭對手中脫穎而出。例如,“ 保持優(yōu)雅” 是一個獨(dú)特且有吸引力的手寫腳本,可以幫助突出顯示內(nèi)容的關(guān)鍵概念。
如何選擇和配對字體
既然您知道了襯線字體和無襯線字體之間的區(qū)別,并且知道了 不 應(yīng)該做的事情,那么該開始選擇字體了。除了我們寫的可讀性前面,還有一個重要的因素配對排版時要記住- ç reate對比。
您的字體應(yīng)具有不同的文字樣式,并且在美學(xué)上仍然令人賞心悅目,同時與您網(wǎng)站的品牌保持一致。
在創(chuàng)建對比時,將較粗體和更細(xì)微的字體相互配對。您的文字將有所變化,而不會過于壓倒一切。
相反的字體確實(shí)會吸引人,所以不要害怕將“內(nèi)向”和“外向”字體組合在一起。關(guān)鍵是通過配對相似但不同的字體來與您的網(wǎng)站設(shè)計(jì)保持平衡。如果需要快速配對,請選擇一個襯線和一個無襯線。如前所述,兩者可以很好地協(xié)同工作,尤其是在尺寸不同的情況下。
如果在選擇字體時您不知道從哪里開始,可以使用以下資源來幫助您:
字體對 可讓您瀏覽從Google字體中選擇的標(biāo)題和正文文本配對,從而向您顯示哪些字體看起來很好。 Brandmark的字體生成器使 您可以選擇開始的三種字體(或?qū)⑺鼈冸S機(jī)化),并在頁面上查看它們的變化。
記住,要形成對比,但不要沖突。
最后的想法
字體應(yīng)吸引人眼球,不要過于分散注意力,尤其是在過于復(fù)雜的情況下,可能會導(dǎo)致設(shè)計(jì)失敗。
確保避免常見的錯誤,例如字體不匹配和易讀性,以確保您的網(wǎng)站擁有自己的獨(dú)特字體。將較粗的標(biāo)題與更細(xì)膩的字體配對,以使您的文本形成對比,而不會造成太大影響。在公開發(fā)布字體之前,請找一個誠實(shí)誠實(shí)的人看看最終的項(xiàng)目。
如果訪問者僅通過查看網(wǎng)站的正文即可識別您的品牌,那么您的方向正確。保持簡單,清晰易懂,最終您的一致性將得到回報……人們將能夠僅從您的字體和字體識別您的品牌 。