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

推薦閱讀:
《超酷!40個優(yōu)雅的黑色系網(wǎng)站欣賞》
《不會配色?來這40個色彩超贊的網(wǎng)頁看看》
《配色達人速成》

推薦!網(wǎng)頁設計配色剖析之綠色

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

綠色的定義

綠,是一種顏色,綠色處于光譜中間,波長較短,大約為500~570nm。在減色法中,綠色不是主色,但是可以由黃色和藍色、或者黃色和青色創(chuàng)造出來的。綠色是加法三原色之一。
Green
推薦!網(wǎng)頁設計配色剖析之綠色

網(wǎng)頁設計中的綠色

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

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

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

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

綠色在心理學上具有沖擊力,因此被應用于廣告、機構(gòu)標識和電子媒體中。想要在網(wǎng)絡上創(chuàng)收的工業(yè)制造商通常會發(fā)現(xiàn),官方主頁上使用綠色效果很棒。

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

行為召喚

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

Wedoxhtml
推薦!網(wǎng)頁設計配色剖析之綠色

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

Pagelime
推薦!網(wǎng)頁設計配色剖析之綠色

為何選擇綠色?

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

綠色是一種合成色,有多種用途,能夠清晰的傳達設計師的意圖。綠色讓食物看起來自然、清新、生態(tài)環(huán)保。在工業(yè)環(huán)境下,如果設備被涂上綠色,會讓人感覺安全,同時也能促進生產(chǎn)。這種環(huán)保的感覺讓人們感到潔凈并不會危害到個人健康。

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

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

綠色的作用
 

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

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

網(wǎng)頁設計中不同種類的綠色

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

DARK GREEN(深綠色)

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

Heineken
推薦!網(wǎng)頁設計配色剖析之綠色

BRIGHT GREEN(亮綠色)

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

Yodaa
推薦!網(wǎng)頁設計配色剖析之綠色

CELADON(青瓷綠)

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

Qilady
推薦!網(wǎng)頁設計配色剖析之綠色

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

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

Pado
推薦!網(wǎng)頁設計配色剖析之綠色

OLIVIA GREEN(橄欖綠)

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

Mocapoke
推薦!網(wǎng)頁設計配色剖析之綠色

BLUE GREENS(青綠色)

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

Amitkhera
推薦!網(wǎng)頁設計配色剖析之綠色

綠色與其他顏色的搭配

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

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

綠色與藍色的搭配

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

Narhir
推薦!網(wǎng)頁設計配色剖析之綠色

The Forbidden Corner
推薦!網(wǎng)頁設計配色剖析之綠色

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

這種組合,有機感強,讓人感覺自然循環(huán)生生不息,也適合產(chǎn)品包裝設計

Mailchimp
推薦!網(wǎng)頁設計配色剖析之綠色

Juandiego Velasco
推薦!網(wǎng)頁設計配色剖析之綠色

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

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

Evacare
推薦!網(wǎng)頁設計配色剖析之綠色

Bugworldexperience
推薦!網(wǎng)頁設計配色剖析之綠色

綠色與紫色/紅色的搭配

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

Designheartsme
推薦!網(wǎng)頁設計配色剖析之綠色

Naturestable
推薦!網(wǎng)頁設計配色剖析之綠色

綠色與橙色/黃色的搭配

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

Web Banner Ad Design
推薦!網(wǎng)頁設計配色剖析之綠色

Blymp
推薦!網(wǎng)頁設計配色剖析之綠色

網(wǎng)頁設計中應用綠色的案例:機構(gòu)篇

廣泛應用,作用明顯。

Nutrifield
推薦!網(wǎng)頁設計配色剖析之綠色

Gbados Energy Solutions
推薦!網(wǎng)頁設計配色剖析之綠色

Compograss
推薦!網(wǎng)頁設計配色剖析之綠色

Blossoms Village
推薦!網(wǎng)頁設計配色剖析之綠色

Aquaadria
推薦!網(wǎng)頁設計配色剖析之綠色

Rcleaners
推薦!網(wǎng)頁設計配色剖析之綠色

Daguia
推薦!網(wǎng)頁設計配色剖析之綠色

Geo Vision
推薦!網(wǎng)頁設計配色剖析之綠色

Green Globe Ideas
推薦!網(wǎng)頁設計配色剖析之綠色

Ecoservice
推薦!網(wǎng)頁設計配色剖析之綠色

Gbb
推薦!網(wǎng)頁設計配色剖析之綠色

Greenanysite
推薦!網(wǎng)頁設計配色剖析之綠色

Hrasti
推薦!網(wǎng)頁設計配色剖析之綠色

E Schneider Garten
推薦!網(wǎng)頁設計配色剖析之綠色

Rbc
推薦!網(wǎng)頁設計配色剖析之綠色

Sleepydog
推薦!網(wǎng)頁設計配色剖析之綠色

Biofoolish
推薦!網(wǎng)頁設計配色剖析之綠色

Cobahair
推薦!網(wǎng)頁設計配色剖析之綠色

Shopify
推薦!網(wǎng)頁設計配色剖析之綠色

Sprintbio
推薦!網(wǎng)頁設計配色剖析之綠色

Liptongreenmint
推薦!網(wǎng)頁設計配色剖析之綠色

Organic Supermarket
推薦!網(wǎng)頁設計配色剖析之綠色

Reallywildtravel
推薦!網(wǎng)頁設計配色剖析之綠色

Oypro
推薦!網(wǎng)頁設計配色剖析之綠色

Outdooritalia
推薦!網(wǎng)頁設計配色剖析之綠色

Terrasse Concept
推薦!網(wǎng)頁設計配色剖析之綠色

網(wǎng)頁設計中應用綠色的案例:機構(gòu)篇

Anna Pawelczyk
推薦!網(wǎng)頁設計配色剖析之綠色

Quadrifolia
推薦!網(wǎng)頁設計配色剖析之綠色

Tyler Web Design
推薦!網(wǎng)頁設計配色剖析之綠色

Snailbird
推薦!網(wǎng)頁設計配色剖析之綠色

Anandakm
推薦!網(wǎng)頁設計配色剖析之綠色

Artist in design
推薦!網(wǎng)頁設計配色剖析之綠色

Inspirationbit
推薦!網(wǎng)頁設計配色剖析之綠色

Ladysign
推薦!網(wǎng)頁設計配色剖析之綠色

Paulicio
推薦!網(wǎng)頁設計配色剖析之綠色

網(wǎng)頁設計中綠色的應用案例:獨立設計師篇

Cgalvin
推薦!網(wǎng)頁設計配色剖析之綠色

Pestovo Golf
推薦!網(wǎng)頁設計配色剖析之綠色

Sageblue
推薦!網(wǎng)頁設計配色剖析之綠色

Somoslaperalimonera
推薦!網(wǎng)頁設計配色剖析之綠色

Studio7designs
推薦!網(wǎng)頁設計配色剖析之綠色

Viget
推薦!網(wǎng)頁設計配色剖析之綠色

Blogfullbliss
推薦!網(wǎng)頁設計配色剖析之綠色

Ztradycja w nowoczesnosc
推薦!網(wǎng)頁設計配色剖析之綠色

Growmedia
推薦!網(wǎng)頁設計配色剖析之綠色

綠色調(diào)色工具

保護環(huán)境

保護環(huán)境人人有責,必須要注意到對環(huán)境的保護,資源的合理利用,讓自然的循環(huán)更加和諧有機。

優(yōu)設網(wǎng)翻譯:@MartinRGB
本文由優(yōu)設網(wǎng)原創(chuàng)翻譯,轉(zhuǎn)摘請注明優(yōu)設網(wǎng)譯文出處,謝謝各位小編。

 
================關(guān)于優(yōu)設網(wǎng)================
"優(yōu)設網(wǎng)uisdc.com"是一個分享網(wǎng)頁設計、無線端設計以及PS教程的干貨網(wǎng)站。
【特色推薦】
PS禮儀手冊:網(wǎng)頁設計師必須修煉的內(nèi)功技法,更是不可或缺的WEB設計指南http://hao.uisdc.com/ps/
設計微博:擁有粉絲量61萬的人氣微博@優(yōu)秀網(wǎng)頁設計 ,歡迎關(guān)注獲取網(wǎng)頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網(wǎng)站推薦,設計師必備導航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經(jīng)驗分享和各種意想不到的"福利"嗎?
添加 優(yōu)秀網(wǎng)頁設計 微信號:【youshege】優(yōu)設哥的全拼
您也可以通過掃描下方二維碼快速添加:

推薦!網(wǎng)頁設計配色剖析之綠色
 

收藏 5
點贊

復制本文鏈接 文章為作者獨立觀點不代表優(yōu)設網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。