如何把控設計的平衡感?

  • A+
所屬分類:經驗思維

本文來源: 婷姐(公眾號:做設計的面條), 共 2514 字

在講今天的話題之前,我想先問大家幾個比較簡單的數學問題:假設有一天你去水果店買水果,老板那天不知道抽了什么風,看你人長得很漂亮/很帥,于是決定讓你在店子里隨意挑選3斤水果,不考慮價格種類也不限,反正只能選3斤,那么你會怎么選擇?

嗯,這個選擇性真的太多了。你可以選1個3斤重的柚子或哈密瓜,也可以選擇5個約半斤重的蘋果,或者是2個桃子+4根香蕉,再或者是3斤重的冬棗或龍眼,數量上估摸著有幾十顆吧,等等等,水果店里有那么多種類的水果,3斤大家可以自由組合。

反正玩來玩去就是個數學問題對不對?

那么講到這里大家應該就明白了,實際上那些讓設計師感到崩潰的設計中的平衡感,其實就暗藏在我們的日生活里,簡單的數學原理里。

只是說,把控設計里的平衡感,所涉及到的因素會更多更復雜一點而已。因為,做設計不比買水果,有專門的稱來直觀化的衡量重量,它是無法像重量一樣被具體數字單位估量的,更多的是從視覺感受上來衡量平衡與否,具體的主要看以下幾個方面來綜合考慮:顏色的平衡、數量的平衡、面積的平衡、大小的平衡、形狀的平衡。

1、顏色的平衡,如下圖所示:

如何把控設計的平衡感?

我們知道顏色有冷色、暖色、中性色之分,有彩色和無彩色之分,還有明度、純度、飽和度的概念。所以,相同面積、純度、明度、飽和度的2種冷暖色放一塊,在視覺上看,你會感覺暖色的面積要更大一點,所以視覺天枰會感覺向暖色偏移,如圖編號1;但是當我們改變色彩的純度、明度、飽和度后,你會感覺視覺天枰傾斜的不那么嚴重了,接近平衡了,如編號2。

當我們將相同色相相同面積,但是不同明度、純度、飽和度的2個色塊放一起,我們會發現視覺天枰又開始向飽和度高的那一側傾斜,如編號3;此時如果我們增加低飽和度那個色塊的面積呢?你會發現畫面視覺天枰又開始趨于平衡了,如編號4。

所以現在大家告訴我,上圖中看起來最不平衡的是編號幾?是不是編號3?

明白這個色彩平衡的道理后,大家以后就可以通過改變某個色塊的明度、純度、飽和度、大小面積、數量等,來控制畫面的平衡度了。無彩色黑白灰的視覺平衡對比,道理也是一樣的,可以參考編號3和編號4。

色彩平衡原理在設計里的運用是相當廣泛的:比如當想著重突出某個利益點信息或者某個按鈕吸引人點擊的時候,我們往往就會利用色彩的不平衡原理;而當我們希望畫面更耐看、更舒適,不要那么咄咄逼人的時候,就會利用色彩的平衡原理。

 

2、數量的平衡,如下圖所示:

如何把控設計的平衡感?

為了方便大家理解,我這里排除了顏色的干擾,僅用黑白灰來演示說明就好。

比如我們看編號1平衡嗎?嗯,的確是平衡的,但卻有點太過于對秤了,所以顯得呆板,于是我們改變其中一個圓的大小,最后發現有點頭重腳輕對不對?所以畫面顯得不太平衡,這時候我們聯想前面我們提到的買水果的例子,1個柚子可以等于2個蘋果的重量,所以1個大圓可以和2個小圓取得平衡,如編號3;

但是編號3跟編號1的情況一樣,太對秤了,顯得呆板,于是我們可以繼續改變圓的大小,并調整其位置,于是得到了編號4,看起來既平衡也不呆板。同理,我們可以繼續改變圓的大小和數量以及位置,甚至可以將圓切掉一部分嗎,最后得到了編號5和編號6,畫面依舊是既平衡又不呆板的。

數量的平衡原理,帶設計當中的運用也是相當廣泛的,比如在一些比較嚴肅或嚴謹的設計場合,像偏政府部門性質或者為一些思想比較傳統的甲方做設計,我們在排版的時候經常會選擇編號1或編號3那種偏對秤的形式去排版;

而如果想追求畫面的透氣性、節奏感,想體現自由的氣息、現代的精神、開放的態度,則會選擇編號4、5、6那種排版方式。

至于面積的平衡、大小的平衡、形狀的平衡,則跟上面數量的平衡是同理的,我在上面其實已經附帶著講解了,大家可以自行去體會和摸索一下就好。

如何把控設計的平衡感?

當然,在實際的設計項目當中,我們所面臨的情況會比我在上面演示的單一情況要復雜得多,因為基本是各個因素都要考慮到,而不能單程去考慮問題了,而應該有把握大局觀的概念,腦袋需要靈活變通。

比如,前幾天一位妹子,就問了我一個問題:

如何把控設計的平衡感?

如何把控設計的平衡感?

我給這位面粉說的是,要想你設計的畫面有平衡感,可以好好聯想一下“秤”這個東西,并且設計的平衡感,不能靠死記硬背,而是要權衡畫面里顏色的平衡、數量的平衡、面積的平衡、大小的平衡、形狀的平衡。

這些東西其實并不復雜,但是也沒你想象那么簡單,你需要花費大量的時間和精力去反復練習,才能熟練掌握。比如這位面粉提到的這幅海報,是我用我吃完的水果核設計而成的:

如何把控設計的平衡感?

這幅海報,即便是做成了模版,看起來都非常有節奏感、平衡感:

如何把控設計的平衡感?

而它在被設計成海報之前,其實也是一張畫面比較平衡的照片:

如何把控設計的平衡感?

但是當你將一幅原本畫面就比較平衡的照片設計成一幅海報,給他添加文字文案的時候,勢必會打破它原來的平衡,所以你需要對原先畫面里的元素位置、數量、形象等等做一些調整,使之達到一種新的平衡,如下圖所示:

如何把控設計的平衡感?

再比如另一位面粉,前段時間發了一張自己的隨手拍照片設計成的海報給我看,我覺得還是蠻不錯的:

如何把控設計的平衡感?

色調和意境都很不錯,配上日文感覺還像那么回事:

如何把控設計的平衡感?

不過,我還是重新幫她調色改了一稿:

如何把控設計的平衡感?

改稿后的海報是下面這樣子:

如何把控設計的平衡感?

我主要調整修改了以下幾個方面:

1、通過調整色調,畫面的意境更改了,從初秋的清爽感變成了晚秋的清冷感,2種意境都可以,主要看設計者的心境;

2、原圖背景比較雜亂,通過壓暗、降低飽和度等方式,可以減少很多雜亂的干擾;

3、原海報右邊的桂花很集中,幾乎是堆積成了一個三角形,但是底部卻是空蕩蕩的,導致畫面整體在視覺上有點不太平衡,所以我復制了一部分花瓣把底部空缺部分修補了一下;

4、其他修改調整,比如換了非襯線字體,更改了文案排版方向等等;

其中,大家主要看第2、3點更改原因就好了,第1、4點其實改不改都可以,因為不同的設計師審美和習慣都不一樣。

而以上所有修改點,總結起來無非就是為了讓畫面更平衡罷了,至于改稿前后的區別,大家可以自己感受一下,如下圖所示:

如何把控設計的平衡感?

另外我想說的是,設計無好壞之分,什么時候該讓畫面具有平衡感,什么時候要利用畫面的不平衡感,都是依據你的目的而決定的,所以我一再強調的都是:要想做好設計,腦袋一定要靈活點,切勿死搬硬套。

那么,關于把控設計畫面的平衡感,今天我就為大家講解到這里吧,路漫漫其修遠兮,吾將上下而求索,大家一起加油。

?

發表評論

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: