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

清新、安定、環(huán)保，在這三個關(guān)鍵詞的遐想畫面中一定有綠色。

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

Geschichten

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

Sprout

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

Sampex

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

The Ultimate Bikeshop

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

?Break It Down

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

VERDI

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

Emotions

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

?Jack's Bar

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

Design Creativity

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

?Bloom

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

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

【下個挑戰(zhàn)書！Facebook設計總監(jiān)有話說】

總監(jiān)的職場溝通技巧三部曲：

《寫給設計師：如何與工程師一起工作》
《寫給設計師：如何與產(chǎn)品經(jīng)理一起工作？》
《寫給產(chǎn)品經(jīng)理與工程師：如何與設計師一起工作》

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

作者：@AnyForWeb_UED

【優(yōu)設網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

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