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

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

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

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

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

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

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