當前位置:首頁 >教程首頁 > U I 設計 > AI+UX設計大師班 >如何做好設計中的畫麵平衡?

如何做好設計中的畫麵平衡?

發布時間:2021-12-06 10:02:23

畫麵平衡是一個很基本的設計理念,但很多朋友在平時的作品中容易忽視這個點。隻要把這個基本問題解決了,作品就能提升一個檔次。

用戶本能地會對不平衡的設計感到厭煩,如何在畫麵中創造一個有吸引力的平衡?是本篇文章要分享的內容。


Illustration: Outcrowd

平衡是一個作品中最重要的元素之一。平衡中的對稱關係能夠創造平衡與和諧,這種平衡狀態直觀上能夠讓用戶感到舒適。

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

2.jpg

Illustration: Outcrowd

在設計環境中,平衡是基於元素的視覺重量,而視覺重量是用戶對圖像的注意力範圍。如果畫麵是平衡的,用戶會下意識地感到舒適。畫麵平衡被認為是其元素在視覺上的比例安排。

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

1. 對稱(靜態)平衡

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

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

3.jpg

Illustration: Outcrowd

2. 不對稱(動態)平衡

兩側重量不相同的元素構成具有不對稱平衡。

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

4.jpg

Landing page — Asian Cuisine

比如一般這樣去“配重”的元素會是一個按鈕或者標題。重要信息(或者是行動按鈕)就是我們需要去配重的價值元素。

不對稱的現象越嚴重,用戶就越想找出其中的原因(檢查配重)。人們本能地比平時更仔細地研究這樣的畫麵。然而,這裏需要注意分寸,過於古怪的構圖並不總是能被很好的感知。

3. 徑向平衡

5.jpg

Illustration: Outcrowd

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

4. 馬賽克平衡

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

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

6.jpg

Illustration: Outcrowd

5. 視覺平衡的秘密?

當談到構圖中的重量平衡時,他們經常將其與物理世界中的重量進行比較:重力、杠杆、重量和支點。我們的大腦和眼睛感知平衡的方式非常類似於力學定律。我們很容易把一幅畫想象成一個在某一點上平衡的平麵,就像一個天平。如果我們在圖像的邊緣添加一個元素,它就會失去平衡,有必要修複它。元素是否是一組色調、顏色還是點並不重要,目標是找到圖像的視覺“重心”,即圖像的重心。

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

大小。大的物體總是更重

形狀。不規則形狀比規則形狀的元素輕

顏色。暖色比冷色重

7.jpg

色調。深色物體比淺色物體重

圖案。帶有圖案的元素顯得更重

3D。帶有紋理貼圖的元素顯得更重

8.jpg

位置。物體離中心越遠,其視覺重量越大

方向。垂直元素比水平元素更重

密度。許多小元素可以抵消一個大元素

9.jpg

內部複雜性。物體內部越複雜,視覺重量更大

填充空間關係。正形空間比負形空間更重

對重量的感知。照片中的啞鈴看起來會比一隻鋼筆更重

總結

當使用對稱時,作品看起來可以更加的專業和有科學性。其中,靜態對稱的作品顯得更加有專業精神和嚴肅的;而動態對稱的設計方法則能吸引用戶的興趣,表達出個性和創造力,能讓用戶集中注意力。

作者微信公眾號:「彩雲譯設計」

华体会hth体育网 賞析
  • 2101期學員李思庭作品

    2101期學員李思庭作品

  • 2104期學員林雪茹作品

    2104期學員林雪茹作品

  • 2107期學員趙淩作品

    2107期學員趙淩作品

  • 2107期學員趙燃作品

    2107期學員趙燃作品

  • 2106期學員徐正浩作品

    2106期學員徐正浩作品

  • 2106期學員弓莉作品

    2106期學員弓莉作品

  • 2105期學員白羽新作品

    2105期學員白羽新作品

  • 2107期學員王佳蕊作品

    2107期學員王佳蕊作品

專業問題谘詢

你擔心的問題,火星幫你解答

微信掃碼入群領福利

掃碼領福利最新AI資訊

點擊谘詢
添加老師微信,馬上領取免費課程資源

1. 打開微信掃一掃,掃描左側二維碼

2. 添加老師微信,馬上領取免費課程資源

×

同學您好!

您已成功報名0元試學活動,老師會在第一時間與您取得聯係,請保持電話暢通!
確定