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

　　當(dāng)人們談?wù)摰缴衿娴慕徊娣指顓^(qū)域時(shí)，認(rèn)為應(yīng)該把設(shè)計(jì)元素放在這里。我建議你放松下自我，考慮下其他不重要位置的潛力，不要一味地遵循規(guī)則。很容易就能喝下一杯有點(diǎn)酸檸檬汁，而且遵循這條規(guī)則也并不難，但從數(shù)學(xué)上或生物學(xué)上來(lái)說(shuō)，這條規(guī)則似乎都不具有什么神奇的作用。
 

 

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

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

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

　　黃金分割比例
 

　　當(dāng)我們處于設(shè)計(jì)的神奇領(lǐng)域時(shí)，讓我先談?wù)勔恍┯嘘P(guān)的事情：人們長(zhǎng)期以來(lái)都相信，使用黃金比例分割畫面會(huì)產(chǎn)生某種重要的、神奇的、令人愉悅的視覺效果。有一些實(shí)驗(yàn)結(jié)果對(duì)這些前代結(jié)論提出了很好的質(zhì)疑。我想，在這些問(wèn)題上最終的結(jié)論仍然可能會(huì)持續(xù)很長(zhǎng)一段時(shí)間，但沒有什么會(huì)妨礙我們保持開放的創(chuàng)作心態(tài)，不被前人的觀點(diǎn)所禁錮。有一段時(shí)間，我覺得黃金分割比例的畫面可能對(duì)我們?nèi)搜蹃?lái)說(shuō)是非常令人愉悅的，因?yàn)樵谧匀唤缰形覀儽凰鼑?br />  

 

　　（列奧納多·達(dá)芬奇在1487年前后創(chuàng)作的世界著名素描《維特魯威人》）
 

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

　　回到更務(wù)實(shí)的領(lǐng)域。我想討論一個(gè)非常通用有效的網(wǎng)格系統(tǒng)，讓你開始使用它在一些具體的項(xiàng)目中來(lái)構(gòu)建你的布局。12列單元格網(wǎng)格系統(tǒng)將會(huì)很適合你。為什么它很有用？首先，因?yàn)樗鼈兛梢院芎玫胤殖扇?、四、六列，它們足夠靈活，可以很容易地處理各種內(nèi)容。最重要的是，你可以讓它們對(duì)稱或不對(duì)稱，這給你提供了很多選擇，要么讓它穩(wěn)定，要么創(chuàng)造一些超越簡(jiǎn)單對(duì)稱的動(dòng)態(tài)布局。
 

 

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

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

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

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

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

 

　　（Form網(wǎng)站）


 

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

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

　　3列網(wǎng)格系統(tǒng),每一列可以看作橫跨四個(gè)單元。這個(gè)變化是稍微復(fù)雜一些,因?yàn)樗且粋€(gè)不對(duì)稱的網(wǎng)格系統(tǒng),你需要更機(jī)智地在你的設(shè)計(jì)尋找到平衡。像這樣的不對(duì)稱布局通常被認(rèn)為是更積極和更熟練。當(dāng)然,這個(gè)不對(duì)稱的網(wǎng)格系統(tǒng)也有被質(zhì)疑的問(wèn)題。
 

 

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


 

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

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

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

 

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


 

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

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

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

 

　　（Etsy網(wǎng)站）


 

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


 

　　（Etsy網(wǎng)站）