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

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

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

1. Garnier Body

推薦一 ：（5星）

Smashing Magazine

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

推薦理由：

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

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

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

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

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

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

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

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

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

Samuel Esteves

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

Mariana Onate

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

Lucuma

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

Asiance

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

Alex Flueras

對(duì)于Alex Flueras我無(wú)話(huà)可說(shuō)。這是個(gè)非常棒的水品滾動(dòng)圖庫(kù)網(wǎng)站。

C.L. Holloway

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

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

Yaron Schoen

Dan Cassaro

Dodge & Burn

Friends of The Web

Color Grade It

Simon Foster

Nudge

Johann Lucchini

Paravel

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

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

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

LayerVault

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

Taasky

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

Popular color for 2013

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

查看網(wǎng)頁(yè)