掌握設計中的三種平衡小技巧

資訊頻道 - 設計技 來源:菜心設計鋪 作者:cdo 2022-02-15

設計為什么需要平衡,這里的平衡最早起源于藝術!

大家都知道藝術品追求的最高境界就是永恒,如果一個藝術品,看起來不夠平衡,就很像個半成品,而半成品就是還沒完成的東西,很難達到永恒的境界。

設計也是一樣的,如果不夠平衡,就讓用戶感覺沒做完,不夠精致。

今天來介紹幾個我自己常用的讓畫面平衡的小技巧,希望對大家能有所幫助!

用來平衡的三個工具

對于平衡的首要原則非常簡單:哪里輕加哪里。

但是具體加什么呢?

我常用的三種方式如下:

01/

加元素平衡

比如下面這個畫面,很明顯哪里比較輕(或者說是比較空):

為什么我做的畫面總是不平衡?今天算是知道了!

那我們就可以在輕(空)的地方加一些元素,這畫面是上面空,那我們就把元素加在上面:

為什么我做的畫面總是不平衡?今天算是知道了!

這樣就會平衡很多,很容易理解吧。

02/

加底紋平衡

比如上幾天做的一個性別選擇界面,男性女性都會有一橫條:

為什么我做的畫面總是不平衡?今天算是知道了!

這時候我們會發(fā)現每個橫條都有點不平衡,左重右輕,剛才也說了,哪里輕就加重哪里即可。

比如在右側加一個對號表示選擇狀態(tài):

為什么我做的畫面總是不平衡?今天算是知道了!

但是還是覺得輕,這時候就可以采用第二種方法,加底紋理:

為什么我做的畫面總是不平衡?今天算是知道了!

這樣看起來就會平衡很多,飽滿很多了。

03/

加排版

有時候如果畫面單一,不夠平衡,我們也可以借助排版的力量來保證畫面的平衡。

比如下面這個畫面,右側是是形象,那我們就可以在左側加入排版信息,平衡畫面:

為什么我做的畫面總是不平衡?今天算是知道了!

嗯,平衡多了!

這三種方式,元素、底紋、排版,都是讓畫面更加平衡的常用工具。

穩(wěn)定的三角結構

當我們需要加多個元素的時候,我會采用三角構圖,讓元素之間互相平衡。

比如現在我要給這個畫面加三個元素,我就會利用元素之間的三角構圖讓畫面更加平衡:

為什么我做的畫面總是不平衡?今天算是知道了!

這其中有兩個細節(jié),

細節(jié)一:

三個元素的大小一定是不同的,最大的元素要放在畫面最輕最空的位置:

為什么我做的畫面總是不平衡?今天算是知道了!

細節(jié)二:

離最大元素最近的那個應該是最小的元素:

為什么我做的畫面總是不平衡?今天算是知道了!

如果三個元素依次按從小到大的順序排列,就會比較平均,沒有節(jié)奏感:

為什么我做的畫面總是不平衡?今天算是知道了!

這就是我常用的「元素三角結構」,讓畫面穩(wěn)定、平衡。

還是那個隱形的矩形框

我經常把自己的東西畫一個隱形的矩形,不僅僅只是在圖標設計當中,排版的細節(jié)也一樣可以用到。

比如之前有一個角落信息排版是這樣的:

為什么我做的畫面總是不平衡?今天算是知道了!

當我們加上矩形后,我們會發(fā)現這個矩形內部是不平衡的,左下角和右上角是空的,導致上面的元素很容易掉下來:

為什么我做的畫面總是不平衡?今天算是知道了!

左面很明顯是不合理不平衡的,優(yōu)化后就好很多了。

在做大畫面的時候也是一樣的,畫一個隱形矩形:

為什么我做的畫面總是不平衡?今天算是知道了!

盡量讓這個矩形內的四個角落都頂起來,這樣就會平衡飽滿一些。

這就是隱形矩形框的力量。

總結

「平衡」是影響畫面精致度的首要因素之一,是我們必須要重視的,以上就是我目前對于「處理平衡問題」的小技巧,希望能給大家?guī)硪恍﹩l(fā)。

聲明:站內網友所發(fā)表的所有內容及言論僅代表其本人,并不反映任何網站意見及觀點。

全部評論

暫無相關推薦