一個好的網(wǎng)站不僅僅有精美的設(shè)計(jì)，還有要合適的字體進(jìn)行搭配。合適的字體規(guī)范設(shè)計(jì)，能提高網(wǎng)站的精美性，也有利于網(wǎng)站的閱讀。但我們在網(wǎng)站設(shè)計(jì)中，往往會忽視網(wǎng)頁字體規(guī)范設(shè)計(jì)，導(dǎo)致網(wǎng)頁的字體不統(tǒng)一，不夠美觀，影響網(wǎng)站的使用，所以，我們要重視網(wǎng)站字體設(shè)計(jì)規(guī)范使用。小派根據(jù)多年的網(wǎng)站設(shè)計(jì)經(jīng)驗(yàn)，整理了網(wǎng)頁設(shè)計(jì)中字體設(shè)計(jì)規(guī)格，供大家參考。
偶數(shù)字號是網(wǎng)頁設(shè)計(jì)最好的常用字號。
1.標(biāo)題導(dǎo)航文本12號或14號；
2.菜單導(dǎo)航文本14-18；
3.第12號或第14號側(cè)欄文本，
4.一級菜單用14號，二級菜單用12號，或者一級菜單用12號，二級菜單用12號。
5.12號或14號頁腳文本
6.正文:24-32號標(biāo)題正文；標(biāo)題文本16或18；12號或14號文本。
7.標(biāo)題文字字號，18px，20px，24px，28px，32px，盡量用偶數(shù)。
8.按鈕文字:例如登錄、注冊頁面按鈕或其他按鈕，文字14-16，可根據(jù)實(shí)際情況調(diào)整大小或加粗。
9.同一級別的字體大小搭配要一致。例如，同一級別的章節(jié)中標(biāo)題文本和內(nèi)容文本的大小一致性。
在蘋果官網(wǎng)，產(chǎn)品展示文字搭配64號和32號，簡短有力，可讀性強(qiáng)，有視覺沖擊力，突出品牌特色。
字體排版規(guī)范
最好的易讀性規(guī)范
1.字體寬度
在傳統(tǒng)的圖書排版中，每行的字符數(shù)最好是55-75。實(shí)際上，每行75-85個字符在網(wǎng)頁上更受歡迎。中文字體選擇14號時，建議35-45個字符。
2.字體行高
在網(wǎng)頁的設(shè)計(jì)中，一般根據(jù)字體大小選擇1-1.5倍的文字間距和1.5-2倍的段落間距。比如字號12，行距12px—18px，段落間距18px—24px。另外，段落間的行高空白=0.754。行距正好是段落間距的75%是很常見的。
3.行對齊
一般建議頁面上只使用一種文字對齊方式，盡量避免兩端對齊。
4.將文本留空
文字排版時，需要在版面中留出空邊距空。留白從小到大的順序應(yīng)該是:字間距、行距、段落間距。另外，在對內(nèi)容區(qū)域進(jìn)行排版之前，需要根據(jù)頁面的實(shí)際情況，在頁面周圍留出空白。
5.CRAP原則
對比、重復(fù)、對齊、接近
以上就是在網(wǎng)頁設(shè)計(jì)中字體規(guī)范的設(shè)計(jì)，我們在設(shè)計(jì)網(wǎng)站的時候，也要重視這方面的設(shè)計(jì)，把細(xì)節(jié)做到位。
更多網(wǎng)站設(shè)計(jì)、廣州網(wǎng)站設(shè)計(jì)、網(wǎng)站設(shè)計(jì)公司等相關(guān)需求，歡迎您咨詢派點(diǎn)互動！
