合理的設(shè)計(jì)好一個(gè)網(wǎng)頁(yè),可以使讀者快速閱讀網(wǎng)站的文章,并且會(huì)饒有興趣的閱讀其他的內(nèi)容,如果設(shè)計(jì)的網(wǎng)頁(yè)很另類很個(gè)性,導(dǎo)致讀者無(wú)法迅速找到想要進(jìn)入的主題,那么讀者會(huì)很快離開(kāi)你的網(wǎng)站。那么如何設(shè)計(jì)好一個(gè)網(wǎng)頁(yè)呢?一些小細(xì)節(jié)和一些操作習(xí)慣就會(huì)讓你的網(wǎng)站內(nèi)容更有閱讀性。
????? 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)寫(xiě)文章。
????? 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ì)雖然很另類,但很不合理
本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司!
文章題目:讓網(wǎng)頁(yè)更有閱讀性的幾個(gè)網(wǎng)頁(yè)設(shè)計(jì)技巧
當(dāng)前鏈接:http://redsoil1982.com.cn/news29/320829.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供Google、網(wǎng)站維護(hù)、網(wǎng)站排名、搜索引擎優(yōu)化、企業(yè)建站、網(wǎng)站改版
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)