成都外貿(mào)建網(wǎng)站之字體如何選擇?

2022-07-12    分類: 網(wǎng)站建設(shè)

成都外貿(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)生凝聚力的外觀。

成都外貿(mào)建網(wǎng)站相關(guān):  前50種Google字體配對[由Pro Designers精選]

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)站的正文即可識別您的品牌,那么您的方向正確。保持簡單,清晰易懂,最終您的一致性將得到回報(bào)……人們將能夠僅從您的字體和字體識別您的品牌  。

本文題目:成都外貿(mào)建網(wǎng)站之字體如何選擇?
文章URL:http://bm7419.com/news/177213.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供Google、ChatGPT、動態(tài)網(wǎng)站網(wǎng)站內(nèi)鏈、微信小程序App開發(fā)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都做網(wǎng)站