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