三分法在網(wǎng)頁(yè)設計中的應用并不總是網(wǎng)站設計領(lǐng)域的熱門(mén)話(huà)題。攝影師可能對照片三分法的構圖比較熟悉。但是界面設計師如何使用第三個(gè)規則來(lái)創(chuàng )建有趣的數字設計

　　在本文中，我想解釋一些關(guān)于三分法和將應用程序規則共享到網(wǎng)站布局的技巧。并不是每個(gè)人都會(huì )覺(jué)得這很有幫助，堅持一組加速的過(guò)程往往更好。然而，三分法是這樣一個(gè)基本的概念，它的工作原理以及如何應用于網(wǎng)站布局是非常值得學(xué)習的。

　　為什么要得分

　　你可能會(huì )問(wèn)自己，為什么三個(gè)是個(gè)好主意 它是從哪里來(lái)的 你會(huì )很高興地知道，沒(méi)有太多涉及數學(xué)ndash；至少不是絕對實(shí)用。我們可以坐在魔法數學(xué)俱樂(lè )部的圈子里討論斐波那契數，但這并不是真的必要。

　　三分法起源于傳統藝術(shù)，特別是攝影。其中一幅作品可以分成九個(gè)公司廣場(chǎng)。這是一幅由兩條垂直線(xiàn)和水平線(xiàn)交叉而成的作品。該規則規定，吸引眼球的項目應該排在這些線(xiàn)的交叉處，以獲得**具影響力的結果。

　　你可以找到這篇文章主題的一個(gè)很好的例子。這就是為什么藝術(shù)真的變得不藝術(shù)，因為不對稱(chēng)的概念通常比對稱(chēng)更有趣。但有時(shí)對稱(chēng)的照片會(huì )很有趣ndash；三分之一的規則，那只是一小部分。

　　理想的目標是以一種獨特的方式注意到照片中某些部分捕捉到的東西。你想要不平等，因為它迫使某些元素比其他元素更重要（即使只是巧妙的攝影）。

　　現在我們來(lái)討論網(wǎng)站設計的問(wèn)題。好吧，這不像一個(gè)問(wèn)題hellip；三分法如何不涉及網(wǎng)頁(yè)設計 這與你注意到一張照片的方式有些相同，你還可以讓人們關(guān)注網(wǎng)站的一個(gè)重要部分。

　　深圳網(wǎng)站設計

　　了解網(wǎng)格

　　該技術(shù)可分為9個(gè)街區和4個(gè)關(guān)鍵交叉口。大多數用戶(hù)都知道f或Z類(lèi)型的scan網(wǎng)站。所以眼睛會(huì )從上到下遵循f或Z模式。a網(wǎng)站的左上角是吸引注意力的**區域之一。

　　線(xiàn)框網(wǎng)格網(wǎng)站組合概念

　　這也意味著(zhù)左上角的交叉點(diǎn)應該落在頁(yè)面的重要部分上或附近。交叉口不需要以前的鏈接或圖像（盡管它們可以）。它應該更像是一個(gè)標志，以區局的一個(gè)重要組成部分。例如，頁(yè)面的標題可能在**條水平線(xiàn)附近，而在這條水平線(xiàn)之下，您可能有一張照片幻燈片。

　　如果你嘗試這種技術(shù)，我想推薦兩倍以上的屏幕截圖你的瀏覽器。如果您只有一個(gè)原型設計，請裁剪一個(gè)典型的顯示，并使用確切的大小作為屏幕截圖。完整的網(wǎng)站原型不能提供**有用的結果，因為它們往往比對應的原型更寬。同時(shí)三分法是UX的概念，不是一個(gè)完整的設計原則。

　　當用戶(hù)**次登錄到您的網(wǎng)頁(yè)時(shí)，他們只看到位于折疊中的界面元素。用這個(gè)原理來(lái)分析畫(huà)布，確定頁(yè)面的部分，自然會(huì )引起注意。如果你正確使用它，你會(huì )發(fā)現3次；3網(wǎng)格是一個(gè)愉快的和啟發(fā)性的經(jīng)驗。

　　調整設計

　　現在我們了解了這個(gè)規則在網(wǎng)頁(yè)設計中的用法，我想提出一個(gè)非常重要的觀(guān)點(diǎn)。第三，規則不應該是無(wú)懈可擊設計的網(wǎng)架結構建筑。相反，將其用作測試或調整現有設計的工具。

　　有許多免費的網(wǎng)格系統可以幫助您從頭開(kāi)始規劃線(xiàn)框或模型的完整布局三分法，在簽出設計時(shí)，它們的行為應該更像一個(gè)指南。您可以選擇將導航欄調整為高或低，并將標志移近或移離交叉口。

　　幸運的是，你幾乎可以用任何軟件來(lái)測試這個(gè)想法Photoshop是我的**，甚至像GIMP這樣的免費替代品也有足夠的特性來(lái)創(chuàng )建一個(gè)簡(jiǎn)單網(wǎng)格的頂級設計屏幕截圖。**好是創(chuàng )造一些**ndash；任何你正朝著(zhù)正確方向發(fā)展的項目。

　　一旦你有一個(gè)初稿，然后測試三分法。看到元素在頁(yè)面的相交處掉落。隨著(zhù)時(shí)間的推移，您將開(kāi)始注意到對其他網(wǎng)站的影響，這將幫助您認識到您自己的設計實(shí)現了相同的功能。

　　牧羊人

　　處理對稱(chēng)性

　　在某些情況下，對稱(chēng)頁(yè)面元素可能很有用。但如果這是規則，藝術(shù)將相當無(wú)聊。事實(shí)上，不對稱(chēng)是繪畫(huà)和攝影，照片顯示的土地比天空多是常見(jiàn)的，或者比另一邊的物體更近。它似乎不平衡，但它不是什么吸引我們的注意。

　　說(shuō)到設計，你可能會(huì )認為這和原理非常相似。如果頁(yè)面標題使用一個(gè)大的英雄形象，這可能占整個(gè)網(wǎng)格的2/3。同樣，可以把大標題文本和小副標題文本進(jìn)行對比效果。這設計意味著(zhù)標題文本非常重要，應該被認為是**個(gè)ndash；如果它足夠有趣，讀者也可以考慮第二文本。

　　**后的想法

　　在大多數藝術(shù)形式中，表達是沒(méi)有規則的。規則是，人們仍然掌握這門(mén)手藝，這當然也適用于網(wǎng)頁(yè)設計中的三分法，這是非常有用的。一旦你完全理解本的想法，你就可以；規則；會(huì )出現在你的潛意識里。這是當你開(kāi)始接近掌握，通常在這一點(diǎn)上，所有的規則成為第二天性。然后你就可以開(kāi)始違反規則了！

　　希望本文能澄清網(wǎng)頁(yè)設計三分法中的一些常見(jiàn)用法。記住，如果這些指南對你的手藝沒(méi)有很好的幫助，你不需要遵循它們。然而，許多設計老師發(fā)現這個(gè)三分法方法是成功的，所以它的價(jià)值在于你自己的工作流程測試。

http://ezekroy.com/wangzhansheji/1088.html 三分法在網(wǎng)頁(yè)設計中的應用