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

宏順視角

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


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

2013-06-13 10:47:34

...

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

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

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

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

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

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

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

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

4：要勤分段落。

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

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

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

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

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

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

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

8：把文章保持在一個合理的寬度

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

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

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

10：最后一點也是最重要的一點

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


 

相關(guān)閱讀




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