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

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

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

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

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

 例如之前做的山東省皮膚性病學(xué)重點(diǎn)實(shí)驗(yàn)室項(xiàng)目，上下版塊對比特別明顯。

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