網(wǎng)站建設(shè)之網(wǎng)頁(yè)的設(shè)計(jì)技巧(下)
- 作者:新網(wǎng)
- 來(lái)源:新網(wǎng)
- 瀏覽:100
- 2018-02-24 17:35:52
如何能讓網(wǎng)站文本的信息快速地傳遞給用戶(hù)呢?這就涉及到網(wǎng)站排版設(shè)計(jì)的問(wèn)題了,清晰的網(wǎng)頁(yè)排版有助于提高文本的可讀性,提升可訪問(wèn)性,讓用戶(hù)在閱讀更加愉悅。怎樣才能做好網(wǎng)頁(yè)排版呢?
如何能讓網(wǎng)站文本的信息快速地傳遞給用戶(hù)呢?這就涉及到網(wǎng)站排版設(shè)計(jì)的問(wèn)題了,清晰的網(wǎng)頁(yè)排版有助于提高文本的可讀性,提升可訪問(wèn)性,讓用戶(hù)在閱讀更加愉悅。怎樣才能做好網(wǎng)頁(yè)排版呢?
<
div>5. 注意控制行高
在網(wǎng)頁(yè)排版中,行高也是一個(gè)非常重要的概念。簡(jiǎn)單來(lái)說(shuō),行高就是行間距,通常情況下,行間距應(yīng)該是文本高度的30%,這樣才可以保證
網(wǎng)站內(nèi)容的清晰易讀。研究發(fā)現(xiàn),如果每行文本之間的間距控制好了,整個(gè)網(wǎng)站的閱讀效率可以提升20%,用戶(hù)可以更好的消化網(wǎng)站內(nèi)容。下圖的對(duì)比就很好展示了這一點(diǎn)?! ?6. 確保合理的色彩對(duì)比度
當(dāng)我們?cè)诰W(wǎng)站中使用文本時(shí),還要注意文本和背景之間的對(duì)比度。只有文本越明顯,用戶(hù)才能快速獲取網(wǎng)站的內(nèi)容。有關(guān)網(wǎng)站內(nèi)容色彩對(duì)比的栗子,上面的圖片中字體和背景的色彩對(duì)比度不夠,用戶(hù)在閱讀時(shí)很有困難,只能模模糊糊看見(jiàn)文字,而下面的圖片中色彩運(yùn)用合理,文字和背景的對(duì)比清晰鮮明,是我們學(xué)習(xí)效仿的對(duì)象。還有,當(dāng)我們確定了網(wǎng)站的配色后,一定要盡可能在多個(gè)設(shè)備上進(jìn)行測(cè)試,確保不同設(shè)備用戶(hù)都能獲取良好的瀏覽效果。
7. 避免使用紅色或綠色文本
在網(wǎng)站中我們有時(shí)會(huì)使用彩色的文本重點(diǎn)突出某個(gè)信息,這時(shí)盡量不要使用紅色或綠色的文本,這時(shí)因?yàn)榧t綠色盲是最常見(jiàn)的視覺(jué)障礙之一,有時(shí)可能影響信息的有效傳遞。如果你真的想要在網(wǎng)站中使用紅、綠色,記得盡量搭配其他的區(qū)分方式,如加粗、斜線、下劃線等。下圖就是一個(gè)實(shí)例:右圖在需要強(qiáng)調(diào)的區(qū)域除了標(biāo)紅,還加上了星號(hào)用來(lái)強(qiáng)調(diào)。
8. 避免使用閃爍文本
一些站長(zhǎng)喜歡在網(wǎng)站中使用閃爍的文本以吸引用戶(hù)的注意力。這是閃爍文本的優(yōu)點(diǎn),同時(shí)也是它的缺點(diǎn)所在,很多用戶(hù)反映說(shuō)這種文本太令人煩躁、太讓人分心了。所以小編建議最好避免在網(wǎng)站中使用閃爍文本,畢竟能夠吸引用戶(hù)注意力的方法可不止這一種。