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

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

你可以在這篇WDD文章中找到很好的例子。在許多情況下，非對(duì)稱布局通常可以使整個(gè)頁面更有趣，但這并不意味著任何時(shí)候都應(yīng)該使用非對(duì)稱布局，因?yàn)樵谀承┣闆r下，對(duì)稱布局會(huì)更有趣，而此時(shí)，三分法則的意義并不太大

拍攝時(shí)，理想的目標(biāo)是從獨(dú)特的角度捕捉一些有吸引力的場(chǎng)景，而非對(duì)稱布局使得視野中的一些元素比其他元素更加突出，這些突出的元素通常被壓在上述四個(gè)交點(diǎn)上

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

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

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

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

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

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

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

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

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

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

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

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

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