三分構圖法使用一個迷你網(wǎng)格系統(tǒng)，這意味著當你將內(nèi)容放置在將內(nèi)容分成三部分的某些分割線時，結果將會是畫面更令人愉悅舒適。這種構圖法經(jīng)常用于攝影作品創(chuàng)作中。雖然這可能是一個很好的技法，而且經(jīng)常會讓你的畫面看起來很不錯，但我建議不能一直循規(guī)蹈矩使用該方法。
 

　　當人們談論到神奇的交叉分割區(qū)域時，認為應該把設計元素放在這里。我建議你放松下自我，考慮下其他不重要位置的潛力，不要一味地遵循規(guī)則。很容易就能喝下一杯有點酸檸檬汁，而且遵循這條規(guī)則也并不難，但從數(shù)學上或生物學上來說，這條規(guī)則似乎都不具有什么神奇的作用。
 

 

　　不要忘記并不是我們所有人的視覺感知世界都是一樣的。每個人的天生是不同的。我們不是那種在看世界時遵循特定數(shù)學精確觀點的機器?，F(xiàn)實中很多設計作品，看起來他們都不在意神奇的交叉分割區(qū)域吧。
 

　　是的，網(wǎng)站建設中三分構圖法是一個很好的指導方針，或者至少當它符合圖像、設計或者其他任何東西的時候，但是不要太嚴肅地對待它。只要有意義，就打破規(guī)則。在你的設計工作中，按照你的指導原則和技藝去做那些感覺正確的事情。
 

　　沒有什么是真實的，在設計中所有的東西都被允許引用尼采的這句話。從哲學上來說，這可以被認為是理所當然的，但在設計上，這代表了一個堅定的指導原則可以在沒有固定限制的情況下探索你的創(chuàng)造力。那么嘗試打破規(guī)則吧，享受一下創(chuàng)作的樂趣，如果你幸運的話，也許能找到新的領域！
 

　　黃金分割比例
 

　　當我們處于設計的神奇領域時，讓我先談談一些有關的事情：人們長期以來都相信，使用黃金比例分割畫面會產(chǎn)生某種重要的、神奇的、令人愉悅的視覺效果。有一些實驗結果對這些前代結論提出了很好的質(zhì)疑。我想，在這些問題上最終的結論仍然可能會持續(xù)很長一段時間，但沒有什么會妨礙我們保持開放的創(chuàng)作心態(tài)，不被前人的觀點所禁錮。有一段時間，我覺得黃金分割比例的畫面可能對我們?nèi)搜蹃碚f是非常令人愉悅的，因為在自然界中我們被它包圍著。
 

 

　?。袏W納多·達芬奇在1487年前后創(chuàng)作的世界著名素描《維特魯威人》）
 

　　12列單元格網(wǎng)格系統(tǒng)
 

　　回到更務實的領域。我想討論一個非常通用有效的網(wǎng)格系統(tǒng)，讓你開始使用它在一些具體的項目中來構建你的布局。12列單元格網(wǎng)格系統(tǒng)將會很適合你。為什么它很有用？首先，因為它們可以很好地分成三、四、六列，它們足夠靈活，可以很容易地處理各種內(nèi)容。最重要的是，你可以讓它們對稱或不對稱，這給你提供了很多選擇，要么讓它穩(wěn)定，要么創(chuàng)造一些超越簡單對稱的動態(tài)布局。
 

 

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

　　讓我們來看看網(wǎng)站建設的下面這些布局，它們充分利用了網(wǎng)格系統(tǒng)所提供的靈活性。
 

　　4列單元格網(wǎng)格系統(tǒng)
 

　　4列單元格網(wǎng)格系統(tǒng)的主要優(yōu)點是它的簡潔和平衡，而且它也非?？煽?。每一列都有三個單位。但是另一方面，它是非常對稱的，看起來會有點枯燥。
 

　　通常，您需要一個主要的部分來強調(diào)所想要強調(diào)的內(nèi)容，然后為次要問題提供一個側邊欄。在下面的第一個示例中，您可以看到第一列用于放置標題，中間兩列用于放置主要內(nèi)容，而最后一列用于滿足不需要突出顯示的內(nèi)容。
 

 

　?。‵orm網(wǎng)站）


 

　?。℉arvard Design Magazine網(wǎng)站）
 

　　3列單元格網(wǎng)格系統(tǒng)
 

　　3列網(wǎng)格系統(tǒng),每一列可以看作橫跨四個單元。這個變化是稍微復雜一些,因為它是一個不對稱的網(wǎng)格系統(tǒng),你需要更機智地在你的設計尋找到平衡。像這樣的不對稱布局通常被認為是更積極和更熟練。當然,這個不對稱的網(wǎng)格系統(tǒng)也有被質(zhì)疑的問題。
 

 

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


 

　　（Kickstarter網(wǎng)站中的頁面）
 

　　6列單元格網(wǎng)格系統(tǒng)
 

　　在下圖中，每一列都可以看作橫跨兩個單元，這使得事情比三列網(wǎng)格更具挑戰(zhàn)性。它將三列網(wǎng)格的每一列分成兩列。這六列柵格為你提供了更多的選擇和機會來微調(diào)小細節(jié)。如果你在一個內(nèi)容豐富的網(wǎng)站上工作并且需要大量的信息，那么六欄的柵格可能是一個很聰明的嘗試點。因為它是一個較高級的網(wǎng)格系統(tǒng)，所以我可能不建議你在一些簡單的小項目上就開始使用它。
 

 

　?。╓allpaper網(wǎng)站中的頁面，www.wallpaper.com）


 

　　（The New York Time網(wǎng)站中的頁面）
 

　　組合型單元格網(wǎng)格系統(tǒng)
 

　　你也可以在你的設計中使用組合型單元格網(wǎng)格系統(tǒng)，這就是為什么12列單元格系統(tǒng)很方便的原因。它很容易讓你把三、四、六列的方塊整齊地組合在一起。
 

 

　　（Etsy網(wǎng)站）


 

　?。˙BC網(wǎng)站）


 

　　（Etsy網(wǎng)站）