信息 呈現(xiàn)更加美觀易讀，風(fēng)格工整簡(jiǎn)潔，對(duì)前端開(kāi)發(fā)來(lái)說(shuō)，更加靈活與規(guī)范，在網(wǎng)頁(yè)設(shè)計(jì)中的定義可以理解為以規(guī)則的網(wǎng)格陣列來(lái)指導(dǎo)和規(guī)范網(wǎng)頁(yè)中的版面布局以及信息分布，這樣做的好處

是給 予一種規(guī)范，令排版者可以較為方便的組織標(biāo)題、列表、段落、圖片等元素，保持版面元素之間的一致性。對(duì)“流體式”的響應(yīng)式網(wǎng)站更是一個(gè)重要的設(shè)計(jì)規(guī)范。

　　——我對(duì)柵格的理解

　　以前有很長(zhǎng)一段時(shí)間，我一直搞不明白到底什么是柵格，首先我們必須要對(duì)柵格系統(tǒng)有一個(gè)基本的認(rèn)知，關(guān)于柵格，柵格是由網(wǎng)格演變而來(lái)的另一種說(shuō)法，都是一個(gè)意思——格子，所以

柵格 也沒(méi)有多高深復(fù)雜，就是和小時(shí)候的作業(yè)本，方格本一樣。作用之一也是異曲同工

　　——規(guī)范。將柵格視為一種秩序系統(tǒng)來(lái)進(jìn)行使用，是網(wǎng)頁(yè)設(shè)計(jì)師某種特定的精神和態(tài)度的表達(dá)，應(yīng)為它體現(xiàn)設(shè)計(jì)師是以一種結(jié)構(gòu)、邏輯的方式來(lái)進(jìn)行構(gòu)思和設(shè)計(jì)的。

　　——巧妙利用柵格化

　　在網(wǎng)頁(yè)設(shè)計(jì)中，如果把網(wǎng)頁(yè)寬度平均切分為多個(gè)網(wǎng)格單元，每個(gè)單元之間預(yù)留一定的空隙，此時(shí)整個(gè)頁(yè)面就如同一個(gè)柵格系統(tǒng)。標(biāo)準(zhǔn)的柵格系統(tǒng)中所包含的幾個(gè)部分，分別是總寬w、列寬

c、 槽寬g、外邊距m幾個(gè)部分。這樣總寬的公式如下：

　　槽寬g=2*m

　　總寬w=2m+N*c+(N-1)*g

　　總寬w=g+N*c+(N-1)*g

　　總寬w=N*c+N*g

　　總寬w=N*(c+g)

　　經(jīng)過(guò)對(duì)響應(yīng)式網(wǎng)站的了解和柵格的運(yùn)用，對(duì)頁(yè)面寬度選擇，柵格列數(shù)間距的調(diào)整，進(jìn)行初步內(nèi)容規(guī)劃排版，再按照實(shí)際情況對(duì)最終的稿作調(diào)整。可以大膽的在設(shè)計(jì)上嘗試，大間距，文字

大小 的搭配，畫(huà)面圖形松緊，利用柵格設(shè)計(jì)出對(duì)畫(huà)面更有節(jié)奏呼吸的排版，巧妙利用柵格，響應(yīng)式網(wǎng)站更合理。