@Iamkikidong 如果在網(wǎng)頁上合理地使用大片的綠色，不僅能營造出清爽，自然的界面，還能讓訪問者感到輕松自在，增加網(wǎng)站的親切感。事實上綠色有很多的色調(diào)，這形成了一個非常靈活的色彩，它可以在色盤的黃綠色端顯得很“溫暖”，又可以在藍(lán)綠和碧綠方向顯得有些“冷”。一個檸檬綠可以讓一個設(shè)計很“潮”，橄欖綠則更顯平和，而淡綠色可以給人一種清爽的春天的感覺。

用藍(lán)色搭配綠色可以傳遞一種水的感覺。添加米色或者褐色則可以展現(xiàn)一種泥土的氣息。白色+綠色是新鮮和戶外的，而紫色和綠色是高對比的一對兒(需要小心對待)。

今天為您分享20個綠色系的網(wǎng)站，希望能為你的工作帶來靈感和啟發(fā)！

1. Garnier Body

推薦一 ：（5星）

Smashing Magazine

網(wǎng)站的精選文章比較綜合，包括Design, Coding, Mobile, Word Press等，整體質(zhì)量很高，非常適合用戶體驗從業(yè)人員持續(xù)關(guān)注。

推薦理由：

1. 對于設(shè)計師而言，DESIGN, MOBILE, UX DESIGN這三個tag的內(nèi)容都很棒；
2. 文章總體質(zhì)量非常高，篇幅雖長，但很成體系；
3. 訂閱者超過1,100,000，用戶活躍度高，每篇文章的回復(fù)都很專業(yè)；
4. 超過1,700篇原創(chuàng)文章，890位作者，他們均有多年從業(yè)經(jīng)驗；
5. eBooks中很多優(yōu)秀書籍免費。

表單應(yīng)該就像個溫柔又有禮貌的服務(wù)生。想象你走進(jìn)一間超級市場，走過兩旁堆滿商品的走道之后，左轉(zhuǎn)右轉(zhuǎn)，看到你想買的果醬并且挑選了兩罐放在購物袋中。

終于你走向結(jié)賬柜臺，一個笑容甜美的收銀人員對你溫柔的問好，并接過你手中的果醬，告訴你價錢，幫你包裝，然后找給你零錢和發(fā)票并且愉快的說再見。

現(xiàn)在你來到一個購物網(wǎng)站，在首頁看到許多特價商品，你點選了食品的分類選項，來到果醬的分類。稍微看了一下果醬的介紹文章，然后點擊鼠標(biāo)把果醬放到購物車中，并點選結(jié)賬：結(jié)果出現(xiàn)的是一個冷淡又死氣沉沉的表單（Form）。

表單絕對是網(wǎng)站中用戶和系統(tǒng)互動的最主要的元素，網(wǎng)站透過表單向用戶提出問題，用戶則透過表單向網(wǎng)站表達(dá)他的想法。標(biāo)單又可以細(xì)分成三種元素：1、說明目的的標(biāo)簽；2、提供響應(yīng)的輸入方塊或選單；3、以及提交表單的按鈕。表單的設(shè)計就可以想象成一個稱職的服務(wù)生，他的服務(wù)應(yīng)該要符合下面幾個項目：

老實說，你瀏覽過幾個水平滑動的網(wǎng)站？如果讓我來回答這個問題，我得說我沒瀏覽過幾個。而且水平滾動網(wǎng)站似乎在網(wǎng)頁設(shè)計中并不流行。或者會被一些專家說這是反人類的瀏覽體驗。
好吧，對無創(chuàng)意毋寧死的設(shè)計師來說。咱們就是愛打破常規(guī)，弄點新穎奇特的設(shè)計出來。

不過不得不說，水平滾動網(wǎng)頁設(shè)計有點命途多舛，剛出來的時候短暫流行過一陣子，但后來漸漸消隱于大眾視線，
有人說這種風(fēng)格的網(wǎng)頁，瀏覽起來非常不順暢，有人說他們就沒見過認(rèn)真設(shè)計的水平滾動網(wǎng)站。但是本文將介紹幾例優(yōu)秀案例。

隨著設(shè)計技藝和風(fēng)格理解的提高，優(yōu)秀水平滾動設(shè)計漸漸多了起來。
當(dāng)然，還有重要的一點需要考慮，不是每一種內(nèi)容都適合用水平滾動的布局方式呈現(xiàn)。大多數(shù)采用水平滾動方式設(shè)計的網(wǎng)站，內(nèi)容一般都是圖片和簡潔的文字資料。

相較于垂直頁面設(shè)計，圖片展示是水平滾動設(shè)計唯一具有壓倒性優(yōu)勢的地方。在眾多的垂直布局網(wǎng)站中，如果出現(xiàn)一款水平滾動設(shè)計的圖片網(wǎng)站，就會有鶴立雞群的效果。

Samuel Esteves

Samuel Esteves是采用水平滾動設(shè)計的圖庫類網(wǎng)站范例。該網(wǎng)站中的很多圖庫都很有趣。

Mariana Onate

正如我之前說的那樣，水平滾動網(wǎng)頁設(shè)計極度適合圖片展示，看看Mariana Onate。采用了多種技術(shù)，以及簡單點擊的滾動操作給圖像瀏覽帶來高雅體驗。

Lucuma

此作品集與眾不同，通過水平滾動設(shè)計，提供了更多作品的細(xì)節(jié)，而作品本身也非常適合采用水平滾動

Asiance

Asiance是亞洲的數(shù)字服務(wù)商。通過水平滾動，用戶可以獲取大量有用的信息。

Alex Flueras

對于Alex Flueras我無話可說。這是個非常棒的水品滾動圖庫網(wǎng)站。

C.L. Holloway

這是一位藝術(shù)家的網(wǎng)站，色彩非常的平滑，沒有突兀感。通過水平滾動，讓人有一種漫步于畫廊的感覺，創(chuàng)意和實際的完美結(jié)合。

我們總是會聽到 “少即是多”。
有時，剝離了所有的噱頭和幻想的元素從布局和專注于核心設(shè)計的原則出發(fā)，就會得到一個更美觀的網(wǎng)頁設(shè)計。
這篇文章向我們展示了一些極簡主義的網(wǎng)站示例。

Yaron Schoen

Dan Cassaro

Dodge & Burn

Friends of The Web

Color Grade It

Simon Foster

Nudge

Johann Lucchini

Paravel

百度廣告管家是一款面向中高端媒體的穩(wěn)定、高速、易用、免費的廣告管理系統(tǒng)。排期1.0自2011年上線以來，為網(wǎng)站主隨時記錄和更新廣告位的售出情況，避免了資源沖突。但也面臨著一些問題，尋找影響用戶使用線上系統(tǒng)進(jìn)行排期管理的主要因素，挖掘排期的核心需求，找出使用的痛點，提供貼心的功能亮點，由此排期2.0應(yīng)運而生。

我們灰常樂意每周在網(wǎng)頁設(shè)計佳作列表中展現(xiàn)設(shè)計精美的網(wǎng)站，不斷為你提供靈感。而今天我們打算另辟蹊徑，為網(wǎng)頁設(shè)計師收集了既能提供設(shè)計靈感又實用的優(yōu)秀案例，與過往選擇單一”主題”的例子有所不同。我們將為你呈現(xiàn)不同的工具和技術(shù)分享網(wǎng)站，可讓你在得到靈感的同時還能發(fā)現(xiàn)不錯的工具或服務(wù)。在這篇文章中你將看到22個美觀又實用的網(wǎng)站，全部都不容錯過哦親！

當(dāng)下社會，“Flat Design”設(shè)計方式似乎已經(jīng)成為網(wǎng)頁和交互設(shè)計的潮流。Flat design指的是網(wǎng)頁設(shè)計者在設(shè)計網(wǎng)頁的時候，常常使用圖片投影，細(xì)微的紋理，純色漸變，簡潔的設(shè)計布局和對比強烈的排版，這些設(shè)計類似于Win8和Metro UI的界面。本文收集了20個極好的Flat Design網(wǎng)頁設(shè)計案列，請您欣賞。

LayerVault

圖像占據(jù)了網(wǎng)頁設(shè)計的中心舞臺。們已經(jīng)看到了一些真正美麗的網(wǎng)站使用了圓滑圖像作為焦點，引人注目。在網(wǎng)頁設(shè)計中，從簡約設(shè)計的概念到全屏的背景圖片，有幾種不同的圖像使用方法。所以今天我們將告訴你一些啟發(fā)性的例子。聚集在這里的網(wǎng)站將證明美麗和高品質(zhì)的圖像可以傳遞信息，彰顯個性并迎合用戶的喜好。

Taasky

讓我們一起看看網(wǎng)頁設(shè)計師是如何運用“翡翠綠”來配色。

Popular color for 2013

這里也有一些關(guān)于翡翠綠的介紹以及作品欣賞

查看網(wǎng)頁