平衡和簡單的布局通常比過于復(fù)雜的布局更舒適。另一方面，你必須要小心，不要一直使用規(guī)范的手法而使你的版面看起來很枯燥無聊。例如，為了強(qiáng)調(diào)，您可以通過合并多個(gè)列來脫離網(wǎng)格或突出某些設(shè)計(jì)元素。這可以創(chuàng)建可視化的興趣視點(diǎn)，并在您的主要設(shè)計(jì)元素中建立更好的層次結(jié)構(gòu)。
 

　　從網(wǎng)格系統(tǒng)中跳出來創(chuàng)建重點(diǎn)，可以通過突出關(guān)鍵部分來極大地改進(jìn)你的設(shè)計(jì)，或者讓它看起來真的很傻。Wallpaper網(wǎng)站在突破四欄的時(shí)候做得很好，并著重強(qiáng)調(diào)了他們想讓你看的視頻區(qū)域。
 

　　但是你要小心，打破你的網(wǎng)格的節(jié)奏往往會(huì)導(dǎo)致一個(gè)看起來很壞或者過分強(qiáng)調(diào)太多部分的布局，這樣就不會(huì)起到真正的強(qiáng)調(diào)作用。
 

 

　?。‥tsy網(wǎng)站）


 

　?。╓allpaper網(wǎng)站）
 

　　控制界限

　　網(wǎng)站建設(shè)中一個(gè)常出現(xiàn)的問題是何時(shí)在設(shè)計(jì)中使用網(wǎng)格系統(tǒng)？答案是：永遠(yuǎn)!使用網(wǎng)格系統(tǒng)總是一個(gè)好的決定，因?yàn)樗鼈冇兄谄胶?、層次結(jié)構(gòu)、整齊性和一致性。
 

　　總有這樣一種觀點(diǎn)，即網(wǎng)格系統(tǒng)限制了你的工作。但這是一件好事，因?yàn)榫W(wǎng)格系統(tǒng)實(shí)際上可以促進(jìn)你的創(chuàng)造力，并以建設(shè)性的方式引導(dǎo)你的決定。這樣的限制對(duì)你的工作來說是一個(gè)很好的起點(diǎn)。所以當(dāng)你有一個(gè)限制框架，比如你的客戶給你的廣告的尺寸，你就有一個(gè)起點(diǎn)來圍繞它建立你的設(shè)計(jì)。網(wǎng)格的大小可以讓你注意到這些限制因素。
 

　　在下圖的例子中，從華爾街日?qǐng)?bào)網(wǎng)站界面,你可以看到一個(gè)標(biāo)記為綠色廣告的區(qū)域，網(wǎng)格系統(tǒng)所產(chǎn)生的限制效果導(dǎo)致設(shè)計(jì)決策與維度構(gòu)建的內(nèi)容在這一區(qū)域生成。
 

 

　?。═he Wall Street Journal網(wǎng)站）
 

　　心智地圖

　　如果你設(shè)計(jì)的網(wǎng)頁很成功了，你的網(wǎng)格系統(tǒng)還將幫助你建立一個(gè)你的網(wǎng)站頁面獨(dú)特的心智模型。這也意味著你的頁面的結(jié)構(gòu)不應(yīng)該完全不同，一個(gè)有共同特性的主頁面應(yīng)該是你的計(jì)劃的一部分，調(diào)整到每個(gè)頁面時(shí)保持風(fēng)格、布局、規(guī)范和主頁面一致也應(yīng)該是你的計(jì)劃的一部分。
 

　　讓我們?cè)賮硗ㄟ^幾個(gè)頁面看看Etsy是如何成功解決這個(gè)問題的。只有這一次，讓我們關(guān)注它們的網(wǎng)格系統(tǒng)如何支持不同的內(nèi)容需求，以及如何將它們從頁面到頁面進(jìn)行組合并定制統(tǒng)一規(guī)范。在我看來，他們?cè)诒３帜撤N一致性方面做得很好，這種一致性創(chuàng)造了一個(gè)統(tǒng)一的印象，把頁面整齊地統(tǒng)一起來。因此，他們能通過內(nèi)容引導(dǎo)用戶，用戶知道該期待什么。他們的心智地圖是健全的，沒有任何意外，會(huì)破壞用戶在瀏覽整個(gè)網(wǎng)站時(shí)的用戶體驗(yàn)。
 

　　Etsy的設(shè)計(jì)師為網(wǎng)站的所有頁面創(chuàng)造了一個(gè)共同的風(fēng)格調(diào)性，頁面看起來很優(yōu)雅、簡潔、統(tǒng)一，因?yàn)樗麄冎廊绾戊`活運(yùn)用網(wǎng)格系統(tǒng)進(jìn)行設(shè)計(jì)工作。
 

  

　　（Etsy網(wǎng)站）


 

　?。‥tsy網(wǎng)站，www.etsy.com）


 

　?。‥tsy網(wǎng)站）
 

　　結(jié)語

　　總的來說，網(wǎng)站建設(shè)中系統(tǒng)靈活運(yùn)用網(wǎng)格系統(tǒng)設(shè)計(jì)網(wǎng)站的內(nèi)容是使內(nèi)容主題脫穎而出的關(guān)鍵。沒有什么比一致的網(wǎng)格線更有效地將各種形式的內(nèi)容緊密聯(lián)系在一起了。創(chuàng)建一套強(qiáng)大的引導(dǎo)線進(jìn)行布局設(shè)計(jì)，用戶可以跟隨它的方向，引導(dǎo)用戶的眼睛和動(dòng)作，就像無形的視覺錨。這通常會(huì)導(dǎo)致更牢固的關(guān)系，將你的設(shè)計(jì)工作聯(lián)結(jié)在一起并產(chǎn)生凝聚力。保持簡潔高效!你的設(shè)計(jì)工作將更容易維護(hù)和創(chuàng)建。