對于攝影師來說，構圖的三步法是一個非常熟悉的概念。雖然這是一個引人入勝的概念，但很少有人在設計網頁時使用三分法則作為示例。當然，這并不是說不可能，只是這種跨類的東西很少有人注意到。

所以，在今天的文章中，我將對三點法進行講解，并分享一些將其應用到網頁設計中的技巧和經驗。但二分法并不一定適用于所有人，促進設計和設計過程的技術和方法有很多。但是作為一種基本的布局規則，三分法則本身就絕對值得學習，在網頁設計中也是相當適用的。

為什么是三分？

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

三分法僅來自傳統藝術，目前特別用于攝影。縱橫，將整個布局分為9個相等的塊，水平和垂直有2個邊框。三分法則規定，為了盡可能吸引觀看者的注意力，視覺重心或最吸引人的東西應盡可能靠近四條線的交點。

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

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

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

知道三等分 的網格

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

這意味著左上角的交叉點應該與頁面的一些主要內容重疊。交叉點不需要放置鏈接或圖片（當然不是必須的），它更像是一個標志，用來區分版面的一個主要節點。例如，頁面標題的開頭可以重疊，所有標題都與第一條水平線齊平，然后將橫幅圖形等放置在標題下方。

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

所以你要從用戶的閱讀習慣出發，結合三點法進行分析優化。用戶在閱讀網頁時，會下意識地注意到問題的癥結所在，并準確地運用三點法來設計頁面。你會發現這個33 的網格可以幫助你想出非常鼓舞人心的設計。

小調整而不是重新設計

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

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

好在這個測試方法很適用也很簡單，而且不選軟件。截圖分析后，可以在PS中畫虛線。 GIMP 等開源免費軟件也可以輕松幫助您。有問題的話可以直接在屏幕上畫個九宮格分析一下。（據說盲狙剛玩CS的時候就用這么傻的方法~）反正可以幫你建個九宮格分析工具，可以幫你找到正確的設計方向。

完成初稿，用三分法測試，然后進行下一步。隨著時間的推移，您將更好地了解如何將視覺元素放置在正確的位置。

處置的對稱性

有時在頁面中正確應用對稱元素非常有用。但如果在網頁設計處處采用對稱設計，那就太盲目了。事實上，在藝術和攝影領域，不對稱布局的應用仍然占據主導地位，這種布局相對大小和適當的距離更令人賞心悅目，這也證明了不平衡的視覺設計更能吸引我們的注意力。

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

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

　　最后的想法

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

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

我們專注高端建站，小程序開發、軟件系統定制開發、BUG修復、物聯網開發、各類API接口對接開發等。十余年開發經驗，每一個項目承諾做到滿意為止，多一次對比，一定讓您多一份收獲！