|
柵格系統(tǒng)應(yīng)用于設(shè)計領(lǐng)域已經(jīng)至少50年了。柵格化讓眼睛瀏覽信息更加愉悅。從報紙、雜志，到手機界面，柵格系統(tǒng)全面滲透到各種信息傳達的界面當(dāng)中。我們從一個故事開始柵格系統(tǒng)探索之旅吧！
柵格系統(tǒng)的誕生
1692年，新登基的法國國王路易十四感到法國的印刷水平強差人意，因此命令成立一個管理印刷的皇家特別委員會。他們的首要任務(wù)是設(shè)計出科學(xué)的、合理的，重視功能性的新字體。
委員會由數(shù)學(xué)家尼古拉斯加宗（Nicolas Jaugeon）擔(dān)任領(lǐng)導(dǎo)，他們以羅馬體為基礎(chǔ)，采用方格為設(shè)計依據(jù)，每個字體方格分為64個基本方各單位，每個方各單位再分成36個小格，這樣，一個印刷版面就有2304個小格組成，在這個嚴謹?shù)膸缀尉W(wǎng)格網(wǎng)絡(luò)中設(shè)計字體的形狀，版面的編排，試驗傳達功能的效能，這是是世界上最早對字體和版面進行科學(xué)實驗的活動，也是柵格系統(tǒng)最早的雛形。
960柵格化系統(tǒng)
960柵格化系統(tǒng)是由Nathan Smith創(chuàng)造的，具體來講，就是基于960像素寬度，通過劃分具有規(guī)律的分割，來提高網(wǎng)頁開發(fā)效率。
960柵格化系統(tǒng)系統(tǒng)（或者說適應(yīng)型css構(gòu)架）早期主要用來進行快速原型制作，減少重復(fù)單調(diào)的工作，但是目前，它在網(wǎng)頁設(shè)計開發(fā)項目中開始扮演非常重要的角色了。它將為你的設(shè)計提供一個堅實的坐標(biāo)基礎(chǔ)。
最初有兩種變形：12柵格 和 16柵格。它們互補保證了系統(tǒng)的融通性。后來產(chǎn)生了更多的衍生。下圖展示了16柵格到3柵格的案例。BBC和yahoo的門戶網(wǎng)站就采用了柵格化體系，從而非常好的規(guī)范了網(wǎng)站的信息布局和疏密程度。
一些個人站點或者產(chǎn)品展示站點使用柵格化后更加大氣，視覺感受更加寬廣。下面是一些網(wǎng)站的例子：
柵格系統(tǒng)指導(dǎo)頁面的布局和留白，而不影響站點的個性化需求�？梢哉f頁面布局就好比計劃，它能夠事先勾勒出網(wǎng)站的氣質(zhì)。針對網(wǎng)站內(nèi)容的容量選擇合理的柵格方式。這里不深入闡述如何使用柵格系統(tǒng)設(shè)計網(wǎng)站，如果需要可以另起一篇文章。
隨著大尺寸屏幕的出現(xiàn)和普及，很多網(wǎng)站開始走寬屏路線，但是這并不影響柵格系統(tǒng)的存在，相反，柵格系統(tǒng)已經(jīng)成了多媒體信息排版的基礎(chǔ)。而在移動端，隨著flipbord應(yīng)用程序的出現(xiàn)，借鑒雜志排版效果的信息呈現(xiàn)方式逐漸成為PAD上內(nèi)容應(yīng)用的主流形式。其中3×4網(wǎng)格的應(yīng)用最為廣泛。
出處：百度MUX
責(zé)任編輯：bluehearts
上一頁 下一頁 柵格系統(tǒng)延續(xù)美學(xué) [2]
|
第 1 頁 柵格系統(tǒng)延續(xù)美學(xué) [1]
第 2 頁 
