網(wǎng)頁設(shè)計(jì)排版關(guān)系著網(wǎng)頁的整體瀏覽效果,而且網(wǎng)頁的排版也決定著網(wǎng)頁的瀏覽舒適度,所以網(wǎng)頁排版的設(shè)計(jì)是非常重要的,下面我們跟隨小編一起來了解一下網(wǎng)頁排版設(shè)計(jì)的相關(guān)資料吧。
網(wǎng)頁排版設(shè)計(jì)技巧
一、減少不同類型字體的使用
不要使用太多的字體,只破壞你的布局。為了避免這種情況,盡量把字體數(shù)量限制到最小,一般兩個就很充足,其實(shí)一個也足夠。
二、使用標(biāo)準(zhǔn)字體
用戶對標(biāo)準(zhǔn)字體更熟悉,因此可以快速的讀取。除非你的網(wǎng)站的自定義字體很有吸引力,否則最好還是使用系統(tǒng)字體。一個安全的方法是用一個系統(tǒng)的字體:如Arial,Calibri,Trebuchet等。
(圖片來自網(wǎng)絡(luò))
三、選擇一種能在各種尺寸中工作的字體
用戶可能會從不同的屏幕尺寸和分辨率的設(shè)備中訪問網(wǎng)站,選擇一種能在多尺寸和重量上運(yùn)行良好的字體,保持每個尺寸的可讀性。保證你的字體在比較小的屏幕種依然清晰可辨,確保你說選擇的字體在較小的屏幕上清晰可辨!盡量避免草書,雖然很漂亮,但很難閱讀。
四、限制行的長度
Baymard Institute關(guān)于行的長度這樣說:“如果你想要有一個好的閱讀體驗(yàn),每行應(yīng)約60個字符。每行擁有適當(dāng)?shù)淖址麛?shù)量是讓你的文本具有可讀性的關(guān)鍵?!毙刑?,視線要經(jīng)常返回,會打破讀者的節(jié)奏。行太長,用戶的視線又很難專注于文本。
五、行間距的重要性
增加行高,可以增加文本之間的垂直空白空間,提高可讀性,換取屏幕空間。一個規(guī)則,行高應(yīng)該是字符高度的30%。
六、確保你有足夠的顏色對比度
在文本和背景中不要使用相同或相似的顏色,文本越明顯,用戶才能更快的閱讀。你一旦選擇了顏色,就要在大多數(shù)設(shè)備上進(jìn)行測試。如果測試時顯示閱讀副本有問題,那么你的用戶使用時也會有相同得到問題。
(圖片來自網(wǎng)絡(luò))
七、避免紅色或綠色的文本
色盲很常見,尤其是男性,據(jù)調(diào)查8%的男性是紅綠色盲,避免單獨(dú)使用紅色和綠色來傳達(dá)信息。
八、避免使用閃爍的文字
首先,閃爍的內(nèi)容可能會導(dǎo)致個體癲癇發(fā)作,其次,對于大多數(shù)用戶,這很令人反感而且容易分心。
相信有了小編為你整理的這一份超級詳細(xì)且超級實(shí)用的網(wǎng)頁排版設(shè)計(jì)小技巧以后,一定可以幫助你設(shè)計(jì)出更好的網(wǎng)頁排版哦!