無論你是做印刷(平面)設計還是線上(網站、電商、UI等)設計,都需要使用一些常見的原則來確保頁面(或版面)的平衡性。

不管是印刷小冊子抑或是app UI 設計,設計任何項目的主要目標都是為了向受眾傳達清晰有效的信息。
頁面布局通常涉及很多元素的放置,重新排列和柵格化,許多設計師都將這一過程隨機結合在一起,通常會創造出一些自我感覺良好的效果。雖然這可能會創造一些出色的頁面布局,但使用這種自由并毫無章法的方式更可能會導致頁面缺失視覺平衡性。
一個好的頁面構成應該既賞心悅目,也能清楚地將關鍵信息傳達給目標受眾。在此我將向大家介紹幾種技巧,以幫助一些不懂頁面布局技巧的設計師們在做設計時能夠輕松創建平衡的頁面布局。無論你應用于哪方面的設計,這些方法都能很好地創造出平衡的布局。
01、使用網格系統

讓頁面具有一定平衡性的最簡單方法之一莫過于使用網格系統,網格系統可以說是印刷設計中唯一遺留下來的一種經典布局方法,自數字媒體發展起來的這些年以來,網格系統已經幫助設計師完成了許多線上設計工作,成功將網格系統的概念移植到數字媒體中。
通過使用網格系統來規劃頁面上不同元素的位置,就可以創建并促進頁面中不同元素之間的連接。這可以產生很強的頁面平衡感,為受眾提供一個清晰的結構參考。
這一點很重要,因為當所有的頁面元素都具有互相連接的感覺時,整體效果會讓受眾感覺更舒適,并幫助他們瀏覽重要部分,即內容。
02、選一個焦點

創造平衡的頁面布局最有效的方法之一就是在布局中找到一個焦點,關于這個觀點有個最好的例證:在設計中常用到的大圖像,便是頁面中最大的單一焦點元素。
一股強大的視覺效果可以強有力地吸引受眾進入頁面中,也提供了一個很好的結構元素,這時候可以圍繞它安排其他內容。如果你有多個視覺元素,用格式塔理論的鄰近原則將它們組合在一起,并用對齊原則對齊它們。
同樣的還有用標題或者引文副標題等方式作為一個焦點存在,一個好的標題可以和大圖像一樣產生強大的視覺吸引力,并且以此為基點安排其他元素,最終達到頁面布局的平衡。
03、使用三分法則

創造平衡的頁面布局最有效的方法之一莫過于設計師們最喜歡的三分法則(或黃金比例法則)。三分法則簡而言之就是,將頁面垂直和水平分為三分之一,而網格線相交的點提供了現成的自然焦點。
通過將關鍵元素與這四點對齊,便可獲得比頁面中心點更令人滿意的構圖。本身三分法則不會神奇地為布局提供平衡,但是通過擴展原理,使用這個趨向于自然的焦點很容易實現平衡的頁面布局。
三分法則最常用的使用方法是將頁面的最重要元素放置在頁面的上部(或下部)三分之一處,使主焦點對齊以匹配其中一個交點。
情非得已
3個平面設計技巧學會動態字體海報2020-07-09
如何設計出優秀的文字類海報排版2020-04-02
7個有效提升傳達率折頁設計技巧2020-03-19
設計師如何解決作品視覺缺少層次感2020-03-14
詳細解析平面設計中元素的使用技巧2020-03-13
設計師必須要學習的平面設計配色技巧2020-03-11
解析設計師常用的6大構圖方法2020-03-11
3個幫你快速掌握字體搭配思路2020-03-10
設計師如何設計出中國風主題LOGO2019-10-21
詳解如何讓板式海報設計變得簡單2019-10-21
4個配色技巧幫助您解決色彩問題2021-03-10
設計師需要掌握的平面設計技巧2021-03-10
詳細解析插畫類海報的繪制思路和方法2021-03-09
詳細解析設計師必須掌握的色彩知識2021-03-09
設計師必須要學習的高級配色技法2021-03-10
設計師必須要學習的幾個排版小技巧2021-03-10
詳細解析UI設計中終極配色寶典2021-03-11
詳解如何把產品和背景融合到一起2021-03-11
詳解高手設計師是如何臨摹作品
相關文章4552018-11-05
平面中最常見的排版布局分割技巧
相關文章8432018-10-10
通過實例解析形式美的原理與法則
相關文章4992018-10-07
6個關鍵詞講解設計中的構圖技巧
相關文章4782018-09-19
資深設計師解讀扁平化風格的利與弊
相關文章1562018-08-04
詳解為什么版式設計你總是沒有思路
相關文章10112018-06-19
妙用色彩搭配讓你的設計更具吸引力
相關文章3932018-05-28
設計師詳解電商設計中的極簡設計
相關文章7832018-04-16
