萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 網頁設計配色剖析之綠色

網頁設計配色剖析之綠色

   每個人都有自己最喜歡的顏色,在工作以及生活中,當購買產品或進行藝術創作的時候,他們會選擇自己喜歡的顏色。對於設計師來說也是同理。設計師偏好在設計中重復使用他們最喜歡的色系。雖然命題是無限的,但是他們還是喜歡遵循自己的審美感覺。

網頁設計配色剖析之綠色 三聯

  推廣成功、運營優秀的網站,往往讓用戶感覺到頁面和諧感強、視覺效果符合本能審美、元素具有圖像象征且與產品服務緊密聯系,這歸功於網頁設計。

  綠色的定義

  綠,是一種顏色,綠色處於光譜中間,波長較短,大約為500~570nm。在減色法中,綠色不是主色,但是可以由黃色和藍色、或者黃色和青色創造出來的。綠色是加法三原色之一。

  Green

Green

  網頁設計中的綠色

  綠色在網頁設計中效果極佳,因而被廣泛的應用。可能是因為綠色是自然中最多的顏色,綠色能夠喚起一種人類對於自然的本能意識。高手能夠行之有效的將綠色和其它顏色有機結合,奏出一曲色彩、色調、明暗完美互補的視覺三重奏,讓人興趣滿滿。

  而材質的加入也能改變顏色的效果,比如,粗糙的材質表面讓顏色看起來更深,平滑的表面讓顏色看起來更淺。

  正如色彩理論專家J.L.Morton說的那樣:

  成功的設計知道如何用色彩去傳達意義。網頁設計師應該像對待圖形和布局一樣認真對色彩其中蘊藏的象征意義。

  綠色在心理學上具有沖擊力,因此被應用於廣告、機構標識和電子媒體中。想要在網絡上創收的工業制造商通常會發現,官方主頁上使用綠色效果很棒。

  很多設計師認為,當按鈕和選項采用綠色時,能夠吸引更多的點擊或操作,具有很強的行為召喚力

  行為召喚

  WedoXHTML用綠色突出了重要的信息,同時綠色的字體也易於閱讀。

  Wedoxhtml

Wedoxhtml

  Pagelime使用綠色,作為一種行為召喚的暗示

  Pagelime

Pagelime

  為何選擇綠色?

  視覺感受器具有一些特性與限制,大多數人對於光的頻譜中間部分最為敏感,比如綠色。

  綠色是一種合成色,有多種用途,能夠清晰的傳達設計師的意圖。綠色讓食物看起來自然、清新、生態環保。在工業環境下,如果設備被塗上綠色,會讓人感覺安全,同時也能促進生產。這種環保的感覺讓人們感到潔淨並不會危害到個人健康。

  綠色令人放松。當一想到綠色,大多數人會想到戶外和植物。因此具有平靜心態的功效。

  綠色能夠最大化可讀性,降低視覺疲勞發生的幾率,這在網頁設計中非常關鍵。還能夠激發用戶的視覺興趣。

  綠色的作用

  綠色對人具有顯著的心理沖擊作用,在很多文化中非常流行。綠色使人寬心,經常在醫療設施上看到綠色。綠色降低血壓,緩解神經緊張,放松大腦,啟發創造,但也抑制胃口。綠色的視覺負擔很小,以綠色為背景的圖像看起來更有深度。

  綠色雖然能夠幫助人們走出焦慮和沮喪的情緒。但是如果使用過度,就讓用戶有種極度、仇恨、占有的負面情緒!

  網頁設計中不同種類的綠色

  綠色對於綠色食品、保健、有機產品來說是很好的推廣工具。但是要按需而定,要合理的使用。

  DARK GREEN(深綠色)

  通常與金錢和野心聯系在一起。對於公司來說很不錯。能夠給用戶一種強力、有名望、踏實的感覺。

  Heineken

Heineken

  BRIGHT GREEN(亮綠色)

  象征著自然中的生機與活力。

  Yodaa

Yodaa

  CELADON(青瓷綠)

  在中國、朝鮮、日本經常使用的綠色,後來傳播到其他國家,一種難以描述的優雅感。

  Qilady

Qilady

  YELLOW-GREEN/LIME GREEN(黃綠/檸檬綠)

  因為會讓人聯想到反胃嘔吐時的病態,要謹慎使用。對於與食物不相干的網站和保健品網站來說,是很理想的顏色。

  Pado

Pado

  OLIVIA GREEN(橄榄綠)

  非常的愉悅視覺,安寧大方,適合公眾場合。但是也有一點軍事色彩。

  Mocapoke

Mocapoke

  BLUE GREENS(青綠色)

  最容易讓人接受的綠色,對男女都有吸引力。

  Amitkhera

Amitkhera

  綠色與其他顏色的搭配

  綠色和其它互補色搭配效果良好。互補色的定義:凡兩種顏色相結合產生白色或灰色,則稱其中一種顏色為另一種顏色的互補色。三組基本互補色:紅色與綠色互補,藍色與橙色互補,紫色與黃色互補。

  了解了這些,就能有效的組織網頁中的色彩搭配,深色與淺色的搭配一般不會差。另外值得一提的是,要避免在網頁中使用多種色彩。最好開始設計時做做實驗,調調明暗度,可以用互補色開始實驗。現在,我們來看看綠色的配色方案。

  綠色與藍色的搭配

  自然的呼喚感,新鮮而又清澈。象征著新生事物的萌芽。

  Narhir

Narhir

  The Forbidden Corner

Theforbiddencorner

  綠色與褐色,棕褐色或米黃色的搭配

  這種組合,有機感強,讓人感覺自然循環生生不息,也適合產品包裝設計

  Mailchimp

Mailchimp

  Juandiego Velasco

Juandiego Velasco

  綠色與黃色與黑色/白色的搭配

  三種顏色的結合(綠黃黑、綠黑白)讓頁面具有戶外運動感

  Evacare

Evacare

  Bugworldexperience

Bugworldexperience

  綠色與紫色/紅色的搭配

  對比強烈,生動並扣人心弦。

  Designheartsme

Designheartsme

  Naturestable

Naturestable

  綠色與橙色/黃色的搭配

  檸檬綠與橙色/黃色的搭配,營造了一種如同水果的新鮮感,讓人感覺非常的健康環保。

  Web Banner Ad Design

Webbanneraddesign

  Blymp

Blymp

  網頁設計中應用綠色的案例:機構篇

  廣泛應用,作用明顯。

  Nutrifield

Nutrifield

  Gbados Energy Solutions

Gbados energy solutions
copyright © 萬盛學電腦網 all rights reserved