對于攝影師來說，分三步走的取景布局法是一個非常熟悉的概念。雖然是一個引人入勝的概念，但是在設計網頁的時候，幾乎沒有人會拿三分法來舉例。當然，這并不意味著不可能，但這種跨范疇的事情很少被人注意到。

　　所以，在今天的文章中，我就來講解一下三點法，分享一些將其運用到網頁設計中的技巧和經驗。但是二分法不一定適合所有人，推廣設計和設計過程的技巧和方法有很多。但是三分法作為一種基本的布局規則，它本身肯定是值得學習的，在網頁設計中也是相當適用的。

　　為什么是三分？

　　也許你會問，為什么一定要拿三分？這個奇怪的設定是從哪里來的？幸運的是，我可以很高興的告訴你，這個東西和數學定理或者復雜的邏輯推理沒有任何關系，也沒有太多必要過分深究這個東西的來歷。

　　三分法只來源于傳統藝術，目前在攝影中特別使用。縱向和橫向，整個布局分為9個平均區塊，橫向和縱向有2個邊界。三分法規定，為了盡可能地吸引觀看者的注意力，視覺重心或者最吸引人的東西，應該盡可能地靠近四條線的交點。

　　你可以在WDD的這篇文章中找到一個很好的例子。在很多情況下，非對稱布局可以讓所有頁面都更有趣，但這并不意味著非對稱布局應該一直使用，因為在某些地方，對稱布局會更有趣，而此時，三點法則意義不大。

　　攝影時，最富于幻想的目的是以一種奇特的視角捕捉一些有吸引力的場景，而不對稱的布局使得視野中的某些元素比其他元素更為突出，而這些突出的元素通常會壓在前面提到的四個交點上。

　　那么，回到網頁設計的問題，三部曲法和網頁設計是如何結合在一起的？就像攝影中三分法下的布局可以吸引觀眾一樣，符合三分法的網頁也可以讓讀者更加關注聚焦的內容。

　　知道三等分 的網格

　　四行四重點九塊，是三分法下的網格框架。很多網站的首頁設計都是符合F型布局或者Z型布局的，用戶已經習慣了這種閱讀方式。通常視覺起點在左上角，是設計師首先要注意的區塊。

　　這意味著左上角的交叉點應該與頁面的一些主要內容重疊。沒有必要在路口放置鏈接或者圖片(當然不是必不可少的)，更像是一個標志，用來區分布局的一個主要節點。例如，頁面標題的起點可以與其重疊，所有標題與第一條水平線齊平，然后橫幅圖形等放置在標題下方。

　　值得注意的是，三分法分析網頁設計的應用，更多的是用戶體驗設計的概念，而不是一個完整的設計準則。所以，如果要用這個概念來分析網頁設計，建議在閱讀器中打開網頁后，對截圖進行分析和處理。完整的網頁太長，用戶總是基于屏幕閱讀，而不是一次看整個頁面，不需要應用所有頁面，截圖就夠了。如果設計還在原型階段，建議參照屏幕比例截取分析。

　　所以你要從用戶的閱讀習慣出發，結合三點法進行分析優化。用戶在閱讀網頁時，會下意識地注意到問題的癥結所在，準確地運用三點法設計頁面。你會發現這個3×3的格子可以幫你帶來很有啟發性的設計。

　　小調整而不是重新設計

　　在你知道如何應用三分法的網格之后，你需要明確更重要的一點:三分法帶來的不是無懈可擊的網頁設計框架，而是對現有設計進行微調的布局測試框架。

　　可以幫你設計網頁的免費網格系統太多了，比如960GS，但是基于三分法的九格網格系統可以幫你稍微調整一下網頁的布局，比如調整導航欄的高度，把Logo移近或移遠。

　　好在這種測試方法非常適用簡單，而且不選擇軟件。截圖分析后可以在PS里畫一條虛線。GIMP等開源免費軟件也能輕松幫到你。如果出了什么問題，可以直接在屏幕上畫一個九宮格來分析...(據說盲狙擊手在一開始玩CS的時候就用了這么蠢的方法~)反正能幫你搭建九宮格分析的工具，能幫你找到準確的設計方向。

　　完成初稿，用三點法測試，然后進入下一步。隨著時間的推移，你會更清楚地知道如何將視覺元素放在正確的位置。

　　處置的對稱性

　　有時候，在頁面中恰當地應用對稱元素是相當有用的。但是如果網頁設計中處處使用對稱設計，那就太盲目了。事實上，在藝術和攝影領域，不對稱布局的應用仍然占據主流，因為它的相對尺寸和合適的距離而更加令人愉悅，這也證明了不平衡的視覺設計更能吸引我們的注意力。

　　其實布局設計也有類似的原則和規范。例如，當您在頁面頂部應用一個大橫幅圖形時，它通常占據頁面高度的大約2/3。同樣，標題和文本的字體大小需要比較，讀者自然會注意到更大的橫幅圖形、標題和副標題。尺寸對比是一方面，另一方面要考慮圖片和文字在頁面上的位置。三分法的簡單應用并不能保證構圖的豐滿。把九宮格放在頁面上，適當調整頁面上元素的位置和中心，會好很多。

　　三等分法的優點是可以兼容非對稱布局，也可以用來優化對稱布局。兩種布局巧妙搭配，借助三點法突出頁面重點，同時也控制頁面平衡，可以訓練出優秀的網頁。

　　最后的想法

　　大部分藝術情境沒有固定的規則，但是有規則可以參考，設計也是在這些規則的基礎上不斷完善的。像類似三等分一樣控制規律，明白這個規律的目標，深刻理解即使不是刻意應用，也自然會在你的設計中展現出來，類似于第二本能。這個時候，你就有打破規則的潛力了！

　　設計和藝術雖然有基本的區別，但并不是對立的。誠然，按照規則，你可以設計出更符合人們口味的作品，但打破規則，充滿個性和藝術感的設計作品，給人的印象并不深刻。