960網(wǎng)格系統(tǒng)接受了來自網(wǎng)絡(luò)設(shè)計(jì)人員霍伊·文和馬克·布爾頓的靈感，它基本上就是一個(gè)css框架。此模版的寬度可以參見卡梅隆·摩爾的文章。當(dāng)考慮到此寬度可以適于1024像素寬的顯示器時(shí)，摩爾選擇了960像素，并指出這個(gè)數(shù)可以被3、4、5、6、8、10、12、15和16整除---這對于網(wǎng)格的寬度而言是理想的。納坦把這些想法合并進(jìn)一個(gè)框架內(nèi)，并創(chuàng)建了3個(gè)布局的基礎(chǔ)：一個(gè)有12欄、一個(gè)有15欄，還有一個(gè)有24欄。

如果你要在你的布局中使用不同的安排，可以使用你選擇的任何一種網(wǎng)格對齊實(shí)體、導(dǎo)航欄、內(nèi)容和頁腳塊，把你所有的元素放在相同的一個(gè)或兩個(gè)塊中的做法很有誘惑力--但是要避免這么做，這看起來并不有趣。實(shí)際上，你應(yīng)當(dāng)考慮吧一些元素放到另一欄中，或者完全放在網(wǎng)格外面。新的設(shè)計(jì)人員在處理網(wǎng)格時(shí)最大的一個(gè)抱怨是，很多東西看起來好像裝在盒子里，讓人看著頭暈。對于那些出于這個(gè)原因反對使用網(wǎng)格的人而言，我認(rèn)為他們應(yīng)當(dāng)看一下類似10K Apart6這樣的網(wǎng)站。你看到紅色的一欄來自16欄的960網(wǎng)格系統(tǒng)的模版，它在實(shí)際的網(wǎng)站中并不存在。如果把這些欄隱藏起來，你可能永遠(yuǎn)不會(huì)意識(shí)到，這個(gè)網(wǎng)站是用網(wǎng)格創(chuàng)建的。

我們對于結(jié)構(gòu)、網(wǎng)格以及理想比例的渴望被深深地印刻在人類的屬性中，一個(gè)看起來十分正確的布局經(jīng)?？梢酝ㄟ^移動(dòng)某些元素，并在網(wǎng)格上調(diào)整它們的尺寸的方式固定下來。所以如果某個(gè)布局看起來不怎么好，你應(yīng)當(dāng)不斷地實(shí)驗(yàn)。在某些點(diǎn)上所有部分都應(yīng)當(dāng)聚集在一起，而你的頭腦中應(yīng)當(dāng)有俄羅斯方塊游戲過關(guān)的聲音，你應(yīng)當(dāng)能實(shí)現(xiàn)平衡。

本文由沈陽網(wǎng)站設(shè)計(jì)公司－沈陽易勢科技提供，如需轉(zhuǎn)載請注明出處。

沈陽易勢科技擁有專業(yè)設(shè)計(jì)團(tuán)隊(duì)為企業(yè)提供網(wǎng)頁設(shè)計(jì)、網(wǎng)絡(luò)平臺(tái)開發(fā)服務(wù)。