植樹節預熱！如何在網頁設計中使用綠色

作者：佚名   時間：2015-03-06   分享到：

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

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

以下是聯楷網絡為大家匯總的比較有代表性的包含綠色成分的網頁設計，供大家參考學習。

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

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

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

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

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

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

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

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

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

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

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

聯楷網絡定期發布Web相關趨勢評論文章，涉及視覺、界面、交互等領域，敬請期待！