網(wǎng)頁布局是網(wǎng)頁設(shè)計(jì)的關(guān)鍵環(huán)節(jié)，它直接影響用戶體驗(yàn)和信息傳達(dá)效率。關(guān)于布局或許是咱們不放在眼里的當(dāng)?shù)�，其方位如同文字的排版相同，隨便可布，布即隨便。其實(shí)文字排版是一種不起眼但卻非常重要的細(xì)節(jié)。做好了會(huì)讓著作更為精密美麗，做不好或許就成為著作失改的重要原因。其實(shí)布局也是相同，需求咱們滿足的注重起來。下面我要講的不是網(wǎng)頁安置成“左中右”、“左右”、“上中下”之類的問題。而是講方位的重心與方位之間的比照聯(lián)系。

眾所周知，國(guó)外有一種叫黃金切割率的概念。下面我引用一段非常專業(yè)的解說：“黃金切割早見于古希臘和古埃及。黃金切割又稱黃金率、中外比，即把一根線段分為長(zhǎng)短不等的a、b兩段，使其中長(zhǎng)線段的比（即a+b）等于短線段b對(duì)長(zhǎng)線段a的比，列式即為a:(a+b)=b:a，其比值為0.6180339……這種份額在造型上比較順眼，因而，0.618又被稱為黃金切割率�！痹蹅円部辞宄�了什么叫黃金切割。咱們我國(guó)也有一種類似于這樣的概念叫九宮格。這個(gè)或許就有一些朋友不清楚了，這是一種用以臨寫碑帖的一種界格紙�；�本形是一個(gè)長(zhǎng)方形等分九格。在這個(gè)九宮格中中心部分就發(fā)生了四個(gè)交叉點(diǎn)，這四個(gè)交叉點(diǎn)便是視覺中心點(diǎn)。

好了，咱們?yōu)槭裁匆�講這兩個(gè)概念呢？是由于這兩個(gè)概念是規(guī)劃的決竅之地點(diǎn)。咱們?cè)S多時(shí)間喜愛把重要的東西放在正中心，表示注重想吸引目光注意�？墒俏乙�告訴咱們。正中心屬于盲點(diǎn)區(qū)。也便是說按人的視覺習(xí)氣來講正中心是常常被忽視的。并且放在正中心也不會(huì)引起視覺刺激。用句玩笑話來侃一下：兩眼中心是看不清楚的。不信拿你的手指指著鼻尖看你的手。那什么當(dāng)?shù)厥且曈X中心點(diǎn)呢，這就要用到上面的概念了。不過什么a:(a+b)=b:a都太麻煩了誰會(huì)那么細(xì)致的去算呢。這兒用我國(guó)的九宮格原理就清楚得多了。四個(gè)視覺中心點(diǎn)很顯然咱們也清楚是什么方位了。

那么在實(shí)踐應(yīng)用中咱們要怎么用呢。這點(diǎn)很重要，實(shí)戰(zhàn)意義要比空談概念重要得多。咱們先從大布局來談，然后再講小布局，終講規(guī)劃圖片的布局。

大布局 基本上網(wǎng)頁的布局分為，上中下、左中右、左右、上下、與上下左右之混合幾類。同時(shí)咱們還要思考的是分辨率與網(wǎng)頁大小的聯(lián)系�，F(xiàn)在大部分的機(jī)器都是1024以上的分辨率了，那咱們的寬度是不是必定也要順應(yīng)變得寬一點(diǎn)呢。個(gè)人觀點(diǎn)是大可不必。由于網(wǎng)頁本身也會(huì)與瀏覽器發(fā)生視覺比照。假如塞得太滿必然也不是很美觀。假如留下空地網(wǎng)面與留出來的空白也可構(gòu)成必定的比照，其份額也較挨近黃金切割率。所以我覺得仍是不要塞滿瀏覽器為好，給網(wǎng)頁一個(gè)能夠呼吸的空間。那網(wǎng)頁自身的上下左右布局呢？相同的，如只是上下或是左右結(jié)構(gòu)咱們不能把上下或是左右平分，而是好選用黃金切割比來進(jìn)行劃分。假如是上中下或是左中右呢。咱們相同不能平分，咱們?cè)蹅円�注意三者之間的聯(lián)系，比方上中下結(jié)構(gòu)，咱們很清楚中心是首要內(nèi)容需求大一點(diǎn)的空間，那么中空間的部分會(huì)盡量的點(diǎn)有大份額，一般來講咱們會(huì)讓中心占大約百分之六十。而上面占百分之三十，下面占百分之十。那也便是說，下面是上面的三分之一，上面是中心的三分一。這樣的切割就會(huì)比平面看起來要舒服許多�？墒亲笾杏业慕Y(jié)構(gòu)就不能這么分了。由于百分之十的寬度會(huì)很難放得下什么內(nèi)容。一般左中右結(jié)構(gòu)會(huì)有另一種分法：左占百分之四十，中右各占百分之三十�；蚴亲笥艺及俜葜�三十，中心占百分之四十。也能夠進(jìn)行532、622、442、的分配。也便是說大布局上要盡量防止平分的局面。

小布局 也能夠說是細(xì)節(jié)上的布局。咱們能夠把網(wǎng)頁看成是由許多個(gè)小塊組合而成的。一般要注意的便是標(biāo)題與內(nèi)容的聯(lián)系以及這些塊放置的方位。比方核心的內(nèi)容不要放在頂、終、或是中心。而是頂部與中心的中部方位，有些人喜愛排位，并且會(huì)把重要的放在上面，其實(shí)不然啊，放在上面的未必是核心的方位。比方咱們看一下各大門戶網(wǎng)站的頭條新聞的方位，是不是沒有放在頂部的？當(dāng)然由于分辨率的問標(biāo)題，這些頭條或許方位也會(huì)有所變化。在800下頭條是偏下的，而1024是居中一點(diǎn)，1600就偏上一點(diǎn)�？墒菑臑g覽器的大角度來看，這些頭條也都是處于視覺中心點(diǎn)的。

圖片 咱們?cè)谔幚韴D片的時(shí)分也會(huì)用到布局，比方咱們的文字放在什么當(dāng)?shù)�，�?biāo)志放在什么當(dāng)?shù)剡@些都是布局的范疇。這兒也要應(yīng)用上述的概念，重要的要核心不要放在正中或是過于偏向角落。當(dāng)然也會(huì)遇到重心的東西很大，基本上都占滿了畫面。

咱們看這圖的重點(diǎn)是那個(gè)MP4，可是這個(gè)對(duì)象很大，不過沒聯(lián)系，把這個(gè)MP4的圖做得有透視性，左右的分量就不相同了。這樣向左去一點(diǎn)，那么重心就向左去了，再加上MP4偏上，這個(gè)MP4就正好在視覺中心點(diǎn)上了。而首要的信息文字相同也處在視覺中心的方位上。而一些不重要的文字都放在了角度去蕭瑟他。

好了，關(guān)于布局就說這么多，這兒總覺得這兒還少些東西，細(xì)想或許是視覺平衡方面的問題。這兒講得許多了，視覺平衡方面的問標(biāo)題就再想想過些日子再整理出來。