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

推廣成功、運營優(yōu)秀的網站,往往讓用戶感覺到頁面和諧感強、視覺效果符合本能審美、元素具有圖像象征且與產品服務緊密聯(lián)系,這歸功于網頁設計。
綠色的定義
綠,是一種顏色,綠色處于光譜中間,波長較短,大約為500~570nm。在減色法中,綠色不是主色,但是可以由黃色和藍色、或者黃色和青色創(chuàng)造出來的。綠色是加法三原色之一。
Green

網頁設計中的綠色
綠色在網頁設計中效果極佳,因而被廣泛的應用。可能是因為綠色是自然中最多的顏色,綠色能夠喚起一種人類對于自然的本能意識。高手能夠行之有效的將綠色和其它顏色有機結合,奏出一曲色彩、色調、明暗完美互補的視覺三重奏,讓人興趣滿滿。
而材質的加入也能改變顏色的效果,比如,粗糙的材質表面讓顏色看起來更深,平滑的表面讓顏色看起來更淺。
正如色彩理論專家J.L.Morton說的那樣:
成功的設計知道如何用色彩去傳達意義。網頁設計師應該像對待圖形和布局一樣認真對色彩其中蘊藏的象征意義。
綠色在心理學上具有沖擊力,因此被應用于廣告、機構標識和電子媒體中。想要在網絡上創(chuàng)收的工業(yè)制造商通常會發(fā)現(xiàn),官方主頁上使用綠色效果很棒。
很多設計師認為,當按鈕和選項采用綠色時,能夠吸引更多的點擊或操作,具有很強的行為召喚力
行為召喚
WedoXHTML用綠色突出了重要的信息,同時綠色的字體也易于閱讀。
Wedoxhtml

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

為何選擇綠色?
視覺感受器具有一些特性與限制,大多數(shù)人對于光的頻譜中間部分最為敏感,比如綠色。
綠色是一種合成色,有多種用途,能夠清晰的傳達設計師的意圖。綠色讓食物看起來自然、清新、生態(tài)環(huán)保。在工業(yè)環(huán)境下,如果設備被涂上綠色,會讓人感覺安全,同時也能促進生產。這種環(huán)保的感覺讓人們感到潔凈并不會危害到個人健康。
綠色令人放松。當一想到綠色,大多數(shù)人會想到戶外和植物。因此具有平靜心態(tài)的功效。
綠色能夠最大化可讀性,降低視覺疲勞發(fā)生的幾率,這在網頁設計中非常關鍵。還能夠激發(fā)用戶的視覺興趣。
綠色的作用
綠色對人具有顯著的心理沖擊作用,在很多文化中非常流行。綠色使人寬心,經常在醫(yī)療設施上看到綠色。綠色降低血壓,緩解神經緊張,放松大腦,啟發(fā)創(chuàng)造,但也抑制胃口。綠色的視覺負擔很小,以綠色為背景的圖像看起來更有深度。
綠色雖然能夠幫助人們走出焦慮和沮喪的情緒。但是如果使用過度,就讓用戶有種極度、仇恨、占有的負面情緒!
網頁設計中不同種類的綠色
綠色對于綠色食品、保健、有機產品來說是很好的推廣工具。但是要按需而定,要合理的使用。
DARK GREEN(深綠色)
通常與金錢和野心聯(lián)系在一起。對于公司來說很不錯。能夠給用戶一種強力、有名望、踏實的感覺。
Heineken

BRIGHT GREEN(亮綠色)
象征著自然中的生機與活力。
Yodaa

CELADON(青瓷綠)
在中國、朝鮮、日本經常使用的綠色,后來傳播到其他國家,一種難以描述的優(yōu)雅感。
Qilady

YELLOW-GREEN/LIME GREEN(黃綠/檸檬綠)
因為會讓人聯(lián)想到反胃嘔吐時的病態(tài),要謹慎使用。對于與食物不相干的網站和保健品網站來說,是很理想的顏色。
Pado

OLIVIA GREEN(橄欖綠)
非常的愉悅視覺,安寧大方,適合公眾場合。但是也有一點軍事色彩。
Mocapoke

BLUE GREENS(青綠色)
最容易讓人接受的綠色,對男女都有吸引力。
Amitkhera

綠色與其他顏色的搭配
綠色和其它互補色搭配效果良好。互補色的定義:凡兩種顏色相結合產生白色或灰色,則稱其中一種顏色為另一種顏色的互補色。三組基本互補色:紅色與綠色互補,藍色與橙色互補,紫色與黃色互補。
了解了這些,就能有效的組織網頁中的色彩搭配,深色與淺色的搭配一般不會差。另外值得一提的是,要避免在網頁中使用多種色彩。最好開始設計時做做實驗,調調明暗度,可以用互補色開始實驗。現(xiàn)在,我們來看看綠色的配色方案。
綠色與藍色的搭配
自然的呼喚感,新鮮而又清澈。象征著新生事物的萌芽。
Narhir

The Forbidden Corner

綠色與褐色,棕褐色或米黃色的搭配
這種組合,有機感強,讓人感覺自然循環(huán)生生不息,也適合產品包裝設計
Mailchimp

Juandiego Velasco

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

Bugworldexperience

綠色與紫色/紅色的搭配
對比強烈,生動并扣人心弦。
Designheartsme

Naturestable

綠色與橙色/黃色的搭配
檸檬綠與橙色/黃色的搭配,營造了一種如同水果的新鮮感,讓人感覺非常的健康環(huán)保。
Web Banner Ad Design

Blymp

網頁設計中應用綠色的案例:機構篇
廣泛應用,作用明顯。
Nutrifield

Gbados Energy Solutions

Compograss

Blossoms Village

Aquaadria

Rcleaners

Daguia

Geo Vision

Green Globe Ideas

Ecoservice

Gbb

Greenanysite

Hrasti

E Schneider Garten

Rbc

Sleepydog

Biofoolish

Cobahair

Shopify

Sprintbio

Liptongreenmint

Organic Supermarket

Reallywildtravel

Oypro

Outdooritalia

Terrasse Concept

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

Quadrifolia

Tyler Web Design

Snailbird

Anandakm

Artist in design

Inspirationbit

Ladysign

Paulicio

網頁設計中綠色的應用案例:獨立設計師篇
Cgalvin

Pestovo Golf

Sageblue

Somoslaperalimonera

Studio7designs

Viget

Blogfullbliss

Ztradycja w nowoczesnosc

Growmedia

綠色調色工具
Colourlovers: 有一些非常棒的綠色
Colorcombos: 便捷高效
Colorscheme: 在線的組織,用戶可以分享自己的綠色主題。
保護環(huán)境
保護環(huán)境人人有責,必須要注意到對環(huán)境的保護,資源的合理利用,讓自然的循環(huán)更加和諧有機。
情非得已
21個Sketch實用高頻小技巧2019-02-15
25款值得收藏的優(yōu)秀網站模板免費下載2015-09-16
20套高質量的免費網頁模版PSD素材2013-09-02
20款國外時尚大氣的按鈕開關PSD素材下載2013-07-31
CSS實例教程:十步學會用CSS建站2011-10-05
網頁設計師:淺淡網頁BANNER設計2010-09-27
網頁細節(jié)教程:WEB設計精確點滴2010-09-13
網頁設計中的點滴細節(jié)把握2010-09-01
總結交互組件創(chuàng)新的四種方式2010-06-28
最全的國外電子商務CSS模板下載2010-06-18
詳細解析網頁設計中微文本的使用技巧
相關文章1822017-08-09
詳細解析網頁設計中的漸變色使用技巧
相關文章4152016-11-15
實例解析百萬級傳播HTML5的使用技巧
相關文章3612016-11-01
詳細解析網頁設計中綠色調的使用技巧
相關文章6302015-03-04
清晰有效的傳達和溝通信息使用技巧
相關文章6192014-09-06
詳細解析網頁設計色彩剖析之深邃黑
相關文章2522013-10-11
網頁設計中透明效果的使用技巧心得
相關文章3832013-05-16
淺談互聯(lián)網設計的色彩心理學心得
相關文章2922013-05-07
