分类：
2011-07-21 09:54:00
大佈局基本上網頁的佈局分為，上中下、左中右、左右、上下、與上下左右之混合幾類。同時我們還要思考的是分辨率與網頁大小的關係。現在大部分的機器都是1024以上的分辨率了，那我們的寬度是不是一定也要順應變得寬一點呢。個人觀點是大可不必。因為網頁本身也會與瀏覽器產生視覺對比。如果塞得太滿勢必也不是很好看。
如果留下空隙網面與留出來的空白也可形成一定的對比，其比例也較接近黃金分割率。所以我覺得還是不要塞滿瀏覽器為好，給網頁一個可以呼吸的空間。
那網頁自身的上下左右佈局呢？同樣的，如只是上下或是左右結構我們不能把上下或是左右平分，而是最好採用黃金分割比來進行劃分。如果是上中下或是左中右呢。我們同樣不能平分，我們我們要注意三者之間的關係，比如上中下結構，我們很清楚中間是主要內容需要大一點的空間，那麼中空間的部分會盡量的點有大比例，一般來講我們會讓中間佔大約百分之六十。
而上面佔百分之三十，下面佔百分之十。那也就是說，下面是上面的三分之一，上面是中間的三分一。這樣的分割就會比平面看起來要舒服很多。但是左中右的結構就不能這麼分了。因為百分之十的寬度會很難放得下什麼內容。一般左中右結構會有另一種分法：左佔百分之四十，中右各佔百分之三十。或是左右佔百份之三十，中間佔百分之四十。也可以進行532、622、442、的分配。也就是說大佈局上要盡量避免平分的局面。
小佈局 也可以說是細節上的佈局。我們可以把網頁看成是由很多個小塊組合而成的。通常要注意的就是標題與內容的關係以及這些塊放置的位置。比如最核心的內容不要放在最頂、最後、或是最中間。而是頂部與中間的中部位置，有些人喜歡排位，並且會把最重要的放在最上面，其實不然啊，放在最上面的未必是最核心的位置。比如我們看一下各大門戶網站的頭條新聞的位置，是不是沒有放在最頂部的？當然由於分辨率的問題目，這些頭條可能位置也會有所變化。在800下頭條是偏下的，而1024是居中一點，1600就偏上一點。但是從瀏覽器的大角度來看，這些頭條也都是處於視覺中心點的。
圖片我們在處理圖片的時候也會用到佈局，比如我們的文字放在什麼地方，標誌放在什麼地方這些都是佈局的範疇。這裡也要應用上述的概念，重要的要核心不要放在正中或是過於偏向角落。當然也會遇到重心的東西很大，基本上都佔滿了畫面。
