在視覺傳達中,我們沒有很多時間來傳遞信息。此外,我們的設計元素詞匯是高度主觀的,開放給觀眾的解釋。

視覺層級是設計的重要方面。它規定了構圖中的元素如何組織,以引導觀眾的目光,確保他們接收到設計師所期望傳達的信息。

在學習平面設計、版面設計、UI設計、動態設計或其他任何視覺傳達媒介時,理解視覺層級是至關重要的。

1、什么是視覺層級?

在我們解釋視覺層級的定義之前,先來了解一下什么是層級?層級是指一種級別或排名系統。在層級中,級別越高,其重要性和影響的元素越多。

例如,本文的層級可以用樹狀結構來表示,其中每個分支是一節內容。我們已經完成了介紹,現在正在定義像層級這樣的術語,接著我們會深入討論連接層級和設計原則的部分。應用視覺層級不僅是為了觀眾。

2、在設計理論中應用視覺層級

我最喜歡的視覺層級例子之一是1968年地球從月球地平線升起的照片。

如果我們將這個圖像拆解成設計元素,只有幾個形狀、一些紋理和少量的顏色。而圖形設計的尺度和比例原則讓月球在構圖中占據主導地位,而地球則顯得微小而遙遠。

我們預期較大的元素是最重要的。在這種情況下,我們相信的和我們看到的之間存在概念上的不協調。地球與前景中那個沒有特征的大塊月球形成對比,使我們和我們的家園顯得渺小。

不到十年后,星球大戰的開場鏡頭使用圖形設計原則展示了另一個最佳的視覺層級例子。你可以在一張靜止的圖像中看到帝國和反抗軍的整個層級結構。前景中星際驅逐艦的灰色大塊主導了畫面,就像帝國主導了銀河系一樣。

3.?層次結構和平面設計基礎

層級和圖形設計基礎是學習平面設計時最常見的內容之一。Envato Elements的這份菜單模板運用了層級原則,在段落樣式中對內容進行結構化,以便讓觀眾更好地理解。標題吸引觀眾的注意力,并解釋了下面要期待的內容。段落樣式可以使用較小的字體,并留出更多的空間來詳細介紹菜單的內容。

學習設計層級時,要記住負空間和正空間同樣重要。即使在不改變其他圖形設計原則的情況下,負空間也可以將元素進行組合。

4、插畫中的視覺層級是什么?

當排版不可用時,你可能會想知道如何改善視覺層級。在平面設計的視覺層級理論中,不僅僅是組織文本。這個來自Envato Elements的海報巧妙地運用了平面設計原則。

請注意,海報中的眼睛會吸引注意力。眼睛本身就有這個特性,但在這里,明暗對比、顏色對比和強調迅速抓住了觀眾的注意力。簡單的線條和形狀引導觀眾從眼睛到文本,同時傳達了海報所傳遞的信息(夏季、熱帶、旅行、溫暖),而文本迅速而高效地呈現了行動號召。

5、設計中的高級層級原則

芭芭拉·克魯格(Barbara Kruger)是視覺層級設計的大師。克魯格標志性的風格是用紅色矩形突出顯示大膽的Futura字體,強調排版而減弱視覺效果。

讓我們來看看這件無色彩的作品,“金錢能買到愛”。尺寸和對比立刻將“金錢”和“愛”這兩個詞置于層級的頂端,而微小的“能”,“買”和“你”幾乎不被注意到。

文字的放置和每個單詞單獨放在一個方框中迫使我們用多種方式閱讀。由于英語假設我們從左到右閱讀,所以“金錢”首先抓住我們的注意力,然后是“愛”。相比之下,微小的“能”,“買”和“你”迫使我們重新評估金錢和愛之間的關系,使我們面臨更多問題而不是答案。我們是否需要放棄金錢才能得到愛?如果金錢能夠買到愛,那么這真的算是愛嗎?如果我們將其理解為“金錢可以買到你,愛”?

與此同時,我們幾乎沒有注意到的視覺效果是一個女孩吹了個噓聲,有點嘲笑觀眾。在克魯格的作品中,視覺強烈的層級給概念上的模糊性讓路。

層次

說到模糊性,讓我們來看看克魯格另一件作品的主題:“夠殘酷嗎?”:安迪·沃霍爾。沃霍爾的作品探索了消費主義以及將諾瑪·簡·莫特森轉變成可市場化的產品瑪麗蓮·夢露。

在這里,視覺層級設計是故意模糊的。缺乏視覺層級是重要的部分。沃霍爾關于瑪麗蓮·夢露的肖像系列摒棄了任何明確的視覺層級,使用了重復的形狀。與克魯格大膽的紅色矩形不同,每個肖像的鮮艷顏色使得其中任何一個肖像都不會在眾多作品中脫穎而出。

結論:用于改善視覺層級的方法?

為設計中的元素確定層級結構不僅對觀眾有幫助,對設計師本身也是如此。

一旦確定了層級結構,我們更容易知道要保留什么,要舍棄什么,以及要強調什么。我們還知道在哪里增加視覺吸引力,以增強設計的目標,而不是分散注意力。

精選文章:

字體也能演戲?快來看這些知名動漫中的字體演員!

什么是不拘一格的裝飾:如何在家中混合搭配風格?

虛擬現實賦能包裝設計,洞悉消費者心聲

設計新潮:簡約還是復雜,品牌標志的選擇之爭!

40度北京,南站室內搖身一變“戛納海灘”?