網頁設計重心與位置之間的對比關係

關於佈局也許是大家最不放在眼裡的地方，其地位如同文字的排版一​​樣，隨便可布，布即隨便。但是看過我上篇《網頁設計技巧》的朋友也許就會清楚，其實文字排版是一種不起眼但卻非常重要的細節。做好了會讓作品更為精細漂亮，做不好也許就成為作品失改的重要原因。其實佈局也是一樣，需要我們足夠的重視起來。下面我要講的不是網頁設計佈置成“左中右”、“左右”、“上中下”之類的問題。而是講位置的重心與位置之間的對比關係。

眾所周知，國外有一種叫黃金分割率的概念。下面我引用一段非常專業的解釋：“黃金分割最早見於古希臘和古埃及。黃金分割又稱黃金率、中外比，即把一根線段分為長短不等的a、b兩段，使其中長線段的比（即a+b）等於短線段b對長線段a的比，列式即為a:(a+b)=b:a，其比值為0.6180339……這種比例在造型上比較悅目，因此，0.618又被稱為黃金分割率。”大家也看清楚了什麼叫黃金分割。我們中國也有一種類似於這樣的概念叫九宮格。這個也許就有一些朋友不清楚了，這是一種用以臨寫碑帖的一種界格紙。基本形是一個長方形等分九格。在這個九宮格中中間部分就產生了四個交叉點，這四個交叉點就是視覺中心點。

好了，我們為什麼要講這兩個概念呢？是因為這兩個概念是設計的決竅之所在。我們很多時間喜歡把重要的東西放在正中心，表示重視想吸引目光注意。但是我要告訴大家。正中心屬於盲點區。

那麼在實際應用中我們要怎麼用呢。這點很重要，實戰意義要比空談概念重要得多。下面我們就來說一下實戰中的應用，這裡雖說是《網頁設計技巧》不過同樣可以應用在平面設計與攝影或是其它的設計中，但是必竟是講網頁設計這裡主要還是舉網頁例。我們先從大佈局來談，然後再講小佈局，最後講設計圖片的佈局。

大佈局基本上台中網頁設計的佈局分為，上中下、左中右、左右、上下、與上下左右之混合幾類。同時我們還要思考的是分辨率與網頁大小的關係。現在大部分的機器都是1024以上的分辨率了，那我們的寬度是不是一定也要順應變得寬一點呢。個人觀點是大可不必。因為網頁本身也會與瀏覽器產生視覺對比。如果塞得太滿勢必也不是很好看。如果留下空隙網面與留出來的空白也可形成一定的對比，其比例也較接近黃金分割率。所以我覺得還是不要塞滿瀏覽器為好，給網頁設計公司一個可以呼吸的空間。那網頁自身的上下左右佈局呢？同樣的，如只是上下或是左右結構我們不能把上下或是左右平分，而是最好採用黃金分割比來進行劃分。

也就是說按人的視覺習慣來講正中心是常常被忽視的。並且放在正中心也不會引起視覺刺激。用句玩笑話來侃一下：兩眼中間是看不清楚的。不信拿你的手指指著鼻尖看你的手。那什麼地方是視覺中心點呢，這就要用到上面的概念了。不過什麼a:(a+b)=b:a都太麻煩了誰會那麼細緻的去算呢。這裡用中國的九宮格原理就清楚得多了。四個視覺中心點很顯然大家也清楚是什麼位置了。

如果是上中下或是左中右呢。我們同樣不能平分，我們我們要注意三者之間的關係，比如上中下結構，我們很清楚中間是主要內容需要大一點的空間，那麼中空間的部分會盡量的點有大比例，一般來講我們會讓中間佔大約百分之六十。而上面佔百分之三十，下面佔百分之十。那也就是說，下面是上面的三分之一，上面是中間的三分一。這樣的分割就會比平面看起來要舒服很多。但是左中右的結構就不能這麼分了。因為百分之十的寬度會很難放得下什麼內容。一般左中右結構會有另一種分法：左佔百分之四十，中右各佔百分之三十。或是左右佔百份之三十，中間佔百分之四十。也可以進行532、622、442、的分配。也就是說大佈局上要盡量避免平分的局面。