在設計中使用視重

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

什么是視重?

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

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

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

顏色 / Color

反差 / Contrast

明暗度 / Lightness/darkness

大小 / Size

密度 / Density

復雜性 / Complexity

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

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

讓我們來看看這些因素

一、顏色

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

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

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

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

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

紅色(最重)

藍色

綠色

橙色

黃色(最輕)

二、對比

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

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

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

三、明暗度

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

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

四、大小

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

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

五、比例和密度

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

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

六、復雜程度

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

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

總結

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

原文:http://www.shejidaren.com/visual-weight.html

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,786評論 6 534
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,656評論 3 419
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,697評論 0 379
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,098評論 1 314
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,855評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,254評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,322評論 3 442
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,473評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,014評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,833評論 3 355
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,016評論 1 371
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,568評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,273評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,680評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,946評論 1 288
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,730評論 3 393
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,006評論 2 374

推薦閱讀更多精彩內容

  • 分四部分,看相關書籍,看相關影相,看優秀的照片,拍照片。把每天看過的書籍和影相和優秀照片里自己可以吸收的部分總結出...
    Eleanorgan閱讀 2,870評論 0 12
  • 自從年前放假,一直到今天。全家人都在家里,哪里也去不了。 時間久了,難免會產生各種摩擦。這不今天兩個妹妹因為做家務...
    會飛的貓905閱讀 541評論 0 2
  • 在北京三天,還沒來得及多感受一下皇城的氣息,已經匆匆返回。 最有特色的是表妹安排入住的民宿,在北二環的南池子大街上...
    jenny414閱讀 646評論 0 2
  • 立 冬 遠遠的,泛黃的銀杏葉掛在枝頭 微風輕撫,幾只金蝴蝶飄舞翩飛 裹挾著細雨,迎來立冬。 偏偏,這片寧靜棲在車馬...
    Mypleasure木貳閱讀 282評論 0 5
  • 早上起床穿衣服,疊被子,3分鐘。 燒開水6分鐘。 喝水一分鐘。 洗臉、上廁所燒水的時侯做。 所以從起床到上班出門的...
    藍樸閱讀 76評論 0 0