一、概念
1、柵格系統(tǒng)(grid systems)咖刃,也叫“網(wǎng)格系統(tǒng)”泳炉。柵格設(shè)計(jì)系統(tǒng)(又稱網(wǎng)格設(shè)計(jì)系統(tǒng)、標(biāo)準(zhǔn)尺寸系統(tǒng)嚎杨、程序版面設(shè)計(jì)花鹅、瑞士平面設(shè)計(jì)風(fēng)格、國際主義平面設(shè)計(jì)風(fēng)格)枫浙,是一種平面設(shè)計(jì)的方法與風(fēng)格刨肃。
2、柵格系統(tǒng)運(yùn)用固定的格子設(shè)計(jì)版面布局箩帚,風(fēng)格工整簡(jiǎn)潔真友。
二、網(wǎng)頁柵格系統(tǒng)
1紧帕、概念:以規(guī)則的網(wǎng)格陣列來指導(dǎo)和規(guī)范網(wǎng)頁中的版面布局以及信息分布盔然。
2、優(yōu)點(diǎn):使用柵格設(shè)計(jì)是嗜,可以使網(wǎng)頁的信息呈現(xiàn)更加美觀易讀愈案,更具可用性。
3鹅搪、原理:通過設(shè)置不同的n站绪、i、A值劃分網(wǎng)頁的區(qū)塊丽柿,實(shí)現(xiàn)標(biāo)準(zhǔn)化的靈活設(shè)計(jì)恢准。
4、局限性:對(duì)于內(nèi)容信息不確定導(dǎo)致高度不確定的頁面航厚,在高度層面上就無法做到遵循柵格了顷歌。
三锰蓬、經(jīng)典960柵格
1幔睬、蘋果下瀏覽器的默認(rèn)寬度為960px。在 1024 x 768 的分辨率下芹扭,F(xiàn)irefox窗體的大小約為 974 x 650. 減掉左右兩邊7px的邊框麻顶,為 960 x 650〔湛ǎ可見設(shè)計(jì)師們都不約而同選擇960px的頁面寬度辅肾。
2、目前大部分大型門戶網(wǎng)站的首頁寬度為950px/960px轮锥。絕大多數(shù)顯示器都支持 1024 x 768 及其以上分辨率矫钓,為了有效的利用屏幕寬度同時(shí)保證柵格的靈活度,960就成為網(wǎng)頁柵格系統(tǒng)中的最佳寬度(可以實(shí)現(xiàn)較多組合)了。當(dāng)然新娜,隨著分辨率的提高赵辕,以后可能會(huì)流行更高px的頁面寬度。
——部分內(nèi)容整理自網(wǎng)絡(luò)——