頁排版除了橫寬自由外,卻有習慣限制。我們知道,一幅平面作品(如海報)上的信息內容很少,為了吸引觀眾的注意力與共鳴,要盡可能的與眾不同。但對網頁設計來說,排版設計必須遵循一定的“規則”。因為不論什么內容的網站,其頁面上的信息所具備的功能,大多都是相同的,或者說,總是可以找到相同功的信息
如頁面上可能存在有標志、導航、文章標題:正文、裝飾用插圖、正文中配圖、廣告各信息、動態廣告、版權信息、超級連接等。一般情況下,標志放置在頁面上部;豎排導航,會放置在頁面左側羅列;橫排導航,則會位于標志之下或頁頂廣告之下;超級連接文字的顏色要區別于其他文字的顏色;版權信息要放在頁面最下部;中文導航,盡量以4個漢字為其命名;這些都是網民在長期瀏覽網站的過程中,所形成的關于信息位置的心理暗示。即便遇到了豎排導航在右側的網站頁面,查閱時也會不自覺地到左邊尋找等。

符合習慣方式,有助于提高頁面的可用性。尤其是商業網站,商業氛圍以高效為首,用戶們通常是以最快找到信息的時間作為衡量的標準。如果是按照用戶習慣排版信息,用戶查找信息的闖就是最短的。打破了習慣方式的設計,或許可以受到一部分用戶的歡迎,但也可能會有更多反對的聲音。
其實,很多優秀的網站證明了即便遵守傳統的信息布局方式,頁面也能設計出特色來。結構并不是網頁設計的全部,設計師還可以通過圖形圖像、文字、色彩等其他元素協調統一,使員面豐富多彩。
瀏覽器空間里,按照一定的視覺表達內容的需要和審美的規律,結合各種平面設計的具體特將信息內容和頁面視覺元素加以組合編排,就是網頁排版了。如果對平面設計來說,長寬比例是固定的。那么對網頁設計來說,則沒有所謂固定的長寬比例,設計者可以自行確定作品外延是橫長方形還是豎長方形。還可以根據創作的需求,讓格局居,或是接近邊緣??偟膩碚f,網頁創作比較自由。
概念:可用性,可用性是一個與任何需要用戶使用的產品都有關系的術語。從最基本的層面上說,可用性是指產品和用戶之間的關系,直接與產品是否有用有關。一個品要有用處,它必須能夠使用戶以一種有效的方式來實現自己的目標??捎眯员旧聿⒉皇亲罱K的目標,相反,它是實現目標的方式。同樣的標準也適合于Web站點,網站的導航應該以用戶的目的、需求、期望來判斷是否可用在本書中,我們也會經常使用到“易用性”這個詞,其含義是相似的。特指網站的功能部分;或信息部分能夠并且高效率的被使用和接收。
根據信息的需求,網頁排版主要劃分出兩種基礎結構,一種是欄式結構,另一種是區域結構。所謂欄式結構,是用豎分方式,把頁面信息分成幾列的情況。根據欄數為其命名,可以有二欄式、三欄式、四欄式、五欄和通欄。通欄為一欄,也就是不分欄的情況,常見于文章正文頁面、用戶注冊頁面等。SPANISH PROPERTIES DIRECT屬于典型的欄式結構。其首頁是把頁面寬度均勻分成3份,即三分欄式頁面。三分欄大氣,常用于信息量大、更新速度快的網站類型,給人感覺開闊、有氣勢。
SPANISH PROPERTIES DIRECT的內頁還使用到了二欄結構和通欄結構,這是根據信息量的變化和信息類型的需要所做的調整。如果全部頁面都硬性地采用三分欄結構,相信不少頁面將出現大量空。白的情況。沒有信息可放入結構中,從而產生矛盾。分欄式結構有幾個要說明的問題
分欄數及特征
三欄是最常見的分欄,除此以外,二欄和四欄也非常多見。在某種意義上,分欄多少與信息類型相關,二欄式雖然也比較開闊,但欄數少,好似信息類型少,給人的感覺就不如三欄式那么有氣勢。1024px X 768px的屏幕的普及,四欄式的應用越來越廣泛。但它雖然大氣,卻不如三欄式開闊。這是由于欄數越多,越有繁瑣的感覺。在人們的審美常識中,感覺簡潔的事物比煩瑣的事物顯得更大氣
盡管三欄式的優點頗多,卻也使設計師十分苦惱。有太多網站采用了三欄式結構,三瀏覽者對它產生了視覺疲勞。如何能夠在運用三欄式的同時,突出自身特色,這恐怕是不少設計師們正在努力做的事情,另外,五欄結構已是最大分欄數了。分欄數越多,信息欄誣窄。一行內放不下幾個字,不僅礙閱讀,也不美觀,能夠運用到五分欄的信息類型已經很少見。大多是類似reflect.com首頁這般,用于信息分類指示的情況。進入網站后,,五分欄結構無法延續使用。