三分法在網頁設計中的應用并不總是網站設計領域的熱門話題。攝影師可能對照片三分法的構圖比較熟悉。但是界面設計師如何使用第三個規則來創建有趣的數字設計

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

　　為什么要得分

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

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

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

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

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

　　深圳網站設計

　　了解網格

　　該技術可分為9個街區和4個關鍵交叉口。大多數用戶都知道f或Z類型的scan網站。所以眼睛會從上到下遵循f或Z模式。a網站的左上角是吸引注意力的**區域之一。

　　線框網格網站組合概念

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

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

　　當用戶**次登錄到您的網頁時，他們只看到位于折疊中的界面元素。用這個原理來分析畫布，確定頁面的部分，自然會引起注意。如果你正確使用它，你會發現3次；3網格是一個愉快的和啟發性的經驗。

　　調整設計

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

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

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

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

　　牧羊人

　　處理對稱性

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

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

　　**后的想法

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

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

http://www.bangwork.net/wangzhansheji/1088.html 三分法在網頁設計中的應用