對于攝影師來說，取景布局三等分的概念非常熟悉。雖然這是一個非常吸引人的概念，但很少有人會在設(shè)計網(wǎng)頁時從三個方面來談?wù)撍．斎唬@并不意味著這是不可能的，但這種交叉的事情很少被注意到。因此，在今天的文章中，我想解釋一下二分法，并分享一些將其應(yīng)用于網(wǎng)頁設(shè)計的技巧和經(jīng)驗。然而，三等分法并不一定適用于所有人。畢竟，有很多技巧和方法可以改進設(shè)計和設(shè)計過程。然而，作為一個基本的布局規(guī)則，三等分本身絕對值得學習，在網(wǎng)頁設(shè)計中也很實用。你可能會問，為什么你必須給出三分？這個奇怪的場景是從哪里來的？幸運的是，我很高興地告訴你們，這件事與數(shù)學定理或復(fù)雜的邏輯推理無關(guān)，也不需要太深入地探究這件事的根源

三等分只是來自傳統(tǒng)藝術(shù)，目前在攝影中使用得更多。整個布局分為九個平均區(qū)塊，在水平和垂直方向上有兩條分界線。三等分法規(guī)定，為了盡可能吸引觀眾的注意力，視覺重心或最吸引人的東西應(yīng)該盡可能靠近四條線的交點

你可以在這篇WDD文章中找到很好的例子。在許多情況下，非對稱布局通常可以使整個頁面更有趣，但這并不意味著任何時候都應(yīng)該使用非對稱布局，因為在某些情況下，對稱布局會更有趣，而此時，三分法則的意義并不太大

拍攝時，理想的目標是從獨特的角度捕捉一些有吸引力的場景，而非對稱布局使得視野中的一些元素比其他元素更加突出，這些突出的元素通常被壓在上述四個交點上

那么回到網(wǎng)頁設(shè)計的問題，二分法和網(wǎng)頁設(shè)計是如何協(xié)同工作的呢？正如攝影中的三等分布局可以吸引觀眾一樣，符合三等分的網(wǎng)頁也可以讓訪問者更加關(guān)注焦點內(nèi)容

四條線、四個焦點和九個區(qū)塊是三等分方法下的網(wǎng)格框架。許多網(wǎng)站的主頁設(shè)計都遵循f布局或z布局，用戶已經(jīng)習慣了這種瀏覽方式。通常，視覺的起點是左上角，這也是設(shè)計師需要注意的第一個塊

這意味著左上角的交點應(yīng)該與頁面的重要內(nèi)容重疊。交叉點不一定是鏈接或圖片（當然，放置它并非不可能）。它更像是一個標志，用來區(qū)分配電局的一個重要節(jié)點。例如，頁面標題的起點可以與之重疊，整個標題與第一條水平線齊平，然后標題下放置橫幅圖和其他內(nèi)容

值得注意的是，使用三分法分析網(wǎng)頁設(shè)計更像是一個用戶體驗設(shè)計的概念，而不是一個完整的設(shè)計標準。因此，如果要使用此概念分析網(wǎng)頁設(shè)計，建議在瀏覽器中打開網(wǎng)頁并分析屏幕截圖。整個網(wǎng)頁太長，用戶的瀏覽總是基于屏幕，而不是一次查看整個頁面，因此沒有必要使用整個頁面。屏幕截圖就足夠了。如果設(shè)計仍處于原型階段，建議參考屏幕比例進行攔截和分析

因此，應(yīng)從用戶的瀏覽習慣出發(fā)，結(jié)合三分法進行分析和優(yōu)化。當用戶瀏覽網(wǎng)頁時，他們會下意識地關(guān)注關(guān)鍵部分，并正確使用三等分法來設(shè)計頁面，你會發(fā)現(xiàn)這個3×3網(wǎng)格可以幫助你帶來非常有啟發(fā)性的設(shè)計

在了解了三等分法網(wǎng)格的應(yīng)用后，你還需要了解更重要的一點：三等分方法帶來的不是一個完美的網(wǎng)頁設(shè)計架構(gòu)，而是一個用于微調(diào)現(xiàn)有設(shè)計的布局測試框架。有太多免費的網(wǎng)格系統(tǒng)可以幫助你設(shè)計網(wǎng)頁，例如960G，但三等分網(wǎng)格系統(tǒng)可以幫助你微調(diào)整個網(wǎng)頁的布局，例如調(diào)整導(dǎo)航欄的高度和將徽標移近或移遠

幸運的是，這種測試方法非常實用、簡單，并且不選擇軟件。你可以在PS中畫一條虛線，在截圖后進行分析。諸如gimp之類的開源自由軟件也可以輕松幫助您。如果不好，你可以直接在屏幕上用記號筆畫一個九方形網(wǎng)格來分析它…（換句話說，盲人狙擊手在玩CS時也使用了這種愚蠢的方法~）無論如何，可以幫助你構(gòu)建九方形網(wǎng)格分析的工具可以引導(dǎo)你走向正確的設(shè)計方向

完成初稿，用三個點進行測試，然后進入下一步。隨著時間的推移，您將更好地了解如何將視覺元素放置在正確的位置。有時，在頁面中適當?shù)厥褂脤ΨQ元素很有用。然而，如果在設(shè)計中到處使用對稱設(shè)計，這也有點盲目。事實上，在藝術(shù)和攝影領(lǐng)域，非對稱布局的使用仍然占據(jù)著主流，它相對較大，適合遠近，更賞心悅目，這也證明了非平衡視覺設(shè)計可以吸引我們的注意力

事實上，布局設(shè)計中也有類似的原則和規(guī)范。例如，當您使用頁面頂部的大橫幅圖時，它通常占據(jù)頁面高度的2/3左右。同樣，標題和正文的字體大小也需要進行比較。讀者自然會注意到更大的橫幅圖、標題和副標題。大小比較是一方面，另一方面，我們還需要考慮圖片和文字在頁面上的位置。簡單使用三等分法不能保證構(gòu)圖的完整性。把九宮歌放在書頁上。企業(yè)網(wǎng)站制作企業(yè)網(wǎng)站是企業(yè)在互聯(lián)網(wǎng)上進行在線營銷和形象宣傳的平臺，相當于企業(yè)的在線名片。它不僅可以很好地宣傳企業(yè)的形象，還可以輔助企業(yè)的銷售，通過網(wǎng)絡(luò)直接幫助企業(yè)實現(xiàn)產(chǎn)品銷售，在適當調(diào)整頁面元素的位置和中心后，它是好是壞

三等分方法的優(yōu)點是它可以兼容非對稱布局，也可以用于優(yōu)化對稱布局。這兩種布局靈活匹配，借助三等分法突出頁面關(guān)鍵點，掌握頁面平衡，從而調(diào)整和教授優(yōu)秀的網(wǎng)頁

事實上，大多數(shù)藝術(shù)形式?jīng)]有固定的規(guī)則，但有規(guī)則可供參考，設(shè)計也在這些規(guī)則的基礎(chǔ)上不斷改進。像三分法一樣掌握一條定律，理解這條定律的目的，并深入理解它。即使你沒有刻意使用它，它也會自然而然地出現(xiàn)在你的設(shè)計中，這就像是第二本能。此時，你有可能打破規(guī)則

雖然設(shè)計和藝術(shù)之間有著根本的區(qū)別，但兩者并不是對立的。誠然，更符合公眾口味的作品可以按照規(guī)則設(shè)計，但違反規(guī)則、充滿個性和藝術(shù)感的設(shè)計作品不會給人留下深刻印象

好吧，今天就這些。如果您對網(wǎng)站建設(shè)有任何其他問題，請隨時致電或留言。盈科。com專業(yè)從事網(wǎng)站建設(shè)和推廣多年，經(jīng)驗豐富。