網(wǎng)頁(yè)排版技巧迅速提升網(wǎng)站用戶(hù)體驗 |
作者:佚名 發(fā)布時(shí)間:2012-07-24 瀏覽:2246次 |
以下內容由寶雞網(wǎng)站建設、寶雞網(wǎng)絡(luò )公司,寶雞世紀網(wǎng)絡(luò )為您編輯整理。 1、糾正行高 最常見(jiàn)的網(wǎng)頁(yè)布局錯誤之一是定義了不正確的行高。行高是定義一行文本的高度,所以我們必須按照文本字體大小來(lái)設定行高。 一般來(lái)說(shuō),在設置文本行高的時(shí)候,我經(jīng)常在字體大小的基礎上加上7個(gè)像素(對12-17像素的字體而言) body{ font-size:14px; line-height:21px; /* 14px + 7px */ }2、糾正標題margin值 2、糾正margin值 另外一個(gè)常見(jiàn)的錯誤是標題周?chē)徽_的margin值。標題其實(shí)是與它下面的段落是相關(guān)聯(lián)的,而不僅僅是兩個(gè)段落的分 割符。這就是為什么標題的margin-top比margin-bottom要寬。 3、不要使用過(guò)多的字體 為了確??勺x性和專(zhuān)業(yè)性,你的網(wǎng)頁(yè)上不應該使用超過(guò)3種字體。使用過(guò)多的字體會(huì )干擾你的用戶(hù)而且讓你的網(wǎng)站看起 來(lái)很亂。相反,較少的字體讓你的網(wǎng)站顯得干凈易讀。你可以標題使用一種字體,正文使用一種字體,最后 logo或副標題使用另外的字體。 4、代碼部分使用等寬字體 如果你是一位開(kāi)發(fā)者(就像大部分讀這篇博客的人)你可能想貼一些代碼在你的博客里。如果是這樣,請使用等寬字體。 那么,什么是等寬字體?它就是字母和字符占相同水平寬度的字體。 那么在網(wǎng)站的代碼段你應該使用哪種字體呢? 到目前為止 Courier字體是最流行的,那么嘗試一下最新的一些字體像 Consolas或 Monaco怎么樣呢?那你一定要看看這里咯。這里 5、關(guān)注對比 即使你的網(wǎng)站有很好的排版了,另一個(gè)需要注意的是對比。如果你的頁(yè)面背景是中灰色(#999999),那么不要使用深灰色(#333333)的文本,否則你的內容很難看清,尤其是對一些年紀比較大的或視力差的人。 總之,除非你的網(wǎng)站是關(guān)于黑客、黑帽seo或哥特搖滾的,不然你應該使用淺色背景和深色字體來(lái)保證清晰的對比度增加你網(wǎng)站的可讀性。 6、只給鏈接的文本加下劃線(xiàn) 在我上網(wǎng)的12年中,瀏覽器用在鏈接的默認樣式一直是藍色文本加下劃線(xiàn)。雖然這個(gè)藍色經(jīng)常被改成另外的顏色,但下劃線(xiàn)一直被當做是鏈接的常規樣式。這就是為什么除了鏈接你不要給其他的東西加上下劃線(xiàn)的原因。否則,這可能對你的用戶(hù)造成很大的困惑。 7、創(chuàng )建樣式庫 讓你的網(wǎng)站產(chǎn)生視覺(jué)震撼的一個(gè)簡(jiǎn)單高效的方法是給特殊的頁(yè)面創(chuàng )建特殊的樣式。例如,創(chuàng )建一個(gè).warning的CSS類(lèi)來(lái)向 你的用戶(hù)顯示“警告”。 8、按級別來(lái)排列標題和文本 為了增加可讀性,給標題、介紹段落和常規文本創(chuàng )建標簽層級是很重要的,這樣你的用戶(hù)可以看清你的文章結構并能很 快的找到他們感興趣的部分。 9、大膽留白 我認為最重要的排版技巧之一是“大膽留白”。留白是指空白區或沒(méi)有使用的空間,它會(huì )使你的設計整齊而專(zhuān)業(yè)。許多人 喜歡蘋(píng)果網(wǎng)站的原因是:它盡管簡(jiǎn)單但很精致,而且有很多留白。 10、正確使用標點(diǎn)符號 如果你想提升你的排版水平不容忽視的一點(diǎn)是正確使用標點(diǎn)符號。例如,引號經(jīng)常用雙撇符號代替(譯者注:我想作者要表達的意思應該是全角符號和半角符號的區別,就像中文的引號和英文的引號不同一樣)。 注意區分雙撇符號: He said "Hello".同樣的文本,使用引號: He said “Hello”.這樣更好,不是嗎?如果你是WordPress用戶(hù),你可能很樂(lè )意知道你最喜歡的博客平臺自動(dòng)將雙撇號轉換為智能的引號 。否則,你得使用HTML字符編碼。如下所示: He said &s;ldquo;Hello”. 以上內容就是由寶雞網(wǎng)站建設、寶雞網(wǎng)絡(luò )公司,寶雞世紀網(wǎng)絡(luò )為您搜集整理的《網(wǎng)頁(yè)排版技巧迅速提升網(wǎng)站用戶(hù)體驗》的全部?jì)热荨?/SPAN>我公司是在寶雞市工商局注冊的專(zhuān)業(yè)提供網(wǎng)站建設、網(wǎng)站優(yōu)化、網(wǎng)站推廣,軟件開(kāi)發(fā)的高新技術(shù)企業(yè),一直致力于面向寶雞地區黨政機關(guān)、企事業(yè)單位提供大中型門(mén)戶(hù)網(wǎng)站解決方案、 OA 辦公自動(dòng)化系統解決方案,以及中小型應用軟件開(kāi)發(fā)及其它信息化外包業(yè)務(wù)。目前已承建寶雞地區近760多家政府網(wǎng)站、企業(yè)網(wǎng)站,是寶雞網(wǎng)站建設行業(yè)規模最大、客戶(hù)數量最多、技術(shù)力量雄厚的寶雞網(wǎng)絡(luò )公司。歡迎您來(lái)電咨詢(xún),咨詢(xún)熱線(xiàn):0917-3535180 3536690…… |