編者按：植樹節將近，恰逢大家都在關注環境，綠色即將成為熱門色彩之一，今天@AnyForWeb_UED?挑出了一組運用綠色的典型網站，逐一分析，想學習綠色該如何搭配，落地到網站上有何作用，如何讓綠色畫龍點睛等，趕緊來收干貨 >>>

清新、安定、環保，在這三個關鍵詞的遐想畫面中一定有綠色。

綠色是一個在網頁設計中被廣泛運用的顏色，本身就帶著一種與生俱來的平靜感。綠色在心理學上被認為會產生一定的視覺沖擊力，因此，能在網站主頁上用綠色元素去突出信息重點是一個不錯的選擇。

Geschichten

該網站案例很好的證明了綠色獨具的引導和提示作用。網站導航的主色對用戶的視覺會有很大的影響，亮麗的顏色可能會刺眼；暗淡的顏色有可能太沉悶，因此，溫和的深綠色是網站導航色彩的選擇之一。

Sprout

網站沒有沒使用大片的綠色，只是在灰度較高的背景上加了一些綠色的裝飾來做點綴。但這些元素并不只是美觀而已，同時也在無形中指引著我們，反差明顯的綠色和黑灰色讓用戶能輕而易舉的分辨出信息重點。

Sampex

網站以深綠色為主。深綠色在綠色系中是一種比較正式的顏色，可以在公司的官方網站設計中考慮使用。當亮度和深淺調到讓用戶有視覺舒適感的時候，同時也會伴隨著大氣、踏實的心理感受。

The Ultimate Bikeshop

這個案例中所用到的綠是一個爭議不斷的顏色，綠色？黃色？大家可能有不一樣的觀點，在這里暫時稱它為檸檬綠。這類相對不夠鮮明準確的顏色在網頁設計的使用上也應該格外注意，避免與其沖突的顏色，使用單一化的色彩設計，讓頁面上的內容盡可能的看起來簡單清楚和活力。

?Break It Down

青綠色是綠色系中最具親和力的顏色，為用戶帶來一種莫名的潔凈和安全感。由于青綠色屬于比較亮眼的色彩，因此，該色在使用時應該尤其注意亮度的調節，避免用戶在短時間內就產生視覺疲勞。

VERDI

網站頁面運用了色塊“拼接”的效果，從白到灰再到綠色。白色和灰色都是中性色，所以頁面中的綠色很自然的成了最搶眼的一部分，這樣的搭配方式也讓畫面更富有運動感。

Emotions

這個案例中的綠色屬于較淺的橄欖綠，整體使用了微漸變的效果。色彩的運用讓整體顯得安寧大方，順其自然的獲得一種視覺愉悅感。

?Jack's Bar

在模糊背景上使用亮綠色按鈕是在原有的基礎上加重了網頁的行為召喚力。每一處色彩所在都在暗示，并且指引用戶點擊和查看。

Design Creativity

兩種不同的綠色之間的相融合也能產生奇妙的視覺感官反應，讓用戶的視線能有很連貫的過渡，整個頁面不會顯得突兀。

?Bloom

藍綠色與大地色系之間的搭配更能令人感受到自然的氣息。褐色部分使用了紋理背景設計，讓畫面氛圍產生即視的生活感。

綠色，代表著生機和希望。我們可以在保證視覺舒適的同時追求自然，讓色彩豐富我們的生活。

【下個挑戰書！Facebook設計總監有話說】

總監的職場溝通技巧三部曲：

《寫給設計師：如何與工程師一起工作》
《寫給設計師：如何與產品經理一起工作？》
《寫給產品經理與工程師：如何與設計師一起工作》

告訴大叔！那個讓你改稿的人是誰？！
《誰逼走了優秀設計師》

作者：@AnyForWeb_UED

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量91萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：