設計中的平衡藝術:打造視覺和諧的秘訣
探索設計中的平衡藝術,揭開打造視覺和諧的秘訣。在這篇文章中,我們將深入理解設計中平衡的重要性,學習如何通過對稱與不對稱平衡創造出既和諧又引人注目的視覺效果。從視覺重量的調整到元素的布局,每一步都是對設計師直覺和創造力的考驗。
平衡是構圖中的核心元素之一。
平衡指的是在作品中對立元素之間的和諧狀態,使觀眾在視覺上感到舒適。
由于人體在豎直方向上具有對稱性,而我們的視覺感知也偏好這種對稱,因此我們習慣欣賞在縱軸上呈現平衡的對象。這種傾向反映為我們總是不自覺地在視覺表達中尋求一個力量對另一個力量的平衡。
插圖:Outcrowd
在設計環境中,平衡取決于元素的視覺重量,影響了觀者注意力停留的時間。一個平衡的網站能讓訪問者下意識地感到愉悅舒適。網站的平衡即為其元素在視覺比例上的合理布局。
如何讓網站看起來平衡?
一、對稱(靜態)平衡
對稱是最典型的平衡實例。
對稱性在潛意識層面上給人一種賞心悅目的感覺,展現出和諧與秩序。通過在水平或垂直中軸線兩側對稱排列元素,實現對稱平衡。簡而言之,頁面中央畫出的假想線的兩側元素,實際上互為鏡像。盡管有觀點認為,對稱的安排可能顯得單調和可預測,但這種方法歷久彌新,始終是打造頁面舒適感和穩定感的有效途徑之一。
插圖:Outcrowd
二、不對稱(動態)平衡
兩邊重量不均的構圖展現出不對稱的平衡之美。
相比靜態平衡,動態平衡更具趣味性,因為靜態平衡不會給思維留出發揮的空間。當不存在平衡時,我們會本能地尋找新的平衡點,這還能夠吸引我們去關注那些可能被忽視的部分。在這一點上,關注點尤為關鍵——我們的注意力會不自覺地像抓住救生圈一樣牢牢抓住它。
登陸頁面 — 亞洲美食
通常這樣的“平衡”是一個按鈕和/或標題。
重要信息(或號召性用語)應作為“平衡”使用。
當不對稱在圖像中更加顯著時,觀眾會產生更強烈的好奇,要去探尋這種不平衡的原因。這種情況下,人們會比平日更為仔細地觀察這些圖像。不過,需要注意的是:過度偏離中心的構圖不一定能被觀眾廣泛接受。
三、輻射平衡
插圖:Outcrowd
輻射平衡是一種通過視覺元素從中心向外擴展而實現的平衡方式。在設計中的應用相對較少。它的一個主要優勢是使注意力集中在中心焦點上,并且能夠持續吸引視線。通常是作品構圖中最引人注目的部分。
四、馬賽克平衡
馬賽克平衡是一種平衡的混沌,如同杰克遜·波洛克的畫作。這種構圖沒有突出的中心點,各個元素均顯得同等重要。乍看之下,會因為層次的缺乏而顯得雜亂,但實際上,所有元素融合在一起,形成了一個和諧一致的整體。
插圖:Outcrowd
視覺平衡的秘密
在討論構圖中的力量平衡時,人們常常將其與物理界中的力量如重力、杠桿、重量和支點做比較。我們的腦部和視覺系統感知到的平衡,與物理學中的力學定律有許多相似之處。我們很自然地將圖像視作在某個點上平衡的平面,類似于帶托盤的天平。如果在圖像的一側添加一個元素,整個畫面就可能失去平衡,而讓人覺得需要糾正。不論該元素屬于亮度、顏色或某一特定點,總之目的是尋找圖像的視覺質心,即圖像的重心所在。
很遺憾,我們無法用精確的方法來計算物體的視覺重量。通常,設計師更多地依賴直覺進行判斷。不過,以下幾個觀察點或許能夠提供一些幫助:
大小
大型物體通常表現出厚重感。
形式
不規則的元素往往看上去比規則形狀的元素更加輕盈。
顏色
暖色系的顏色通常給人一種較冷色系更重的視覺感受。
色調
深色物體往往比淺色物體顯得更重。
質地
表面有紋理的物體視覺上更顯厚重。
三維
帶有紋理的“三維物體”常給人更加穩定的印象。
位置
物體距中心越遠,其視覺重量越大。
方向
垂直的元素視覺上顯得比水平的更為沉重。
密度
多個細小的元素能夠與一個較大的元素達到平衡。
內在趣味
物體的復雜性會增加其視覺分量。
空間填充
實體形態在視覺上比負空間更具重量感。
對物理重量的視覺認知
一幅描繪的壺鈴似乎比一支真實的鋼筆重。
讓我們總結一下
對稱性的方法帶來了專業性與嚴格的思維體系,體現出可持續的品質。而不對稱性則通過其獨特的表達吸引矚目,展現個性和創造力,從而有效地集中注意力。
作者:Erik Messaki
編輯:林庭婷
本文由人人都是產品經理作者【TCC翻譯情報局】,微信公眾號:【TCC翻譯情報局】,原創/授權 發布于人人都是產品經理,未經許可,禁止轉載。
題圖來自Unsplash,基于 CC0 協議。
- 目前還沒評論,等你發揮!