無論你是做印刷(平面)設計還是線上(網站、電商、UI等)設計,都需要使用一些常見的原則來確保頁面(或版面)的平衡性。
不管是印刷小冊子抑或是app UI 設計,設計任何項目的主要目標都是為了向受眾傳達清晰有效的信息。
頁面布局通常涉及很多元素的放置,重新排列和柵格化,許多設計師都將這一過程隨機結合在一起,通常會創造出一些自我感覺良好的效果。雖然這可能會創造一些出色的頁面布局,但使用這種自由并毫無章法的方式更可能會導致頁面缺失視覺平衡性。
一個好的頁面構成應該既賞心悅目,也能清楚地將關鍵信息傳達給目標受眾。在此我將向大家介紹幾種技巧,以幫助一些不懂頁面布局技巧的設計師們在做設計時能夠輕松創建平衡的頁面布局。無論你應用于哪方面的設計,這些方法都能很好地創造出平衡的布局。
01、使用網格系統
讓頁面具有一定平衡性的最簡單方法之一莫過于使用網格系統,網格系統可以說是印刷設計中唯一遺留下來的一種經典布局方法,自數字媒體發展起來的這些年以來,網格系統已經幫助設計師完成了許多線上設計工作,成功將網格系統的概念移植到數字媒體中。
通過使用網格系統來規劃頁面上不同元素的位置,就可以創建并促進頁面中不同元素之間的連接。這可以產生很強的頁面平衡感,為受眾提供一個清晰的結構參考。
這一點很重要,因為當所有的頁面元素都具有互相連接的感覺時,整體效果會讓受眾感覺更舒適,并幫助他們瀏覽重要部分,即內容。
02、選一個焦點
創造平衡的頁面布局最有效的方法之一就是在布局中找到一個焦點,關于這個觀點有個最好的例證:在設計中常用到的大圖像,便是頁面中最大的單一焦點元素。
一股強大的視覺效果可以強有力地吸引受眾進入頁面中,也提供了一個很好的結構元素,這時候可以圍繞它安排其他內容。如果你有多個視覺元素,用格式塔理論的鄰近原則將它們組合在一起,并用對齊原則對齊它們。
同樣的還有用標題或者引文副標題等方式作為一個焦點存在,一個好的標題可以和大圖像一樣產生強大的視覺吸引力,并且以此為基點安排其他元素,最終達到頁面布局的平衡。
03、使用三分法則
創造平衡的頁面布局最有效的方法之一莫過于設計師們最喜歡的三分法則(或黃金比例法則)。三分法則簡而言之就是,將頁面垂直和水平分為三分之一,而網格線相交的點提供了現成的自然焦點。
通過將關鍵元素與這四點對齊,便可獲得比頁面中心點更令人滿意的構圖。本身三分法則不會神奇地為布局提供平衡,但是通過擴展原理,使用這個趨向于自然的焦點很容易實現平衡的頁面布局。
三分法則最常用的使用方法是將頁面的最重要元素放置在頁面的上部(或下部)三分之一處,使主焦點對齊以匹配其中一個交點。