圖文科普影響視覺重心的6個因素

0 評論 6709 瀏覽 20 收藏 9 分鐘

甲方為什么喜歡放大?如何讓視覺設(shè)計擁有層次感?答案都在這篇文章里。今天給同學(xué)們科普一個設(shè)計中非常重要的術(shù)語——「視重」,列出了6個能影響視重的因素,學(xué)會后可以用在你的設(shè)計中,或者用來說服甲方 :)

在設(shè)計中,視重是使設(shè)計元素改變輕重的一種概念。即一種物體,即便是在一個二維平面也能看起來比其他的要重。這個概念很強(qiáng)大,它使得我們的設(shè)計能營 造出視覺層級,和對稱、平衡以及和諧的設(shè)計氛圍。倘若它在關(guān)鍵位置使用,那么還能夠幫助我們引導(dǎo)觀眾的注意力到我們希望的地方。這篇文章就講講視重的概念 以及影 響它的因素。

什么是視重?

視重圍繞這樣一個主題:不同的元素在設(shè)計中表現(xiàn)不同的重要性。有時視重很明顯,像一個較大的物體看著會比較小的物體重,因?yàn)樗紦?jù)更大的空間。在顏色的使用上,一些顏色也許看起來比其他的更重更更強(qiáng)勢。

比如說在一塊白色背景上填充純黑色和明亮的淡藍(lán)色,對比一下:視覺本能 讓你覺得哪個更重?

我們討論主要影響視重的因素是:

  • 顏色 / Color
  • 反差 / Contrast
  • 明暗度 / Lightness/darkness
  • 大小 / Size
  • 密度 / Density
  • 復(fù)雜性 / Complexity

視重與對稱性密切相關(guān)。為了在視覺設(shè)計中達(dá)到對稱和平衡,我們會制造出物體在視重上相等的感覺。

為了把注意力吸引到某個物體上(或者置于次要位置),我們會有目的地打破平衡,重新創(chuàng)造一個視覺層次,從而將目光吸引到我們希望的地方。

讓我們來看看這些因素。

一、顏色

顏色是設(shè)計的一個重要組成部分,即使是純黑、純白或是純灰這樣樸素的顏色都能讓你為之設(shè)計。顏色有許多屬性,它能夠影響到一個物體相對于另一個物體的視重,如飽和度、明暗度和色調(diào)。

sz201606142

我們憑直覺感知到的大部分色重都是真實(shí)的,這種分辨能力似乎是與生俱來。比方說,飽和度高的顏色更容易受到關(guān)注。同樣的,淺色背景上深色也比淺色來得更具說服力。

色調(diào)是顏色的一種屬性,而心理學(xué)家最近才開始意識到它也分伯仲。即使是飽和度和明度相等的兩種顏色,如紅色和藍(lán)色(上圖所示),表現(xiàn)出的視重也不盡相同。然而根據(jù)紅色是否重于藍(lán)色的學(xué)術(shù)論文研究,兩者是非常相近的,并且論及哪個更重時,這些研究也改變了觀點(diǎn)。

除了色調(diào),顏色還有一些能夠明顯影響視重的屬性。例如,低飽和度的紅色視重更重,相對于黃色或是橘色也更具吸引力。下面這個例子我們可以看到,通過 使用其 他復(fù)雜程度和尺寸不同的元素,我們也能平衡視重。左邊的紅心面積比較大,亮度更高,因此視重比較重。為了視覺平衡,畫布的右邊我們可以增加不同大小的心形 數(shù)量來增加復(fù)雜程度。

sz201606143

以下是一些被視為能改變視重的顏色,程度由高到低排序:

  • 紅色(最重)
  • 藍(lán)色
  • 綠色
  • 橙色
  • 黃色(最輕)

二、對比

對比是設(shè)計的一個重要組成部分,它能使一些功能在整個版面中脫穎而出。在同樣一張背景上,對比度高的比對比度低的元素看起來更加明顯。適當(dāng)使用對比可以維持視覺層次結(jié)構(gòu),增強(qiáng)可視性。

在下面這個例子中,我們可以看到和背景色相比較,左邊的比右邊的視重更重更突出,因?yàn)樽筮叺膶Ρ榷雀摺?/p>

sz201606144

若要使兩者在重量上達(dá)到相等,我們可以通過其他因素,比方顏色、大小、復(fù)雜性等等。

三、明暗度

深色比淺色重。明暗度是調(diào)節(jié)設(shè)計整體平衡有力的工具。

sz201606145

心理學(xué)家無法理解為什么我們看到深色會覺得比較重。在一項(xiàng)研究中,專家們發(fā)現(xiàn),大部分人都會覺得底部有深色陰影的圖片看起來更自然。重物在下輕者在上的放置方式是一種本能,這是模仿物理界中重力將重物拖至底部的原理。

四、大小

大小是影響視重非常明顯的一個因素,因?yàn)樵谖锢韺W(xué)中,假設(shè)兩個物體形狀相同,體積較大的物體會自然而然地讓人感覺更重,占用的空間也更大。

sz201606146

該怎么平衡這個例子中的視重?方法有很多種。我們可以在較大的物品旁邊放些小一點(diǎn)兒的東西或者在較小的物品旁邊放置深色的、對比度高的東西。如果一 個物品是這項(xiàng)設(shè)計中的焦點(diǎn),那么果斷放大它!這就是為什么我們經(jīng)??吹接幸蝗涸貒@著一個超大的啟動按鈕。他們是在試圖吸引用戶的注意力,以達(dá)到提高轉(zhuǎn) 化率的目的。

五、比例和密度

在物理學(xué)中,密度高的物體比密度低、分散度高的更重。這個很容易做到,只要我們減少一堆物品間的空白間隙。

sz201606147

注意看,相對于左邊四周一大片空白的圖案,右邊密密麻麻的一堆物體,空白地方很多,可是視重還是較輕。因?yàn)樽筮厛D案的空白部分能很好地襯托主體元素,使之放大、放大、放大。

六、復(fù)雜程度

越復(fù)雜的形狀或圖案視重更重。一個簡單的物品相當(dāng)容易也更快能被理解,如右圖所示,而左邊那張相對復(fù)雜的圖片則要耗費(fèi)更多時間去琢磨它到底想要表達(dá)什么?;谶@個原理,在商業(yè)設(shè)計中,我們可以適當(dāng)?shù)囟嗍褂脧?fù)雜的圖形圖案,因?yàn)樗麄兡芨^眾長時間的駐足觀賞。

sz201606148

設(shè)計中的復(fù)雜性可以通過紋理、攝影圖像和重復(fù)的圖案來表現(xiàn)。

總結(jié)

視重這個概念非常依賴設(shè)計師的直覺,視重深受我們在這個世界上的表現(xiàn)的影響,而這個世界由大小和密度構(gòu)成,顏色也能喚起人們內(nèi)心的某些情感(通常由于文化因素)。要做到視覺結(jié)構(gòu)豐富和對稱和諧的設(shè)計取決于我們利用好視重并平衡好各元素之間的關(guān)系,使之整體、協(xié)調(diào)。

 

譯文來自:優(yōu)設(shè)

原文地址:sixrevisions

譯者:設(shè)計達(dá)人網(wǎng)

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!