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

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

成都外貿(mào)建網(wǎng)站之字體如何選擇?們會(huì)匹配嗎?

還是應(yīng)該堅(jiān)持趨勢(shì)? 

如果不是,字體是否足夠獨(dú)特?他們會(huì)把注意力從內(nèi)容上移開嗎?它甚至清晰嗎?

...而那只是冰山一角。

如您可能是第一手資料,為您的網(wǎng)站考慮字體和排版可能會(huì)讓人不知所措。

流行的字體庫(例如  Google字體  和  Adobe字體)  已經(jīng)為網(wǎng)站提供了數(shù)千種字體,因此您可以找到最適合您的  網(wǎng)站的字體  。 

以前,我們已經(jīng)討論了  字體顏色  和其他用于控制網(wǎng)站內(nèi)容的有用方法,但同樣重要的是字體,有時(shí)甚至被忽略了。 

您的字體需要大膽但不能使人壓倒,經(jīng)典但不乏味,有趣但要專業(yè),清晰易讀且獨(dú)特。為了使事情變得簡單,可以遵循一些常見的排版基礎(chǔ)知識(shí)。

在選擇網(wǎng)站字體時(shí),這些要素將帶您了解一些基本原理以及常見的錯(cuò)誤和提示。 

襯線還是無襯線?
這是101設(shè)計(jì)課程中的基本概念,但是如果您從未參加過,則襯線與無襯線之間的斗爭是漫長的。


成都外貿(mào)建網(wǎng)站襯線是字母和符號(hào)邊緣上的小線條(或筆畫或尾巴),而無襯線是沒有線條的字體。襯線據(jù)說更經(jīng)典和正式,而無襯線被認(rèn)為更現(xiàn)代和簡單。Times New Roman是襯線字體,而Arial是sans serif字體。

有一個(gè)神話,  襯線僅應(yīng)用于印刷  ,而無襯線更適合用于網(wǎng)絡(luò)。還有一種說法是,盡管許多人學(xué)會(huì)了如何使用Times New Roman進(jìn)行打字,但計(jì)算機(jī)和筆記本電腦的屏幕質(zhì)量使其很難讀取襯線。襯線字體。 

使用  高清技術(shù)  和多種字體選項(xiàng),這不再是真正的問題。但是,仍然有一些地方和地方選無襯線,例如:

低分辨率顯示器
對(duì)于新讀者(即兒童)
小文字
低對(duì)比度的圖案或顏色豐富的文字
無論選擇哪種字體樣式, 兩者都有  優(yōu)點(diǎn)和缺點(diǎn)。這僅取決于您希望網(wǎng)站具有的外觀。不能決定? 

嘗試將它們配對(duì)。這種簡單容易的組合可以產(chǎn)生凝聚力的外觀。

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

Sans Serif具有適應(yīng)性,因此可以呈現(xiàn)周圍字體的特征,使其成為大多數(shù)其他字體的良好伴侶。例如,考慮  Proxima Nova  字體家族(在撰寫本文時(shí),該字體非常受歡迎)-Mark Simonson較早的Proxima Sans字體的演進(jìn)版本。


但是,這些只是指南,而不是法律。有時(shí),一對(duì)字體看起來或感覺恰到好處,即使邏輯上說不應(yīng)該。并排比較版式后,您會(huì)驚訝自己喜歡的東西,而又不喜歡在一起。 

避免這些常見的印刷錯(cuò)誤
不幸的是,并不是印刷字體做得好,而是印刷字體  錯(cuò)誤  會(huì)引起大的爭議。排版不僅僅是在漂亮的背景上排列漂亮的字體,它還是網(wǎng)站設(shè)計(jì)的重要組成部分,它可以使整個(gè)項(xiàng)目成敗。  

錯(cuò)誤可能會(huì)像疼痛的拇指一樣突出,因此,如果您想傳達(dá)信息而不分散錯(cuò)誤,請(qǐng)學(xué)習(xí)識(shí)別一些最常見的錯(cuò)誤。 

#1:您的網(wǎng)站“不可讀”
當(dāng)然,在為網(wǎng)站設(shè)計(jì)選擇字體時(shí),最重要的規(guī)則是確保文本可讀(即易讀)。如果查看者在閱讀文本時(shí)遇到困難,您的整體信息將會(huì)在翻譯中迷失方向。

很容易陷入設(shè)計(jì)過程中的激動(dòng)之中,以至于您選擇實(shí)現(xiàn)某種外觀,但最終可能不切實(shí)際。 


易讀性不一定是字體的錯(cuò)。有時(shí),只是因?yàn)樽煮w顏色和背景顏色太相似,或者行距不足。每當(dāng)您覺得眼睛不愿閱讀某些東西時(shí),這就是一個(gè)問題。

如果瀏覽者不愿閱讀您網(wǎng)站上的文字,他們將不會(huì)停留太長時(shí)間。標(biāo)頭可能更詳細(xì),但是大塊的正文應(yīng)采用易于閱讀的字體。 請(qǐng)記住  ,“ 90%的設(shè)計(jì)是版式,其余90%是空白。”

當(dāng)涉及到網(wǎng)站設(shè)計(jì)的美觀性時(shí),通常很容易就可以將其視而不見,但是如果您一眼就無法分辨出該網(wǎng)站試圖交流的內(nèi)容,那么它就無法閱讀。讓其他人查看您的網(wǎng)站,或使用WebpageFX的可讀性測(cè)試工具來測(cè)試其可讀性  。 

#2:字體不匹配
組合字體時(shí),您希望它們形成對(duì)比而不是沖突。使用過多的字體或不匹配它們可能對(duì)眼睛沒有吸引力。 

僅僅因?yàn)樽煮w不同并且外觀好看,并不意味著它們一起使用時(shí)會(huì)自動(dòng)工作。 

網(wǎng)站設(shè)計(jì)通常受益于數(shù)量有限的字體(通常,兩到三種字體是一個(gè)很好的經(jīng)驗(yàn)法則)。字體具有相同的質(zhì)量(例如,相似的比例或具有相同高度的小寫字母),即使整體外觀不同,也更有可能看起來很好。 

使用相同字體家族的  字體  始終是一個(gè)安全的選擇,因?yàn)樗鼈兪怯幸鈩?chuàng)建的,可以一起使用。當(dāng)然,您仍然需要確保它們之間的區(qū)別足夠大,可以在設(shè)計(jì)文本中建立層次結(jié)構(gòu)。 

#3:缺乏與眾不同
選擇適合您網(wǎng)站環(huán)境的字體的一個(gè)很好的出發(fā)點(diǎn)是將預(yù)期消息的質(zhì)量與字體的感知特征相匹配。 Google字體  有840多種字體可供選擇,而TypeKit的  市場(chǎng)上則有6,000多種字體。

大多數(shù)人在設(shè)計(jì)網(wǎng)站時(shí)只使用最受歡迎字體的組合,但是花時(shí)間并考慮其他字體以確保性很重要。 

諸如Template Monster之類的網(wǎng)站提供  獨(dú)特的字體  ,這些字體肯定會(huì)幫助您在競(jìng)爭對(duì)手中脫穎而出。例如,“  保持優(yōu)雅” 是一個(gè)獨(dú)特且有吸引力的手寫腳本,可以幫助突出顯示內(nèi)容的關(guān)鍵概念。 


如何選擇和配對(duì)字體
既然您知道了襯線字體和無襯線字體之間的區(qū)別,并且知道了  不  應(yīng)該做的事情,那么該開始選擇字體了。除了我們寫的可讀性前面,還有一個(gè)重要的因素配對(duì)排版時(shí)要記住-  ç reate對(duì)比。

您的字體應(yīng)具有不同的文字樣式,并且在美學(xué)上仍然令人賞心悅目,同時(shí)與您網(wǎng)站的品牌保持一致。 

在創(chuàng)建對(duì)比時(shí),將較粗體和更細(xì)微的字體相互配對(duì)。您的文字將有所變化,而不會(huì)過于壓倒一切。 

相反的字體確實(shí)會(huì)吸引人,所以不要害怕將“內(nèi)向”和“外向”字體組合在一起。關(guān)鍵是通過配對(duì)相似但不同的字體來與您的網(wǎng)站設(shè)計(jì)保持平衡。如果需要快速配對(duì),請(qǐng)選擇一個(gè)襯線和一個(gè)無襯線。如前所述,兩者可以很好地協(xié)同工作,尤其是在尺寸不同的情況下。


如果在選擇字體時(shí)您不知道從哪里開始,可以使用以下資源來幫助您:

字體對(duì)  可讓您瀏覽從Google字體中選擇的標(biāo)題和正文文本配對(duì),從而向您顯示哪些字體看起來很好。 Brandmark的字體生成器使  您可以選擇開始的三種字體(或?qū)⑺鼈冸S機(jī)化),并在頁面上查看它們的變化。 

記住,要形成對(duì)比,但不要沖突。  

最后的想法
字體應(yīng)吸引人眼球,不要過于分散注意力,尤其是在過于復(fù)雜的情況下,可能會(huì)導(dǎo)致設(shè)計(jì)失敗。 

確保避免常見的錯(cuò)誤,例如字體不匹配和易讀性,以確保您的網(wǎng)站擁有自己的獨(dú)特字體。將較粗的標(biāo)題與更細(xì)膩的字體配對(duì),以使您的文本形成對(duì)比,而不會(huì)造成太大影響。在公開發(fā)布字體之前,請(qǐng)找一個(gè)誠實(shí)誠實(shí)的人看看最終的項(xiàng)目。  


如果訪問者僅通過查看網(wǎng)站的正文即可識(shí)別您的品牌,那么您的方向正確。保持簡單,清晰易懂,最終您的一致性將得到回報(bào)……人們將能夠僅從您的字體和字體識(shí)別您的品牌  。

文章標(biāo)題:成都外貿(mào)建網(wǎng)站之字體如何選擇?
網(wǎng)址分享:http://www.bm7419.com/news13/177213.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供云服務(wù)器、用戶體驗(yàn)、品牌網(wǎng)站設(shè)計(jì)、外貿(mào)建站、外貿(mào)網(wǎng)站建設(shè)、電子商務(wù)

廣告

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

成都網(wǎng)頁設(shè)計(jì)公司