×

網(wǎng)站建設(shè)之網(wǎng)頁的設(shè)計(jì)技巧(下)

  • 作者:新網(wǎng)
  • 來源:新網(wǎng)
  • 瀏覽:100
  • 2018-02-24 17:35:52

如何能讓網(wǎng)站文本的信息快速地傳遞給用戶呢?這就涉及到網(wǎng)站排版設(shè)計(jì)的問題了,清晰的網(wǎng)頁排版有助于提高文本的可讀性,提升可訪問性,讓用戶在閱讀更加愉悅。怎樣才能做好網(wǎng)頁排版呢?

 如何能讓網(wǎng)站文本的信息快速地傳遞給用戶呢?這就涉及到網(wǎng)站排版設(shè)計(jì)的問題了,清晰的網(wǎng)頁排版有助于提高文本的可讀性,提升可訪問性,讓用戶在閱讀更加愉悅。怎樣才能做好網(wǎng)頁排版呢?

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

免責(zé)聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn)自行上傳,本網(wǎng)站不擁有所有權(quán),也不承認(rèn)相關(guān)法律責(zé)任。如果您發(fā)現(xiàn)本社區(qū)中有涉嫌抄襲的內(nèi)容,請(qǐng)發(fā)送郵件至:operations@xinnet.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),本站將立刻刪除涉嫌侵權(quán)內(nèi)容。

免費(fèi)咨詢獲取折扣

Loading