對于攝影師來說，三步取景法是一個非常熟悉的概念。雖然這是一個迷人的概念，但很少有人會在設計網頁時以三點法為例。當然，這并不意味著這是不可能的，但這種跨類別的事情很少被注意到。因此，在今天的文章中，我將解釋三點方法，并分享一些將其應用于網頁設計的技巧和經驗。然而，二分法可能并不適用于所有人。有許多技術和方法可以促進設計和設計過程。然而，作為一個基本的布局規則，三等分當然值得學習，它也非常適用于網頁設計

為什么三分

你可能會問，為什么你必須得到三分？這種奇怪的環境是從哪里來的？幸運的是，我很高興地告訴你，這件事與數學定理或復雜的邏輯推理無關，也沒有太多必要深入探討這件事的起源。三等分法只來自傳統藝術，目前特別用于攝影。縱向和橫向，整個布局分為9個平均塊，橫向和縱向有2個邊界。三等分法規定，為了盡可能吸引觀眾的注意力，視覺重心或最吸引人的東西應該盡可能靠近四條線的交點

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

在拍攝時，最富想象力的目的是從一個奇怪的角度捕捉一些有吸引力的場景。不對稱的布局使得視野中的一些元素比其他元素更突出，這些突出的元素通常壓在上述四個交叉點上

那么，回到網頁設計的問題，三部曲方法和網頁設計是如何協同工作的？正如攝影中三等分法下的布局可以吸引觀眾一樣，符合三等分法的網頁也可以讓讀者更加關注聚焦內容

了解三等分網格

四線四點九塊是三等分法下的網格框架。許多網站的主頁設計都是按照F型布局或Z型布局，用戶已經習慣了這種閱讀方式。通常，視覺起點在左上角，這是設計師首先應該注意的塊，這意味著左上角的交點應該與頁面的一些主要內容重疊。沒有必要在交叉點放置鏈接或圖片（當然，這不是必需的）。它更像是一個標志，用于區分布局的主要節點。例如，頁面標題的起點可以與其重疊，所有標題與第一條水平線齊平，然后橫幅圖形等放置在標題下方

值得注意的是，在web設計中應用三分分析更多的是用戶體驗設計的概念，而不是完整的設計標準。因此，如果要使用此概念來分析網頁設計，建議在閱讀器中打開網頁后分析和處理屏幕截圖。整個網頁太長。用戶總是根據屏幕閱讀頁面，而不是一次查看整個頁面。不必應用所有頁面。屏幕截圖就足夠了。如果設計仍處于原型階段，建議參考屏幕規模攔截分析

因此，應從用戶的閱讀習慣出發，結合三點法進行分析和優化。在閱讀網頁時，用戶會下意識地注意到問題的癥結所在，并準確地使用三點法來設計頁面。您將發現此3&；次數；3網格可以幫助你帶來非常有啟發性的設計

小調整而不是重新設計

在你知道如何應用三分網格后，你需要澄清一個更重要的點：三分方法不會帶來完美的網頁設計框架，而是一個用于微調現有設計的布局測試框架

有太多免費的網格系統可以幫助你設計網頁，例如960gs，但基于三分法的九格系統可以幫助您稍微調整網頁的布局，例如調整導航欄的高度和將徽標移近或移遠

幸運的是，這種測試方法非常適用且簡單，并且不選擇軟件。在屏幕截圖分析之后，您可以在PS中畫一條虛線。Gimp和其他開源免費軟件也可以輕松幫助您。如果出現問題，你可以在屏幕上畫一個九方形來分析它（據說盲人狙擊手在一開始玩CS時使用了如此愚蠢的方法~），無論如何，它可以幫助你構建一個分析九宮格線的工具，幫助你找到準確的設計方向

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

處理對稱

有時在頁面中正確應用對稱元素非常有用。但如果我們在網頁設計中到處使用對稱設計，那就太盲目了。事實上，在藝術和攝影領域，非對稱布局的應用仍然占據主流，因為其相對大小和適當的距離更令人愉悅，這也證明了非平衡視覺設計可以吸引我們的注意

事實上，布局設計也有類似的原則和規格。例如，當您在頁面頂部應用大型橫幅圖形時，它通常占據頁面高度的三分之二左右。同樣，需要比較標題和文本的字體大小，讀者自然會注意到更大的橫幅圖形、標題和副標題。一方面要進行大小比較，另一方面要考慮圖片和文本在頁面上的位置。簡單地應用三等分法并不能保證構圖的完整性。最好將九宮格放在頁面上，并適當調整頁面上元素的位置和中心

三等分法的優點是可以兼容不對稱布局，也可以用來優化對稱布局。這兩種布局巧妙地搭配在一起。借助三點法，我們可以突出頁面的關鍵點，控制頁面的平衡，從而培養優秀的網頁

最后的想法

大多數藝術情境沒有固定的規則，但有規則可供參考，設計在這些規則的基礎上不斷改進。像三等分一樣控制法則，理解這個法則的目標，并深刻理解即使不是故意應用，它也會自然地出現在你的設計中，類似于第二本能。此時，你有可能打破規則，盡管設計和藝術之間有著根本的區別，但它們并不是對立的。誠然，根據規則，你可以設計出更符合人們口味的作品，但那些違反規則、充滿個性和藝術感的設計作品并不能打動人們。