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

      作者:
      分類: 觀點/經驗
      2016-06-15
      1208

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

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

      什么是視重?

      視重圍繞這樣一個主題:不同的元素在設計中表現不同的重要性。有時視重很明顯,像一個較大的物體看著會比較小的物體重,因為它占據更大的空間。在顏色的使用上,一些顏色也許看起來比其他的更重更更強勢。

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

      sz201606141

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

      • 顏色 / Color

      • 反差 / Contrast

      • 明暗度 / Lightness/darkness

      • 大小 / Size

      • 密度 / Density

      • 復雜性 / Complexity

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

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

      讓我們來看看這些因素。

      一、顏色

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

      sz201606142

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

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

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

      sz201606143

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

      • 紅色(最重)

      • 藍色

      • 綠色

      • 橙色

      • 黃色(最輕)

      二、對比

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

      在下面這個例子中,我們可以看到和背景色相比較,左邊的比右邊的視重更重更突出,因為左邊的對比度更高。

      sz201606144

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

      三、明暗度

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

      sz201606145

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

      四、大小

      大小是影響視重非常明顯的一個因素,因為在物理學中,假設兩個物體形狀相同,體積較大的物體會自然而然地讓人感覺更重,占用的空間也更大。

      sz201606146

      該怎么平衡這個例子中的視重?方法有很多種。我們可以在較大的物品旁邊放些小一點兒的東西或者在較小的物品旁邊放置深色的、對比度高的東西。如果一個物品是這項設計中的焦點,那么果斷放大它!這就是為什么我們經常看到有一群元素圍繞著一個超大的啟動按鈕。他們是在試圖吸引用戶的注意力,以達到提高轉化率的目的。

      五、比例和密度

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

      sz201606147

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

      六、復雜程度

      越復雜的形狀或圖案視重更重。一個簡單的物品相當容易也更快能被理解,如右圖所示,而左邊那張相對復雜的圖片則要耗費更多時間去琢磨它到底想要表達什么。基于這個原理,在商業(yè)設計中,我們可以適當地多使用復雜的圖形圖案,因為他們能更吸引觀眾長時間的駐足觀賞。

      sz201606148

      設計中的復雜性可以通過紋理、攝影圖像和重復的圖案來表現。

      總結

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


      0
      8
      分享到:

      0

      喜歡他,就推薦他上首頁吧^_^

      推薦閱讀

      ×

      賽事服務聯系方式

      0371-86068866

      4008887269

      cndesign@163.com

      好的,我知道了

      官方微信

      聯系我們

      • QQ:33143335 QQ:1904200230
      • 電話:18569912460
      • 投稿:cndesign@163.com
      • 地址:鄭州市國家大學科技園東區(qū)9號樓2層

      版權信息

        移動 Android 版 豫 ICP 備16038122號-2 豫公網安備 41019702002261號

      主站蜘蛛池模板: 亚洲福利精品一区二区三区| 夜夜嗨AV一区二区三区| 人成精品视频三区二区一区 | 国产在线乱子伦一区二区| 无码国产亚洲日韩国精品视频一区二区三区 | 精品理论片一区二区三区| 中文字幕无线码一区二区 | 午夜视频一区二区三区| 农村乱人伦一区二区| 中文字幕一区二区人妻| 亚洲成av人片一区二区三区| 国产精品美女一区二区| 国产成人精品一区二三区熟女 | 国产一区二区三区樱花动漫| 亚洲熟妇AV一区二区三区浪潮| 国产激情视频一区二区三区| 人妻免费一区二区三区最新| 国产成人高清视频一区二区| 丰满岳乱妇一区二区三区| 一区二区三区免费在线视频| 国产成人一区二区动漫精品 | 亚洲国产精品第一区二区| 亚洲一区二区三区影院| 国产乱码精品一区二区三区中文| 国产av熟女一区二区三区| 久久精品国产亚洲一区二区| 久久精品国产一区二区三区肥胖| 天堂资源中文最新版在线一区| 久久国产视频一区| 精品人妻系列无码一区二区三区| 国产精品福利一区二区久久| 在线精品一区二区三区| 精品免费国产一区二区三区| 波多野结衣精品一区二区三区| 精品一区二区三区视频| 中文字幕一区二区日产乱码| 奇米精品一区二区三区在线观看| 无码少妇一区二区性色AV| 97精品国产一区二区三区 | 亚洲av一综合av一区| 五月婷婷一区二区|