正如你已經(jīng)看到在我們之前的文章中關(guān)于單頁(yè)面網(wǎng)站設(shè)計(jì)的推薦！它絕對(duì)是展示你的工作和產(chǎn)品最佳的表現(xiàn)形式，而且十足的酷！很多人會(huì)享受那種滑輪一拉到底的酣暢淋漓！你得承認(rèn)，單頁(yè)的設(shè)計(jì)是接下來(lái)幾年頁(yè)面設(shè)計(jì)的熱門趨勢(shì)。

在這個(gè)精選里，幾乎收集了來(lái)自全球的最酷最漂亮的單頁(yè)作品。你會(huì)發(fā)現(xiàn)各種各樣的高品質(zhì)的、創(chuàng)造性的、美麗的、鼓舞人心的網(wǎng)頁(yè)設(shè)計(jì)。它們都遵循了單頁(yè)設(shè)計(jì)的趨勢(shì)。

毫無(wú)疑問它們會(huì)喚醒你的創(chuàng)造力，激發(fā)你的想象力來(lái)創(chuàng)造自己的個(gè)人主頁(yè)，是時(shí)候讓你的專題頁(yè)和個(gè)人站點(diǎn)標(biāo)新立異起來(lái)了。

Every Last Drop

立即訪問

VolvoTrucks Driver Travis

強(qiáng)烈推薦！而且是一次華麗麗的充電機(jī)會(huì)！這次搜集了16個(gè)超贊的FLASH酷站，無(wú)論是畫面表現(xiàn)、加載速度、互動(dòng)趣味參與性都著實(shí)的抓人眼球極有代入感~
當(dāng)然，如果您有更好的Flash站點(diǎn)推薦，歡迎在評(píng)論留言：）謝謝您的參與。

本文收集整理：搜狐暢游視覺設(shè)計(jì)中心團(tuán)隊(duì)，@暢游VC 歡迎關(guān)注：）
藍(lán)藍(lán)設(shè)計(jì)也推薦您關(guān)注70個(gè)全球最華麗的互動(dòng)型單頁(yè)網(wǎng)站欣賞

1．funtrip2manila強(qiáng)烈推薦！頁(yè)面非常漂亮，而且有漂亮滴妹子，更有很多場(chǎng)景，和妹子有很可愛的互動(dòng)

2.medical-youkai

如果你是一名設(shè)計(jì)師，經(jīng)常都需要ui設(shè)計(jì)和網(wǎng)站設(shè)計(jì)，如果有現(xiàn)成的 PSD 網(wǎng)頁(yè)設(shè)計(jì)模板可以使用的話，您可以快速的制作出精美的網(wǎng)站作品。 所以，這篇文章專門整理了20款免費(fèi)的 PSD 網(wǎng)頁(yè)模板設(shè)計(jì)，你可以免費(fèi)下載這些網(wǎng)站布局模板進(jìn)行編輯和修改，也可以通過這些免費(fèi)的網(wǎng)頁(yè) PSD 模板獲取創(chuàng)作靈感。

Showcase – A Free Website PSD Template

———————————————————————————————————————————————————

Business Website Template Design

———————————————————————————————————————————————————

如果你對(duì)HTML5的了解還不深，建議可以先閱讀：一張圖讀懂HTML5 。
當(dāng)然，我們也為您準(zhǔn)備了40個(gè)超贊的HTML5教程。

在過去的10年里，網(wǎng)頁(yè)設(shè)計(jì)師使用 Flash、JavaScript 或其他復(fù)雜的軟件和技術(shù)來(lái)創(chuàng)建網(wǎng)站。但現(xiàn)在你可以前所未有的快速、輕松地設(shè)計(jì)或創(chuàng)造互動(dòng)的、有趣好看的網(wǎng)站。如何創(chuàng)建？答案是HTML5。

這篇文章向大家展示12個(gè)創(chuàng)新的HTML5網(wǎng)站?？纯催@些驚人的 HTML5 網(wǎng)站，從這些優(yōu)秀的 HTML5 網(wǎng)站獲取靈感并應(yīng)用在自己的網(wǎng)站中。希望你會(huì)喜歡這個(gè)集合。

網(wǎng)站細(xì)節(jié)豐富，動(dòng)畫強(qiáng)悍，網(wǎng)速著急的童鞋請(qǐng)稍等下，等待加載 : ）
這些還看不夠過癮，那么你得瞧瞧這個(gè)：
27例新穎的HTML5網(wǎng)頁(yè)游戲設(shè)計(jì)

Wildlife

這個(gè)網(wǎng)站一定要試試從上滾到下，感受一下頁(yè)面里的動(dòng)效，十足令人震驚！

Saucony Kinvara 3

Vlog

Art Ingenious

Bj?rk

G-Force

Metropol Band

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

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

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

1. Garnier Body

推薦一 ：（5星）

Smashing Magazine

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

推薦理由：

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

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

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

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

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

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

不過不得不說(shuō)，水平滾動(dòng)網(wǎng)頁(yè)設(shè)計(jì)有點(diǎn)命途多舛，剛出來(lái)的時(shí)候短暫流行過一陣子，但后來(lái)漸漸消隱于大眾視線，
有人說(shuō)這種風(fēng)格的網(wǎng)頁(yè)，瀏覽起來(lái)非常不順暢，有人說(shuō)他們就沒見過認(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ì)唯一具有壓倒性優(yōu)勢(shì)的地方。在眾多的垂直布局網(wǎng)站中，如果出現(xiàn)一款水平滾動(dòng)設(shè)計(jì)的圖片網(wǎng)站，就會(huì)有鶴立雞群的效果。

Samuel Esteves

Samuel Esteves是采用水平滾動(dòng)設(shè)計(jì)的圖庫(kù)類網(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

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

Asiance

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

Alex Flueras

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

C.L. Holloway

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

我們總是會(huì)聽到 “少即是多”。
有時(shí)，剝離了所有的噱頭和幻想的元素從布局和專注于核心設(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年上線以來(lái)，為網(wǎng)站主隨時(shí)記錄和更新廣告位的售出情況，避免了資源沖突。但也面臨著一些問題，尋找影響用戶使用線上系統(tǒng)進(jìn)行排期管理的主要因素，挖掘排期的核心需求，找出使用的痛點(diǎn)，提供貼心的功能亮點(diǎn)，由此排期2.0應(yīng)運(yùn)而生。