網頁中要是說布局設計的話，那就要說柵格，柵格是在網頁設計的開始，也是決定整個網站排版和風格的定位和走向，可以讓整個網站更加有規(guī)范更加有正式感，還能夠有讓每個版塊更好的區(qū)分，更加有設計感。

其實在很早之前，柵格已經運用于各個行業(yè)和不同的領域。生活中最常見的就是書籍和報紙。特別是報紙上文章的排版，區(qū)塊的劃分就更加明顯，比較可以直觀看出各個塊之間的關系，這些和網頁中的區(qū)塊布局是一樣的。

柵格怎么運用或是怎么來的，我這里就不給大家多講了。

在網頁設計中，一個頁面都會劃分成不同的區(qū)塊，這些區(qū)塊共同構成這個網站的布局和風格。這些區(qū)塊有大有小，有高有低，形成了區(qū)塊的大小對比。在平面中，叫做形狀大小的對比。那么在網站中，肯定有些版塊是比較重要的，也就是有主次之分，那么就要把最重要的版塊劃分的比較大，位置比較明顯，次要的版塊劃分的就小一點，和重要的版塊區(qū)分的明顯一點。在頁面設計中另外一種對比方式就是不同的元素使用不同的尺寸。換句話說，就是讓一部分內容比其他內容更大。在網站布局中就可以用刪格大小來體現(xiàn)這個主次關系。

從上面的圖可以看出，柵格/區(qū)塊的大小影響著網站的布局，常用的網頁當中大部分是12或24柵格。

 例如之前做的山東省皮膚性病學重點實驗室項目，上下版塊對比特別明顯。

總結：柵格系統(tǒng)的排版會讓整個網站看上去主次非常明顯，整齊劃一。在網頁設計中要學會善用柵格系統(tǒng)，可以靈活變用各個區(qū)塊，這樣不會讓整個網站頁面看起來傳統(tǒng)，會有更好的創(chuàng)意和想法。
大家在設計之前一定要畫一畫結構圖，想好版塊的放置，整個思路清晰明了，再去開始設計。