網站頁面結構設計

發布：2018-10-20 16:03:47 瀏覽：4121

經驗豐富的Web設計師，諸如才華橫溢的報紙藝術總監，能欣然接受自己從事的項目帶有標題、欄和頁腳的事實。她的工作不是抱怨這些新興的共性，而是使用它們來創建獨特的、渾然天成的、符合品牌定位的有些許紀念意義的、嫻靜而又明艷動人的頁面.

圖書設計和印刷工藝是古老的、值得尊敬的設計學科。它們都有一個悠久的創造性歷史，這個歷史與我們對“圖書形式、頁面布局、字體設計、版面設計，以及那些構成最佳印刷設計的視覺設計和內容的完美融合”的期盼是緊密相關的。這些富有創造力和聰明才智要求的手藝沒有受到《芝加哥格式手冊》書中長達950頁的規則和慣例的約束。圖書設計、版面設計以及印刷出版行業都是由創建好的印刷出版慣例和標準引導的。如今，有了創建網站的“Web標準”方法，有經過仔細驗證、能為人們廣泛訪問的XHTML和CSS，我們擁有了很多出色技術標準。遺憾的是，我們仍處于Web發布、編輯和設計標準的這樣一個尷尬不成熟的階段，讓人欣慰的是混亂中還浮現了明確的樣式以及用戶期望。關于“設計”，采用對標準、規則和慣例的訴求作為開頭看起來很有些奇怪，不過，網站項目通常會在設計階段受挫，這是因為忽略了很多關于傳統出版、編輯標準以及規范，而過多地追求圖形、技術的手法而導致的。“寧可循規蹈矩不得標新立異。”

1.結合環境進行網站設計

網站由眾多元素層級組成，這些元素作為一個整體共同協作來滿足用戶的期望。你將基于網站設計這個起點，規劃網站的信息架構、導航元素以及用戶界面框架，并且著手采用HTML和Css來構建一個真實的網站。不過，在開始這個過程之前，需要讓網站適合Web環境和企業環境。

1.1萬維網

更大的Web環境造就了用戶對所有網站的期望。你的調看者的要時間都花費在(你網站之外的)其他網站之中。所有的網站設計都應當考慮大量的設計規范以及用戶對Web的期望，避免在界面和設計創新上進行太多自我的嘗試。如果網站提供了大量的內容和服務，自然會成功，也自然會吸引訪問者和顧客。沒有哪個網站會因為自己前者的主頁面成功的。如果你忽略了用戶的期望，為內容創建了一個奇特的與眾不同的框架，網站很容易失敗。

1.2企業Web標識

如果你在某個大型企業就職，通常，明確與該大型企業的關系是網鈷設計中的一個清晰而有意義的部分。如果機構對標識程序或者Web模板體系進行了規定，則請使用之。采納大型企業的設計標準不但可以省時還可以省錢。通常，因為拙劣管理而名聲不佳的機構(大學、政府機關以及大型非盈利機構)，其網站也會十分混亂不堪。有時候，大型公司也存在同樣的問題，但是商界針對企業標識程序的標準和規范做出了良好的規定，大多數企業網站的初衷都是讓所有人共享個共同的外觀、感覺和用戶界面，每一個子公司網站都要反映出與母公司的清晰的關系。

2.頁面結構和網站設計

網站是完全抽象的一它們只存在于你頭腦之中。在定義這樣的網站時，我們真正描述的是共享著相同圖形、導航外觀和感覺的多個鏈接頁面的集合。頁面共同的設計特征使得整個“網站”看似相當連貫。單個HTML頁面以及頁面設計和鏈接原理是網站的基本構成元素，所有用來描述網站架構特征的元素都應該在頁面模板中出現。經歷了十幾年的發展后，Web已經逐步成熟，在以文本信息為主的網站中，Web頁面結構已經變得相當規范。盡管不是所有的Web頁面都采用了與此處描述的完全相同的布局和功能，但是大多數Web網頁都已經在Web用戶熟悉的頁面位置采用了此處列舉的部分或者全部的基本元素。

2.1頁眉

頁眉就像是那些位于各個頁面頂部的微縮版主頁，它的很多功能都與主頁相似，唯一不同的就是空間更小。頁眉為網站設計提供了標識和全局導航，以及搜索成者其他工具。雖然這些組件的準確位和排列方式因網站而異，但整體樣式已經相當趨同。頁眉是網站標識中可見性最好的部分。眼見為實:那些共享頁眉的頁面集都被認為是一個“網站”，即便這此頁面采用不同的技術材作面成.