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

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

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

那么在實踐應用中咱們要怎么用呢。這點很重要，實戰意義要比空談概念重要得多。咱們先從大布局來談，然后再講小布局，終講規劃圖片的布局。

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

小布局 也能夠說是細節上的布局。咱們能夠把網頁看成是由許多個小塊組合而成的。一般要注意的便是標題與內容的聯系以及這些塊放置的方位。比方核心的內容不要放在頂、終、或是中心。而是頂部與中心的中部方位，有些人喜愛排位，并且會把重要的放在上面，其實不然啊，放在上面的未必是核心的方位。比方咱們看一下各大門戶網站的頭條新聞的方位，是不是沒有放在頂部的？當然由于分辨率的問標題，這些頭條或許方位也會有所變化。在800下頭條是偏下的，而1024是居中一點，1600就偏上一點。可是從瀏覽器的大角度來看，這些頭條也都是處于視覺中心點的。

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

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

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