在網站設計中，許多企業都看重網站布局，網站布局好壞，決定了整個網站策劃的成敗。無規矩不正方圓，網站設計也是如此，是需要遵循它的規則的，今天我們眾騰網絡講解一下網站設計之三分法的概念。對于攝影師而言，取景布局三分法是非常熟悉的概念。盡管它是非常引人入勝的概念，但是在進行網頁設計的時候，幾乎沒有人會拿三分法來說事兒。當然，這并不意味著不可能，只是這種跨領域的事情很少被注意到罷了。

      在今天的文章里我想解釋一下三分法，并且隨后的文章中分享一些將其運用到網頁設計時的技巧和經驗。不過三分法并不一定適合所有網站設計，畢竟提升設計和設計流程的技巧和方法有很多。不過作為一項基本的排版布局規則，三分法本身是絕對值得學習的，并且在網頁設計中也頗為實用。

    也許你會問，什么是三分法，為什么一定要三分呢？這種奇怪的設定到底是從何而來？我們可以很高興地告訴你這玩意和數學定理抑或復雜的邏輯推理都沒有關系，也沒有太多的必要在這個東西的來源上過度深究。

     三分法僅僅是來自于傳統藝術，目前在攝影中運用得尤其多。縱橫三分，整個布局被分為9個平均的區塊，橫向縱向各有2條分界線。三分法規定，為了盡可能吸引觀者的注意力，視覺重心或者最吸引人的東西應該盡量靠近四條線相交處。我們用下面的網站設計稿做為絕佳的實例。很多時候非對稱的布局常常能讓整個頁面更加富有生趣，但是這并不意味著著任何時候都得用非對稱布局，因為在有的場合，對稱布局會更有意思，而在這個時候，三分法則意義并不大。

    攝影的時候，最理想的目標是一獨特的視角捕捉到一些能吸引人的場景，而非對稱的布局使得視野中的一些元素比其他的更加突出，而這些突出的元素通常壓在之前所說的四個交點上。那么重新回到網頁設計的問題上，三分法和網頁設計到底是如何結合到一起的呢？正如同攝影時三分法下的布局能夠吸引觀者一樣，符合三分法的網頁也一樣能讓瀏覽者更加關注焦點內容。

了解三分法的柵格

四條線，四個焦點，九個區塊，這就是三分法下的柵格框架。許多網站的首頁設計都符合F式布局或者Z式布局，用戶也已經習慣了這樣的瀏覽方式，通常視覺的起點都是左上角，這也是設計師需要關注的首個區塊。


    這也就意味著，左上方的交點處應該與頁面的某個重要內容相重疊。交點處并不是非要放置鏈接或者圖片（當然非要放也并非不可），它更像是一個標記，用以區分布局的一個重要節點。比如頁面標題的起始點可以與之重疊，整個標題與橫向第一條線相齊平，然后在標題下放置Banner圖之類的內容。

    值得注意的是，使用三分法來分析網頁設計更多的是一個用戶體驗設計上的概念，而非一項完整的設計準則。所以，如果你想借助這一概念來分析網頁設計的話，建議將網頁在瀏覽器中打開之后截圖分析處理，完整的網頁太長，而且用戶瀏覽永遠是基于屏幕而非一次看完整個頁面，所以也沒有必要使用整個頁面，截圖足以。如果設計尚處于原型階段，那么建議參考屏幕比例來截取分析。

所以，你應該從用戶的瀏覽習慣出發，結合三分法來進行分析優化。當用戶瀏覽網頁的時候會下意識注意到關鍵部位，正確的使用三分法來設計頁面，你會發現這種3×3的柵格能幫你帶來極具啟發性的設計。

    今天我們就先講到這里了，下一篇文章，我們將講解一下，三分法在網站設計中的運用及實例展示。


轉載聲明：本文由桂林眾騰網絡原創文章
轉載請注明來源： http://zt-web.com/shows.php?id=324