網站介面設計：網頁設計的均衡規劃與選擇

本文是劉韌老師關於網站建設頁面的均衡規劃與選擇的思考，希望對大家有所幫助。原文鏈結 　　1.尺寸 　　a)800*600能照顧到所有網友的電腦，但相當是張“小報”。 　　b)1024*768漸成主流。1024*768能比800*600多出一欄的信息。 　　c)正文頁採用自適應設計，能在正文頁做更多相關內容。首頁也可以嘗試自適應的Web Design設計。自適應設計的核心是要留出寬度伸縮自如的欄。 　　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)避免一欄太強，一欄太弱。通過圖片、Flash製作套紅等手段進行調控。平均使用讀者主意力。使讀者不敢放過左中右任何一欄。 　　6.圖片 　　a)一圖勝千言。十分必要時才用。因為圖片的編輯成本和帶寬成本都比較文字高很多。 　　b)在目錄頁的圖，小點，再小點，多用特寫；小解析度，能看就行。在正文頁的圖，保證清晰，美觀。正文頁有的是版面。 　　c)正文頁在5屏之內，儘量不要分頁。讓讀者一次讀完。 　　7.導航條與網站地圖 　　a)導航條是網站的門牌號碼，不能隨意更改。否則，讀者會迷路，找不到他原來看的內容。 　　b)導航條上的分類名的前後網站排名次序要兼顧重點和讀者閱讀邏輯，即歸類擺放。 　　c)導航條最多三行。最好二行。太多行顯重。 　　d)導航的更多，就是網站地圖。網站地圖的摘要版可以放在網站底部，成為底部導航。網站的底部導航，很有必要。其好處是：一、可放多行；二、可形成網站底部的閱讀重點。將讀者從首屏帶到最後一屏，期間會增加很多點擊。 　　e)主導航和頻道導航：主導航每頁都有，頻道導航只在本頻道頁面出現。 　　8.首頁更新成本 　　a)首頁設計不能只考慮美觀、協調，要考慮24小時更新一遍之要求。更新是網站的生命，一定要最大限度地降低首頁更新成本。 　　b)交叉自動同步更新的設計，可有效降低各種首頁更新成本，給讀者網頁設計公司內容豐富即時的感覺。 　　c)更新即時的首頁是網站的資源，因為是資源，更多的標題會擁上這個首頁。如此，正迴圈，這個首頁也就火了。更新不即時的首頁是網站的雞肋，會越來越寂寞，最終會被荒廢。 　　d)每個首頁的設計成至少要有一個讀者點擊進去的理由。即時更新比獨家內容成本低。