建站經驗:網站頁面的均衡規劃與選擇

來源:互聯網
上載者:User

1.尺寸

a)800*600能照顧到所有網友的電腦,但相當是張“小報”。

b)1024*768漸成主流。1024*768能比800*600多出一欄的資訊。

c)本文頁採用自適應設計,能在本文頁做更多相關內容。首頁也可以嘗試自適應的設計。自適應設計的核心是要留出寬度伸縮自如的欄。

d)在1024*76模式下,頁面的長度不易超過10屏。

e)隨著電腦升級換代,解析度提高,電腦螢幕能夠提供的面積越來越大,這是一種難得的資源,要充分利用。“小報”改“大報”要增加一倍的紙張成本,網站改“寬版”,不增加任何成本。

2.字型字型大小

a)目錄頁用小字型大小,為的是放更多的標題。

b)本文頁用大字型大小。為的是讓讀者讀得舒坦。

c)慎用不容易看清楚的楷體。楷體的作用等於圖片,主要起美化版面的作用。

d)多用對搜尋引擎友好的標粗,來表示重點。

3.顏色

a)同一個頁面的顏色不要超過4種。眼花繚亂,容易產生視覺疲勞。

b)顏色對比不要反差太大。網頁版面不是美術作品,要避免形式對內容的喧賓奪主。

c)文字+底色能夠起到很好的突出作用,在視覺變化上相當於圖片的作用。

4.靜態化

a)訪問量大的頁都應該靜態化,以便減少伺服器壓力,增強網站穩定性。訪問不到的網頁是最差的網頁。

b)動態化和靜態化在一個頁面中結合使用,能同時得到輕負荷和即時互動性的好處。

c)哪些頁面的哪些地方需要靜態化要在一開始就考慮,訪問量大了之後,再高考慮,就遲了,由動態化轉為靜態化,會有很多曆史問題。

5.分欄

a)首頁選4欄?還是3欄?

b)本文頁多用2欄。

c)“縱向邏輯”是指將相近的內容從上至下排列,而不是從左向右排列。如果讀者對這方面內容感興趣,他會從上至下,逐行閱讀。這樣可充分力利用首屏,讓首頁增多從上至下閱讀的可能。

d)避免一欄太強,一欄太弱。通過圖片、套紅等手段進行調控。平均使用讀者主意力。使讀者不敢放過左中右任何一欄。

6.圖片

a)一圖勝千言。十分必要時才用。因為圖片的編輯成本和頻寬成本都比較文字高很多。

b)在目錄頁的圖,小點,再小點,多用特寫;小解析度,能看就行。在本文頁的圖,保證清晰,美觀。本文頁有的是版面。

c)本文頁在5屏之內,盡量不要分頁。讓讀者一次讀完。

7.導航條與網站地圖

a)導航條是網站的門牌號碼,不能隨意更改。否則,讀者會迷路,找不到他原來看的內容。

b)導航條上的分類名的前後次序要兼顧重點和讀者閱讀邏輯,即歸類擺放。

c)導航條最多三行。最好二行。太多行顯重。

d)導航的更多,就是網站地圖。網站地圖的摘要版可以放在網站底部,成為底部導航。網站的底部導航,很有必要。其好處是:一、可放多行;二、可形成網站底部的閱讀重點。將讀者從首屏帶到最後一屏,期間會增加很多點擊。

e)主導航和頻道導航:主導航每頁都有,頻道導航只在本頻道頁面出現。

8.首頁更新成本

a)首頁設計不能只考慮美觀、協調,要考慮24小時更新一遍之要求。更新是網站的生命,一定要最大限度地降低首頁更新成本。

b)交叉自動同步更新的設計,可有效降低各種首頁更新成本,給讀者內容豐富即時的感覺。

c)更新即時的首頁是網站的資源,因為是資源,更多的標題會擁上這個首頁。如此,正迴圈,這個首頁也就火了。更新不即時的首頁是網站的雞肋,會越來越寂寞,最終會被荒廢。

d)每個首頁的設計成至少要有一個讀者點擊進去的理由。即時更新比獨家內容成本低。



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。