DIV CSS 佈局教程網

一個網站的形象就是給用戶的第一印象，一個好的網站形象往往可以讓用戶多停留一會，可以多浏覽一些頁面。形象不單單是網站做的有多美觀、多漂亮，更多地是網站內部是否符合用戶體驗為指標來判斷。 主要從以下幾個方面入手。

1、第一屏要狠抓眼球

一般網站都不能一屏就展示完，而且一屏就展示完的網站給人過於單薄的印象。這第一屏對於網站的現象起著第一印象的作用，所以必須第一時間抓住訪客的注意力。

首先，第一屏要杜絕密集。不要以為第一屏就要以大量的信息轟炸用戶的眼球，這樣會把用戶轟走的。第一屏盡量不要出現以下東西：a.成段文字;b.文字列表；c.三種以上色彩；d.下拉框。

實際上，第一屏必要的元素就四個：logo、搜索框、導航條和大主題。有了這四樣東西，其它的可以酌情加入，總體的原則就是簡潔大方，以誘導點擊為導向，不要展示過多實用性信息，尤其字不要太多，這是網站設計的趨勢。

2、整體網站構架避免用“排比式”

第一屏抓住眼球之後，一般人會先浏覽一下整體網站，往下拖動，看看網站大體講了些什麼。雖然底下一片面積比較大，但是千萬要要避免的是網站板塊的平鋪直敘。“排比式”的版塊結構是很容易造成疲勞的，因為它讓眼睛無從落地。

因此，雖然第一屏以下面積比較寬廣，也要做到有主有次，有層次感。一般越左上展示越重要的信息，越右下展示越次要的信息。這樣，用戶就能一下子找到需要的東西進行二次點擊。

3、讓首頁標題再“標題黨”一些

一般首頁上面標題所占的比例較大，成段的文字很少。能夠出現在首頁上的標題是有限的，所以不要出現平庸無聊的標題，否則整體頁面的“被點率”就會降低，抵達內頁的訪客減少，自然pv量、停留時間等用戶指標就會下降。

因此，首頁的標題要進行精心設計。到目前為止，以關鍵詞布局為導向的標題不建議大量使用，反而誘導性的標題應該占有大比例。首頁標題最大的貢獻應該是使首頁整體形象鮮活有趣，突出品牌特點，而不是呆呆地布局關鍵詞。

4、用圖片誘導點擊

注意力經濟，能夠吸引注意力才有機會生存下來，因此圖片的意義顯得尤為重大。就算是虎嗅網這種以深度評論文章為主的網站，也會精心挑選圖片來增強網站視覺效果，“無圖無真相”是互聯網上很掃興的一句話。

因此，建議增加整體網站的圖片比例，大圖小圖結合使用，尤其是小圖的使用，對加載速度等技術層面的問題干擾不大，而且讓網站看起來更有誘惑力。“小圖+標題”的列表形式出現在首頁會是非常有點擊誘惑的一道風景。

5、讓文字排版苗條一些

如果你的訪客有幸能夠深入到文章頁，那是可喜可賀的，但也是壓力山大的，因為詳情頁的停留時間對seo效果的影響更大，一般詳情頁的停留時間應該是最長的。

因此，詳情頁的文字排版不要讓人一看就想跑。讓人一看就失去信心的往往是無小標題、大段文字、文字過小、文字過長這些基本的錯誤，所以，給文章減肥很有必要。減肥方法就是針對這些基本錯誤進行改進，大小標題鑲嵌其中、多分段、字號14以上。至於篇幅的長短，就看內容質量怎麼樣了。

另外，建議文章頁多穿插幾張圖片，圖文混排是網文的基本要求。

6、網站互動不要太熱情

最讓人抓狂的銷售往往有兩種：一種是音量大的，另一種是話太多的，這兩種銷售都是“強暴型”的銷售，是很難征服顧客的。網站的人工客服或者機器人客服就相當於網站的銷售，最好不要太主動。互聯網的性質，更強調以用戶為主導，看完了，不懂的並且有需要的都由用戶發起詢問需求。

所以，只要保證你的客服隨時在容易看到的地方待命就可以，不要老是愣頭青一樣地死命彈出、整屏來回懸浮。其實，彈出和懸浮這兩個東西已經可以放棄不用了。