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