|
6. 網(wǎng)格
討論布局的文章是不可能避開網(wǎng)格不談的。網(wǎng)格通常被認為是任何平衡、有序、簡練的網(wǎng)頁布局的基礎(chǔ)。很多設(shè)計師都認為網(wǎng)格是處理信息容量很大的頁面時 的必備武器。有時候單獨使用網(wǎng)格就能很好的展示信息，甚至不需要其他技巧。好的網(wǎng)格能夠?qū)⒁粋€頁面中的全部內(nèi)容都整合進流動布局里，而內(nèi)容的可讀性，或者 如果用戶想快速瀏覽，都不會受到影響。
下面的網(wǎng)站使用了嚴(yán)格的網(wǎng)格布局。整個站點只有一張頁面，需要融入大量信息。不過，全部信息被整合進這整潔的兩欄布局網(wǎng)格中。整個布局嚴(yán)謹(jǐn)、強健、穩(wěn)固，留白恰到好處。瀏覽或仔細研讀內(nèi)容都非常方便。
使用不同背景區(qū)分網(wǎng)格區(qū)域使用網(wǎng)格一般是因為你需要在一個很緊湊的區(qū)域內(nèi)放置大量內(nèi)容。你想要創(chuàng)建整潔有序的網(wǎng)站布局，但是又不能隨意添加很多留白來區(qū)分區(qū)塊。如此的話，你就需要使用不同背景來區(qū)分網(wǎng)格區(qū)域。沒了網(wǎng)格間的大量留白，只要網(wǎng)格內(nèi)還有少量的內(nèi)邊距，也可以看起來很不錯。Valleycreek.org 就用了這種戰(zhàn)術(shù)，盡管已經(jīng)有一條細線來分割網(wǎng)格區(qū)域，背景色的差異還是被用到，以提供更明顯的區(qū)分。
網(wǎng)格生成器、模版和更多工具
|
