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

甲方為什么喜歡放大？如何讓視覺設(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)。
我們憑直覺感知到的大部分色重都是真實(shí)的，這種分辨能力似乎是與生俱來。比方說，飽和度高的顏色更容易受到關(guān)注。同樣的，淺色背景上深色也比淺色來得更具說服力。 色調(diào)是顏色的一種屬性，而心理學(xué)家最近才開始意識到它也分伯仲。即使是飽和度和明度相等的兩種顏色，如紅色和藍(lán)色（上圖所示），表現(xiàn)出的視重也不盡相同。然而根據(jù)紅色是否重于藍(lán)色的學(xué)術(shù)論文研究，兩者是非常相近的，并且論及哪個更重時，這些研究也改變了觀點(diǎn)。 除了色調(diào)，顏色還有一些能夠明顯影響視重的屬性。例如，低飽和度的紅色視重更重，相對于黃色或是橘色也更具吸引力。下面這個例子我們可以看到，通過使用其 他復(fù)雜程度和尺寸不同的元素，我們也能平衡視重。左邊的紅心面積比較大，亮度更高，因此視重比較重。為了視覺平衡，畫布的右邊我們可以增加不同大小的心形 數(shù)量來增加復(fù)雜程度。

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

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

二、對比 對比是設(shè)計的一個重要組成部分，它能使一些功能在整個版面中脫穎而出。在同樣一張背景上，對比度高的比對比度低的元素看起來更加明顯。適當(dāng)使用對比可以維持視覺層次結(jié)構(gòu)，增強(qiáng)可視性。 在下面這個例子中，我們可以看到和背景色相比較，左邊的比右邊的視重更重更突出，因?yàn)樽筮叺膶Ρ榷雀摺? 若要使兩者在重量上達(dá)到相等，我們可以通過其他因素，比方顏色、大小、復(fù)雜性等等。 三、明暗度 深色比淺色重。明暗度是調(diào)節(jié)設(shè)計整體平衡有力的工具。
心理學(xué)家無法理解為什么我們看到深色會覺得比較重。在一項(xiàng)研究中，專家們發(fā)現(xiàn)，大部分人都會覺得底部有深色陰影的圖片看起來更自然。重物在下輕者在上的放置方式是一種本能，這是模仿物理界中重力將重物拖至底部的原理。
四、大小 大小是影響視重非常明顯的一個因素，因?yàn)樵谖锢韺W(xué)中，假設(shè)兩個物體形狀相同，體積較大的物體會自然而然地讓人感覺更重，占用的空間也更大。 該怎么平衡這個例子中的視重？方法有很多種。我們可以在較大的物品旁邊放些小一點(diǎn)兒的東西或者在較小的物品旁邊放置深色的、對比度高的東西。如果一個物品是這項(xiàng)設(shè)計中的焦點(diǎn)，那么果斷放大它！這就是為什么我們經(jīng)?？吹接幸蝗涸貒@著一個超大的啟動按鈕。他們是在試圖吸引用戶的注意力，以達(dá)到提高轉(zhuǎn)化率的目的。
五、比例和密度 在物理學(xué)中，密度高的物體比密度低、分散度高的更重。這個很容易做到，只要我們減少一堆物品間的空白間隙。 注意看，相對于左邊四周一大片空白的圖案，右邊密密麻麻的一堆物體，空白地方很多，可是視重還是較輕。因?yàn)樽筮厛D案的空白部分能很好地襯托主體元素，使之放大、放大、放大。
六、復(fù)雜程度 越復(fù)雜的形狀或圖案視重更重。一個簡單的物品相當(dāng)容易也更快能被理解，如右圖所示，而左邊那張相對復(fù)雜的圖片則要耗費(fèi)更多時間去琢磨它到底想要表達(dá)什么?；谶@個原理，在商業(yè)設(shè)計中，我們可以適當(dāng)?shù)囟嗍褂脧?fù)雜的圖形圖案，因?yàn)樗麄兡芨^眾長時間的駐足觀賞。 設(shè)計中的復(fù)雜性可以通過紋理、攝影圖像和重復(fù)的圖案來表現(xiàn)。 總結(jié) 視重這個概念非常依賴設(shè)計師的直覺，視重深受我們在這個世界上的表現(xiàn)的影響，而這個世界由大小和密度構(gòu)成，顏色也能喚起人們內(nèi)心的某些情感（通常由于文化因素）。要做到視覺結(jié)構(gòu)豐富和對稱和諧的設(shè)計取決于我們利用好視重并平衡好各元素之間的關(guān)系，使之整體、協(xié)調(diào)。