三分法在網頁設計中的應用
這是并不總是在網站設計領域討論的熱點。攝影師可能是熟悉的照片組成的三分法則。但界面設計師如何使用第三條規則去創造有趣的數字設計的嗎？

在這篇文章中我想解釋三分法和共享應用規則到網站布局的一些技巧。不是每個人都會發現這很有幫助，它往往是更好的堅持一個團的加速過程。然而，三分法是這樣的一個基本概念，它確實值得學習一下它是如何工作以及如何適用于網站的布局。

為什么分數嗎？

你可能會問自己，為什么3分是個好主意嗎？而這甚至是打哪來的呢？你會很高興知道沒有很多涉及到數學–至少不是絕對的實際應用。我們可以坐在神奇的數學俱樂部的圈和說話斐波那契數列但那不是真的有必要。

三分法來源于傳統藝術，尤其是攝影，其中一件作品可以分為9個連廣場。這是有兩個垂直和水平線穿過的作文。該規則規定，醒目的物品應該排隊在這些線的交叉點為最有影響力的結果。

你可以找到一個很好的例子這個帖子的主題。這就是藝術真正成為附庸風雅的由于不對稱的想法通常比對稱更有趣。但有時有點對稱的照片可以很有趣，–規則的三分之一，這是一小部分。

理想的目標是在一個獨特的方式，注意到照片中的某些部分抓住的東西。你想要的不平等因為這迫使一些元素顯得比別人更重要（即使只是巧妙的攝影）。

現在我們到網站設計的問題。嗯，沒有問得像一個問題…怎么三分法不涉及到網頁設計？這是你會注意到一張照片的某些相同的方式，你也可以讓人把注意力集中在一個網站的重要組成部分。

成都網站設計

了解網格

這種技術可分成9個方塊4關鍵的交叉點。大多數用戶都知道掃描網站在F或Z型。所以眼睛將按照從上到下的字母F或Z模式。一個網站的左上角是抓住注意力的選地區之一。

線框網格網站組合概念

這也意味著左上方的交叉點應該落在或靠近頁面的一個重要組成部分。交叉點不需要上一個鏈接或圖片（雖然也可以）。它應該更像一個標記來區分布局的重要部分。例如，網頁的標題可能會使附近的第一水平線和下面這個你可能有一個照片幻燈片。

如果你嘗試這種技術，我想推薦你的瀏覽器的倍以上截圖。如果你只有一個樣機設計作物的一個典型的顯示器和使用作為一個截圖的精確尺寸。完整的網站原型并不提供最有用的結果，因為他們往往比他們的寬。同時三分法是UX的概念，不是一個完整的設計原則。

當用戶第一次登陸你的網頁，他們只看到位于褶皺的界面元素。利用這個原理來分析帆布和確定頁面的部分，自然會引起注意。正確的使用它，你會發現3×3網格是一個愉快的啟發性的經驗。

使調整設計

既然我們了解這個規則在網頁設計中的使用我想做一個很重要的一點。三是規則不應該是一個無可挑剔的設計網格結構建筑。相反，使用它作為一個工具進行測試或調整現有的設計。

有自由的網格系統可以幫助你很多計劃全面布局線框或模型，從零開始。三分法則應該表現得更像一個指導原則時檢查出的設計。你可以選擇調整導航欄是高或低，移動標志接近或遠離路口。

值得慶幸的是，你幾乎可以與任何軟件測試這一思想。Photoshop是我的偏好，甚至免費的替代品如GIMP有足夠的功能來創建一個頂級的設計截圖的一個簡單的網格。這肯定是更好的只是創造一些第一–任何你行進在正確的方向的一個項目。

一旦你有了一個初稿，然后測試了三分法則。看到元素下降，它們相交的地方頁。隨著時間的推移，你會開始注意到其他網站上的效果，它會幫助你認識到你自己的設計實現相同的功能。

創新互聯

處理對稱性

在一些情況下，對稱的頁面元素可以是有用的。但如果這是規則的話，藝術將是相當乏味。事實上，不對稱是繪畫和攝影，照片顯示出比天空更土地很常見，或比另一側的物體拉近。看來不平衡但這不正是吸引了我們的注意力。

當它來設計你可能認為這非常相似原理。如果網頁標題使用一個大的英雄形象，這可能占2 / 3的整個網格。同樣你可以放超大的頁眉文本小字幕文本對比效應。這個設計寓意說標題文本是非常重要的，應該是公認的第一–如果它足夠有趣，讀者也可以考慮次級文本。

最后的思考

與大多數藝術形式表達真的沒有規則。規則是人仍掌握工藝，這當然也適用于網頁設計中的三分法很有用。一旦你完全理解本“規則”會出現在你的潛意識的工作。這是當你開始接近掌握，通常都是圍繞這一點的時候，所有的規則成為第二天性。然后你就可以開始打破規則的目的！

我希望這篇文章可以澄清一些常見的使用在網頁設計中三分法則。記住，你不需要如果他們不幫助你的手藝十分接口遵循這些指導方針。然而很多設計師發現成功與這三分法則的方法，所以它的價值在你自己的工作流測試。

當前名稱：三分法在網頁設計中的應用
瀏覽路徑：http://m.newbst.com/news/20338.html

成都網站建設公司_創新互聯，為您提供動態網站、網站建設、手機網站建設、外貿網站建設、網站內鏈、App開發

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯