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