QQ咨詢
官方微信掃一掃
宏順傳媒官方微信二維碼

宏順視角

關(guān)注互聯(lián)網(wǎng)，關(guān)注技術(shù)開(kāi)發(fā)，透析與分享移動(dòng)互聯(lián)網(wǎng)行業(yè)最新動(dòng)態(tài)


網(wǎng)頁(yè)設(shè)計(jì)必須要注重的設(shè)計(jì)原則

2013-06-13 10:47:34

...

作為網(wǎng)站設(shè)計(jì)人員一定要調(diào)整自己的審美思維，應(yīng)考慮到大眾網(wǎng)民的審美感，而不是單純的自己覺(jué)得好看、另類、個(gè)性就是好看。為了增加你設(shè)計(jì)出來(lái)的網(wǎng)頁(yè)更具有閱讀性，更能夠提升用戶體驗(yàn)，那么就應(yīng)注重以下幾點(diǎn)設(shè)計(jì)原則。

1：把文章內(nèi)容字體改大一點(diǎn)

字太小看起來(lái)很累，尤其是在內(nèi)容很多的時(shí)候。目前文章內(nèi)容流行的字體是14PX（像素），和180%或150%的行距，這樣不容易造成視覺(jué)疲勞。

例如在CSS文件中可以加入如下代碼：body{font-family: "宋體","微軟雅黑","arial",Verdana, sans-serif; font-size: 14px;line-height: 180%;}這段代碼的意思是 BODY區(qū)域也就是整個(gè)頁(yè)面默認(rèn)是宋體，如果沒(méi)有宋體則改為微軟雅黑，以此類推。font-size的意思是字體大小，line-height是意思是行距。(非常抱歉，我犯了一個(gè)嚴(yán)重的錯(cuò)誤，目前流行字體應(yīng)該是14px，結(jié)果我打成16px，這里向各位修改成16px的朋友說(shuō)一聲抱歉。)

2：給文章內(nèi)容的鏈接添加下劃線

這樣讀者可以清楚的知道哪里可以點(diǎn)擊。例如：顯示下劃線代碼text-decoration: underline;

3：文章內(nèi)容盡量簡(jiǎn)潔明了

更不要把文章弄成花花綠綠的字體顏色。

4：要勤分段落。

太多的段落總比太少的段落要好很多，這樣文章看上去錯(cuò)落有致，而且讀者也容易閱讀.

5：內(nèi)容摘要很重要

這樣讀者在閱讀完標(biāo)題，再閱讀摘要時(shí)就能大致了解文章要表達(dá)的內(nèi)容。

6：給重點(diǎn)的句子或者段落加粗體現(xiàn)實(shí)

這樣不僅方便快速閱讀，而且搜索引擎也會(huì)著重閱讀。

7：如果文章內(nèi)容很長(zhǎng)，可以使用分頁(yè)。

分頁(yè)導(dǎo)航一定要清晰明了易于點(diǎn)擊。

8：把文章保持在一個(gè)合理的寬度

盡量不要直接從word文檔粘貼到文章編輯器當(dāng)中。以免把樣式代碼也粘貼到編輯器中。我一般都使用記事本來(lái)寫文章。

9：可以考慮使用插圖.如果文字太多的情況下，配圖可以提高文章的可讀性。

大家可以看看盧松松博客的博文配圖。

10：最后一點(diǎn)也是最重要的一點(diǎn)

網(wǎng)站一定要有清晰的導(dǎo)航，方便讀者瀏覽。我曾經(jīng)去過(guò)幾個(gè)非常有個(gè)性的博客，但有接近30秒的時(shí)間都是在找從哪里能點(diǎn)進(jìn)文章內(nèi)容。這樣的設(shè)計(jì)雖然很另類，但很不合理。


 

相關(guān)閱讀




在線咨詢
在線客服
微信咨詢
咨詢
試用
4.0