何謂網頁設計的布局呢？從大方向來講那不是就是設計了嗎？其時那應該是說網頁的布局是包含在設計裡面。因此佈局如果太大，也會影響到網頁設計價格報價與費用的評估，當然佈局越大價格報價與費用也可能越大。因而在考量網頁佈局的同時，也要注意網頁設計價格報價與費用的多寡，才不會造成預算過大。我們再來談網頁設計的布局，如果再往內延申，應該就是網頁區塊的配置，網頁的區塊配置，大體上可分為上、中、下，但是這不一定，以設計的角度來說，它是多元的，也可分為左、中、右，那就要看設計者的設計角度，通常以網頁一打開，大部分都會從上往下看，很少是從下往上看的，其實那也不然，這就要看設計者他所要表達的意境了。舉個例子，在一片雪白的頁面裡，它把一個超大的紅字放在下方，文字上方都沒有東西，您是會先把視線放在上方還是下方。這就要看設計者他的重點擺飾了。不過以一般的視覺閱覽的習慣的話，通常是由上至下、由左而右。
一、何謂網頁設計布局
網頁設計的步局，通常可分文字步局與圖片布局，以文字來講，就是文字排版了。而文字排版看似不起眼其實是非常重要的細節。設計的好就會凸顯網頁，做不好可能就會全功盡棄。因為一個網頁不就是一些圖、字所組成的。如果我們講網頁左、中、右或上、中、下，聽起來是有點乏味。應該是要講網頁重心與網頁位置之間的對比。我們都聽過國外的黃金等比率概念。
“黃金分割最早見於古希臘和古埃及。黃金分割又稱黃金率、中外比，即把一根線段分為長短不等的a、b兩段，使其中長線段的比（即a+b）等於短線段b對長線段a的比，列式即為a:(a+b)=b:a，其比值為0.6180339……這種比例在造型上比較悅目，因此，0.618又被稱為黃金分割率。”
這樣也就比較清楚黃金分割的概念了。中國也有一種類似於這樣的概念叫九宮格。這個也許就有一些朋友不清楚了，這是一種用以臨寫碑帖的一種界格紙。基本形是一個長方形等分九格。在這個九宮格中中間部分就產生了四個交叉點，這四個交叉點就是視覺中心點。以上題了兩個重要觀念，其實那就是設計的決竅所在，我們通常會會把東西放在正中心，想這是最吸引人的地方，其實正中心便是盲點區。也就是按照人的視覺習慣來講，正中心是很容易被忽視的。並且放在正中心也不會引起視覺刺激。用句玩笑話來侃一下：兩眼中間是看不清楚的。不信拿你的手指指著鼻尖看你的手。那什麼地方是視覺中心點呢，這就要用到上面的概念了。不過什麼a:(a+b)=b:a都太麻煩了誰會那麼細致的去算呢。這裏用中國的九宮格原理就清楚得多了。四個視覺中心點很顯然大家也清楚是什麼位置了。
二、網頁設計大布局
基本上網頁設計的布局分為，上中下、左中右、左右、上下、與上下左右之混合幾類。同時我們還要思考的是分辨率與網頁大小的關系。現在大部分的機器都是1024以上的分辨率了，那我們的寬度是不是一定也要設計變得寬一點呢。個人觀點是大可不必。因為網頁本身也會與瀏覽器產生視覺對比。如果設計得太滿勢必也不是很好看。如果留下空隙網面與留出來的空白也可形成一定的對比，其比例也較接近黃金分割率。所以我覺得還是不要塞滿瀏覽器為好，給網頁一個可以呼吸的空間。
那網頁自身的上下左右布局呢？同樣的，如只是上下或是左右結構我們不能把上下或是左右平分，而是最好采用黃金分割比來進行劃分。如果是上中下或是左中右呢。我們同樣不能平分，我們我們要注意三者之間的設計關系，比如上中下結構，我們很清楚中間是主要內容需要大一點的空間，那麼中空間的部分會盡量的點有大比例，一般來講我們會讓中間占大約百分之六十。而上面占百分之三十，下面占百分之十。那也就是說，下面是上面的三分之一，上面是中間的三分一。
這樣的分割設計就會比平面看起來要舒服很多。但是左中右的結構就不能這麼分了。因為百分之十的寬度會很難放得下什麼內容。一般左中右結構會有另一種分法：左占百分之四十，中右各占百分之三十。或是左右占百份之三十，中間占百分之四十。也可以進行532、622、442、的分配。也就是說大布局上要盡量避免平分的局面。
三、網頁設計小布局
也可以說是細節上的布局設計。我們可以把網頁看成是由很多個小塊組合而成的。通常要注意的就是標題與內容的關系以及這些塊放置的位置。比如最核心的內容不要放在最頂、最後、或是最中間。而是頂部與中間的中部位置，有些人喜歡排位，並且會把最重要的設計在最上面，其實不然啊，放在最上面的未必是最核心的位置。比如我們看一下各大門戶網站的頭條新聞的位置，是不是沒有放在最頂部的？當然由於分辨率的問題目，這些頭條可能位置也會有所變化。在800下頭條是偏下的，而1024是居中一點，1600就偏上一點。但是從瀏覽器的大角度來看，這些頭條也都是處於視覺中心點的。
|
|
