上篇內容我們講解了網站設計的三分法概念，我想大家應該對三分法有所印象。今天我們眾騰網絡將結合實例講解一下三分法的運用。大家在了解三分法的柵格的運用方式之后，還需要明白更重要的一點：三分法帶來的并非是一個無可挑剔的網頁設計架構，而是一個用來微調現有設計的布局測試框架。

      有太多的免費的柵格系統可以幫你設計網頁，比如960GS之類的，但是三分法的九宮格柵格系統是一個幫你微調整個網頁布局的，比如調整導航欄的高度，把Logo挪近一點或者遠一點。



   值得慶幸的是，這種測試方法很實用，并且很簡單，也不挑軟件。你可以截圖之后在PS里面畫虛線來分析，諸如GIMP這樣的開源免費軟件也可以輕松幫你搞定，再不濟你還可以直接用記號筆在屏幕上畫一個九宮格來分析嘛……（話說當初打CS的時候盲狙也用過這等笨辦法~）反正能幫你構建出九宮格分析的工具都能帶你走向正確的設計方向。

完成初稿，用三分法測試，然后走向下一步。隨著時間的推移，你會更加清楚如何將視覺元素置于對的地方。

處理對稱性

     有的時候，在頁面中適當地使用對稱性的元素還是頗為有用的。不過如果在設計中哪哪兒都用對稱式設計的話，這也未免太瞎了點。事實上，在藝術和攝影領域，非對稱式布局的運用還是占據主流的，大小相對，遠近相宜，更加令人賞心悅目，這也證明非平衡的視覺設計更能吸引我們的注意力。

     其實在版式設計中，也有類似的原則和規范。比如，當你在頁面頂部使用大Banner圖的時候，它通常會占據頁面大概2/3的高，類似的，標題和正文的字體大小也需要大小對比，讀者會自然而然地注意到更大的Banner圖、標題和副標題。大小對比是一方面，另外一方面還需要考慮頁面上圖片和文字的位置。簡單的使用三分法并不能確保構圖的飽滿，將九宮格置于頁面上，適當地調整頁面的元素的位置和中心之后，會好不少。


    三分法的優勢在于它可以兼容非對稱式布局，也可以用來優化對稱式布局。兩種布局靈活搭配，借助三分法來突出頁面重點，也掌握頁面平衡，如此才能調教出優秀的網頁。


最后的思考


     絕大多數的藝術形式其實并沒有固定的規則，但是有規律可以參考，設計也正是基于這些規律而不斷進步。掌握類似三分法這樣的規律，了解這個規律的目的所在，深入理解，即使沒有刻意去運用，它也會從你的設計中自然而然地展現出來，形同第二本能。這個時候，你就具備了打破規則的潛力了！


   雖然說設計和藝術有著根本的區別，但是兩者并非對立的關系。誠然依著規則可以設計出更符合大眾口味的作品，但是打破規則，充滿個性和藝術感的設計作品又何嘗不會令人印象深刻呢？


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