為什么你的設(shè)計看起來不舒服?很有可能因為視覺平衡沒有做好。
發(fā)布時間:2021-12-10 10:25 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: hh71427-2

畫面平衡是一個很基本的設(shè)計理念,但很多朋友在平時的作品中容易忽視這個點,最多的問題之一就是畫面平衡沒做好,只要把這個基本問題解決了,作品就能提升一個檔次。用戶本能地會對不平衡的設(shè)計感到厭煩,如何在畫面中創(chuàng)造一個有吸引力的平衡?是本篇文章要分享的內(nèi)容。


圖片



平衡是一個作品中最重要的元素之一。平衡中的對稱關(guān)系能夠創(chuàng)造平衡與和諧,這種平衡狀態(tài)直觀上能夠讓用戶感到舒適。

人體是垂直對稱的,我們的視覺接收也與之相對應(yīng)。我們喜歡物體在垂直軸上保持平衡,直覺上總是傾向于平衡一種力量與另一種力量。

圖片


 

在設(shè)計環(huán)境中,平衡是基于元素的視覺重量,而視覺重量是用戶對圖像的注意力范圍。如果畫面是平衡的,用戶會下意識地感到舒適。畫面平衡被認(rèn)為是其元素在視覺上的比例安排。

如何讓一個頁面看起來平衡?

 

1. 對稱(靜態(tài))平衡

最常見的平衡例子就是使用對稱。

在潛意識層面上,對稱的視覺能讓人愉悅,能讓畫面看起來和諧有條理。對稱的平衡是通過在水平或垂直的中軸兩側(cè)均勻放置元素來創(chuàng)造的。也就是說,畫面中間假想線的兩邊實際上是彼此的鏡像。有些人認(rèn)為對稱的平衡是無聊和可預(yù)測的,但它經(jīng)受住了時間的考驗,到現(xiàn)在仍然是在頁面上創(chuàng)造舒適和穩(wěn)健感覺的最好方法之一。

圖片

Illustration: Outcrowd

 

2. 不對稱(動態(tài))平衡

兩側(cè)重量不相同的元素構(gòu)成具有不對稱平衡。

動態(tài)平衡通常會比靜態(tài)平衡更有設(shè)計感,讓畫面不至于呆板。在缺乏平衡的情況下,我們的目光會條件反射性地開始尋找平衡點,這是一個很好的機(jī)會,可以將注意力吸引到頁面上可能還沒被注意到的部分。頁面重點就應(yīng)該放在這里——抓住用戶的注意力,就像產(chǎn)品的生命線一樣。

圖片

Landing page — Asian Cuisine

 

比如一般這樣去“配重”的元素會是一個按鈕或者標(biāo)題。

重要信息(或者是行動按鈕)就是我們需要去配重的價值元素。

不對稱的現(xiàn)象越嚴(yán)重,用戶就越想找出其中的原因(檢查配重)。人們本能地比平時更仔細(xì)地研究這樣的畫面。然而,這里需要注意分寸,過于古怪的構(gòu)圖并不總是能被很好的感知。

 

3. 徑向平衡

圖片

Illustration: Outcrowd

 

平衡中的另一種類型,特點是視覺元素從一個共同的中心點放射出來。徑向平衡在設(shè)計中不常用。它的優(yōu)點是,注意力很容易找到并保持一個焦點——恰好就在它的中心,這通常是構(gòu)圖中最引人注目的部分。

 

4. 馬賽克平衡

這是一種平衡中的混亂,就像 Jackson Pollock的畫作一樣。這樣的組成沒有突出的焦點,所有的元素都有同樣的視覺重量。沒有層次,乍一看,畫面就像視覺噪音,但所有元素又相互匹配,形成一個連貫的整體。

(彩云注:這是一種比較高階的設(shè)計平衡處理手法,用的好可以讓畫面非常具有設(shè)計感,但把握不好的話,就會非常凌亂。所以,我們平時能看到很多大師的作品看似一些簡單圖形的使用,但就是好看,輪到自己設(shè)計的時候就會發(fā)現(xiàn),越簡單的設(shè)計似乎越難設(shè)計好。)

圖片

Illustration: Outcrowd

 

視覺平衡的秘密? 

當(dāng)談到構(gòu)圖中的重量平衡時,他們經(jīng)常將其與物理世界中的重量進(jìn)行比較:重力、杠桿、重量和支點。我們的大腦和眼睛感知平衡的方式非常類似于力學(xué)定律。我們很容易把一幅畫想象成一個在某一點上平衡的平面,就像一個天平。如果我們在圖像的邊緣添加一個元素,它就會失去平衡,有必要修復(fù)它。元素是否是一組色調(diào)、顏色還是點并不重要,目標(biāo)是找到圖像的視覺“重心”,即圖像的重心。

不幸的是,沒有精確的方法來確定一個物體的視覺質(zhì)量。一般來說,設(shè)計師依賴于他們的直覺。不過,下面這些有用的觀察可能會有所幫助:

  • 大小——大的物體總是更重
  • 形狀——不規(guī)則形狀比規(guī)則形狀的元素輕
  • 顏色——暖色比冷色重

圖片

  • 色調(diào)——深色物體比淺色物體重
  • 圖案——帶有圖案的元素顯得更重
  • 3D——帶有紋理貼圖的元素顯得更重

圖片

  • 位置——物體離中心越遠(yuǎn),其視覺重量越大
  • 方向——垂直元素比水平元素更重
  • 密度——許多小元素可以抵消一個大元素

圖片

  • 內(nèi)部復(fù)雜性——物體內(nèi)部越復(fù)雜,視覺重量更大
  • 填充空間關(guān)系——正形空間比負(fù)形空間更重
  • 對重量的感知——照片中的啞鈴看起來會比一只鋼筆更重

 

總結(jié) 

當(dāng)使用對稱時,作品看起來可以更加的專業(yè)和有科學(xué)性。其中,靜態(tài)對稱的作品顯得更加有專業(yè)精神和嚴(yán)肅;而動態(tài)對稱的設(shè)計方法則能吸引用戶的興趣,表達(dá)出個性和創(chuàng)造力,能讓用戶集中注意力。

 



CorelDRAW2021視頻教程
我要自學(xué)網(wǎng)商城 ¥100 元
進(jìn)入購買
文章評論
0 條評論 按熱度排序 按時間排序 /350
添加表情
遵守中華人民共和國的各項道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計 室內(nèi)設(shè)計 室外設(shè)計 機(jī)械設(shè)計 工業(yè)自動化 影視動畫 程序開發(fā) 網(wǎng)頁設(shè)計 會計課程 興趣成長 AIGC