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

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

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

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

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

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

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