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

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

什么是視重？

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

比如說(shuō)在一塊白色背景上填充純黑色和明亮的淡藍(lán)色，對(duì)比一下：視覺(jué)本能 讓你覺(jué)得哪個(gè)更重？

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

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

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

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

讓我們來(lái)看看這些因素。

一、顏色

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

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

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

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

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

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

二、對(duì)比

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

在下面這個(gè)例子中，我們可以看到和背景色相比較，左邊的比右邊的視重更重更突出，因?yàn)樽筮叺膶?duì)比度更高。

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

三、明暗度

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

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

四、大小

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

該怎么平衡這個(gè)例子中的視重？方法有很多種。我們可以在較大的物品旁邊放些小一點(diǎn)兒的東西或者在較小的物品旁邊放置深色的、對(duì)比度高的東西。如果一個(gè)物品是這項(xiàng)設(shè)計(jì)中的焦點(diǎn)，那么果斷放大它！這就是為什么我們經(jīng)常看到有一群元素圍繞著一個(gè)超大的啟動(dòng)按鈕。他們是在試圖吸引用戶的注意力，以達(dá)到提高轉(zhuǎn)化率的目的。

五、比例和密度

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

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

六、復(fù)雜程度

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

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

總結(jié)

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

「優(yōu)設(shè)六月精品教程合集」

輕松做出漸變色背景！
《超好用！簡(jiǎn)單5步幫你做出優(yōu)雅大氣的漸變色背景》

超實(shí)用的漸變色指南！
《零基礎(chǔ)也能學(xué)！一份全面系統(tǒng)的漸變色自學(xué)指南》

3招搞定Banner排版！
《教你從空間/變化/形式3個(gè)方面搞定電商BANNER排版》

原文地址：sixrevisions
譯者：設(shè)計(jì)達(dá)人網(wǎng)

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專(zhuān)注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量130萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com