網頁佈局技巧

網頁的精彩與否不僅在於網頁的色彩搭配、文字變化、影象處理，還在於網頁的佈局。網頁佈局是製作網頁的重要環節，它包括對頁面中各版塊的位置、大小、間距以及疊加關係等方面的規劃。下面介紹幾種常見的網頁佈局技巧。

所示的網頁中，設計師將產品圖片橫跨2個版塊，巧妙地打破了生硬的分割線，讓版塊過渡更為柔和，並且為頁面增加了活力。

採用產品圖片過渡的對稱佈局

一家設計類網站，該網站以精簡化的圖片作為首頁的背景。圖片只保留最具特色的部分，將重複、次要的部分置於螢幕外，從而更有利於突出重要資訊，同時也讓畫面有一定的延伸感，顯得更加大氣。

隱藏次要資訊的POP型頁面

圖片和文字的層疊佈局雖然可以讓畫面充滿動感，但需要注意的是，層疊方法應做到“形散神不散”，頁面看似隨意，實際上是經過設計師精心思考過的。在頁面中，人物圖片與其頂部的文字是左對齊，而蝴蝶圖片與其右側的文字是底對齊。

採用層疊圖文的版塊佈局效果

在頁面中，將3張圖片進行波浪式的錯位排列，雖然只是稍微改變了水平對齊的方式，但是立刻讓畫面充滿了韻律感。

採用錯位排列版塊的頁面佈局