網(wǎng)頁中的“黃金布局”

眾所周知，國外有一種叫黃金分割率的概念。

下面我引用一段非常專業(yè)的解釋：“黃金分割最早見于古希臘和古埃及。黃金分割又稱黃金率、中外比，即把一根線段分為長短不等的a、b兩段，使其中長 線段的比(即a+b)等于短線段b對長線段a的比，列式即為a:(a+b)=b:a，其比值為0.6180339……這種比例在造型上比較悅目，因 此，0.618又被稱為黃金分割率?！贝蠹乙部辞宄耸裁唇悬S金分割。我們中國也有一種類似于這樣的概念叫九宮格。這個也許就有一些朋友不清楚了，這是一 種用以臨寫碑帖的一種界格紙?；拘问且粋€長方形等分九格。在這個九宮格中中間部分就產(chǎn)生了四個交叉點，這四個交叉點就是視覺中心點。

我們很多時間喜歡把重要的東西放在正中心，表示重視想吸引目光注意。但是我要告訴大家。正中心屬于盲點區(qū)。也就是說按人的視覺習(xí)慣來講正中心是常常 被忽視的。并且放在正中心也不會引起視覺刺激。用句玩笑話來侃一下：兩眼中間是看不清楚的。不信拿你的手指指著鼻尖看你的手。那什么地方是視覺中心點呢， 這就要用到上面的概念了。不過什么a:(a+b)=b:a都太麻煩了誰會那么細致的去算呢。這里用中國的九宮格原理就清楚得多了。四個視覺中心點很顯然大 家也清楚是什么位置了。

那么在實際應(yīng)用中我們要怎么用呢。這點很重要，實戰(zhàn)意義要比空談概念重要得多。下面我們就來說一下實戰(zhàn)中的應(yīng)用，這里雖說是《網(wǎng)頁設(shè)計技巧》不過同 樣可以應(yīng)用在平面設(shè)計與攝影或是其它的設(shè)計中，但是必竟是講網(wǎng)頁設(shè)計這里主要還是舉網(wǎng)頁例。我們先從大布局來談，然后再講小布局，最后講設(shè)計圖片的布局。

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

大布局

基本上網(wǎng)頁的布局分為，上中下、左中右、左右、上下、與上下左右之混合幾類。同時我們還要思考的是分辨率與網(wǎng)頁大小的關(guān)系?，F(xiàn)在大部分的機器都是 1024以上的分辨率了，那我們的寬度是不是一定也要順應(yīng)變得寬一點呢。個人觀點是大可不必。因為網(wǎng)頁本身也會與瀏覽器產(chǎn)生視覺對比。如果塞得太滿勢必也 不是很好看。如果留下空隙網(wǎng)面與留出來的空白也可形成一定的對比，其比例也較接近黃金分割率。所以我覺得還是不要塞滿瀏覽器為好，給網(wǎng)頁一個可以呼吸的空 間。那網(wǎng)頁自身的上下左右布局呢?同樣的，如只是上下或是左右結(jié)構(gòu)我們不能把上下或是左右平分，而是最好采用黃金分割比來進行劃分。如果是上中下或是左中 右呢。我們同樣不能平分，我們我們要注意三者之間的關(guān)系，比如上中下結(jié)構(gòu)，我們很清楚中間是主要內(nèi)容需要大一點的空間，那么中空間的部分會盡量的點有大比 例，一般來講我們會讓中間占大約百分之六十。而上面占百分之三十，下面占百分之十。那也就是說，下面是上面的三分之一，上面是中間的三分一。這樣的分割就 會比平面看起來要舒服很多。但是左中右的結(jié)構(gòu)就不能這么分了。因為百分之十的寬度會很難放得下什么內(nèi)容。一般左中右結(jié)構(gòu)會有另一種分法：左占百分之四十， 中右各占百分之三十?；蚴亲笥艺及俜葜?，中間占百分之四十。也可以進行532、622、442、的分配。也就是說大布局上要盡量避免平分的局面。

小布局

也可以說是細節(jié)上的布局。我們可以把網(wǎng)頁看成是由很多個小塊組合而成的。通常要注意的就是標(biāo)題與內(nèi)容的關(guān)系以及這些塊放置的位置。比如最核心的內(nèi)容 不要放在最頂、最后、或是最中間。而是頂部與中間的中部位置，有些人喜歡排位，并且會把最重要的放在最上面，其實不然啊，放在最上面的未必是最核心的位 置。比如我們看一下各大門戶網(wǎng)站的頭條新聞的位置，是不是沒有放在最頂部的?當(dāng)然由于分辨率的問題目，這些頭條可能位置也會有所變化。在800下頭條是偏 下的，而1024是居中一點，1600就偏上一點。但是從瀏覽器的大角度來看，這些頭條也都是處于視覺中心點的。

圖片

我們在處理圖片的時候也會用到布局，比如我們的文字放在什么地方，標(biāo)志放在什么地方這些都是布局的范疇。這里也要應(yīng)用上述的概念，重要的要核心不要放在正中或是過于偏向角落。當(dāng)然也會遇到重心的東西很大，基本上都占滿了畫面。

本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)成都公司！

本文標(biāo)題：網(wǎng)頁中的“黃金布局”
路徑分享：http://www.bm7419.com/news0/309300.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供Google、企業(yè)建站、域名注冊、標(biāo)簽優(yōu)化、App設(shè)計、虛擬主機

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)