在進(jìn)行UI設(shè)計(jì)時(shí)，往往我們需要依賴?yán)砟詈蛣?chuàng)意。所有你看到的東西，環(huán)繞在你周?chē)氖挛锞沙蔀槟愕膭?chuàng)意來(lái)源。

我們今天的話題是自然風(fēng)味濃郁的網(wǎng)頁(yè)設(shè)計(jì)。當(dāng)設(shè)計(jì)缺乏靈感時(shí)，不妨出去走走，感受一下自然。溫暖、放松、如家、友好、美麗的自然風(fēng)情畫(huà)緩緩的展現(xiàn)在你的眼前，同時(shí)也帶有一點(diǎn)點(diǎn)的神秘與新鮮感。

如何在網(wǎng)頁(yè)設(shè)計(jì)中加入自然風(fēng)情呢？請(qǐng)看藍(lán)藍(lán)設(shè)計(jì)下面這22個(gè)網(wǎng)站。

Gyga Voyages

旅游公司的網(wǎng)站界面設(shè)計(jì)，背景圖像很有創(chuàng)意。

今天藍(lán)藍(lán)設(shè)計(jì)推薦一些簡(jiǎn)約時(shí)尚的網(wǎng)站設(shè)計(jì)，最大的特點(diǎn)是都采用了極少的顏色搭配和比較簡(jiǎn)單的元素，但都創(chuàng)造了或遼遠(yuǎn)無(wú)邊、或?qū)庫(kù)o寂寥的的視覺(jué)效果，每個(gè)網(wǎng)站界面設(shè)計(jì)的配色都很贊，同學(xué)們可以學(xué)習(xí)一下 : ）

Ten & Bourne

如果你讓我與你分享一些這個(gè)世界上界面設(shè)計(jì)的最好的網(wǎng)站，那么藍(lán)藍(lán)設(shè)計(jì)會(huì)毫不猶豫的推薦給你這些酷炫至極的網(wǎng)站設(shè)計(jì)。他們極具設(shè)計(jì)感，并不是像扁平化設(shè)計(jì)風(fēng)格或者小清新的簡(jiǎn)約設(shè)計(jì)。恰恰相反，這些網(wǎng)站的UI設(shè)計(jì)者是個(gè)歇斯底里的視覺(jué)達(dá)人！他們想盡一切辦法讓頁(yè)面花哨，讓頁(yè)面充滿設(shè)計(jì)感！讓頁(yè)面的骨子里就打上設(shè)計(jì)的烙印！我個(gè)人很喜歡這樣的風(fēng)格，因?yàn)檫@是設(shè)計(jì)師的游戲規(guī)則，他就是要讓你戳開(kāi)網(wǎng)站就哇一聲喊出來(lái)！怎么樣？迫不及待的要來(lái)欣賞了么？

Dearest Nature

一千個(gè)設(shè)計(jì)師有一千種方法讓他們的網(wǎng)頁(yè)設(shè)計(jì)深入人心，如今正興起的剪貼風(fēng)格也正加入到這一千的行列里。如何讓你的剪貼設(shè)計(jì)更加吸引眼球，更加穩(wěn)重大方，則是UI設(shè)計(jì)師們需要克服重重困難去實(shí)現(xiàn)的。

現(xiàn)實(shí)生活中的剪貼藝術(shù)類(lèi)似許久以前的剪報(bào)習(xí)慣：將照片或者印刷媒介上的新聞剪下并貼于筆記本上。然而在網(wǎng)頁(yè)設(shè)計(jì)中的實(shí)現(xiàn)則需要用到紙質(zhì)紋理，不規(guī)則背景圖形，疊加圖層等素材，再輔以學(xué)院風(fēng)文字和涂鴉，網(wǎng)頁(yè)的整體就會(huì)顯得更加高端有層次感。當(dāng)然如果你使用過(guò)時(shí)的素材，這樣的組合也會(huì)帶來(lái)負(fù)面效果。所以使用如今的流行元素，甚至可以嘗試當(dāng)下流行的扁平化界面設(shè)計(jì)，將會(huì)使你的作品更加具有對(duì)比性。

毫無(wú)疑問(wèn)，視頻是最強(qiáng)大的可視化工具，因?yàn)樗苤边_(dá)人類(lèi)的多個(gè)感官。所以，如果你對(duì)自己用戶群的網(wǎng)速足夠信賴，不妨試試依靠視頻來(lái)完成對(duì)你產(chǎn)品或品牌的宣傳。正因?yàn)檫@樣的做法是不常見(jiàn)的，所以它能夠給訪客營(yíng)造一次難忘的經(jīng)歷。提醒：當(dāng)然也有一些萬(wàn)全之策，你可以在視頻的下方，放置一些圖片或者其他DIV信息塊，來(lái)吸引住用戶，直到你的視頻驚喜的加載出來(lái)！

所以藍(lán)藍(lán)設(shè)計(jì)認(rèn)為應(yīng)該來(lái)看看如下10個(gè)最有創(chuàng)意和最有趣的UI設(shè)計(jì)網(wǎng)站，它們都有著獨(dú)具匠心的視頻動(dòng)畫(huà)。我相信它們會(huì)提供給你一些靈感，在它們之上來(lái)完成你更加不平常的網(wǎng)頁(yè)設(shè)計(jì)。嘿嘿，來(lái)享受一下吧！

Lessrain.de

想想現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)的配色方案，除了一些簡(jiǎn)約網(wǎng)站設(shè)計(jì)常常使用灰色與白色，其他網(wǎng)站界面設(shè)計(jì)大多以白色為背景，再搭配其他顏色。然而，在藍(lán)藍(lán)設(shè)計(jì)這個(gè)展示中，我們可以看到有一些非常有冒險(xiǎn)精神的UI設(shè)計(jì)師混合了一些不尋常的色彩。這種設(shè)計(jì)你可能從來(lái)都沒(méi)想過(guò)，但它們都看起來(lái)非常完美，來(lái)學(xué)習(xí)一下吧。

Producer’s Mixtape

現(xiàn)在市面上存在太多流行的移動(dòng)設(shè)備了，網(wǎng)頁(yè)設(shè)計(jì)師們也不得不跟隨潮流適應(yīng)技術(shù)發(fā)展和變化規(guī)律，這些小巧的用戶界面設(shè)計(jì)技能已經(jīng)讓一小部分愿意改變自己的同學(xué)們嘗到了甜頭，有付出就有收獲！

國(guó)外已經(jīng)有很多優(yōu)秀的移動(dòng)用戶界面資源是可用的，這些先驅(qū)的寶貴資源可以大大幫助你的移動(dòng)設(shè)計(jì)或開(kāi)發(fā)你的響應(yīng)式網(wǎng)站。相信今天藍(lán)藍(lán)設(shè)計(jì)要隆重推薦的10個(gè)網(wǎng)站，無(wú)論是在你設(shè)計(jì)一個(gè)新的移動(dòng)應(yīng)用程序還是尋找特定的設(shè)計(jì)解決方案時(shí)，他們都會(huì)踏踏實(shí)實(shí)的幫助到你。

Konigi

這個(gè)網(wǎng)站上展示了許多完美的交互設(shè)計(jì)和視覺(jué)設(shè)計(jì)案例，網(wǎng)站提供了許多不同的方式來(lái)引導(dǎo)你便捷的搜尋感興趣的項(xiàng)目！一定要利用好標(biāo)簽喲。

很多iPhone應(yīng)用網(wǎng)站的UI設(shè)計(jì)都頗為精美，朋友們們不會(huì)有什么意見(jiàn)的。看來(lái)那些UI設(shè)計(jì)師們都敞開(kāi)胸懷迎接“蘋(píng)果style”，創(chuàng)造出干凈簡(jiǎn)約又優(yōu)雅的網(wǎng)站設(shè)計(jì)。可不嘛，作為一枚合格的設(shè)計(jì)師，他們才不會(huì)隨隨便便弄個(gè)網(wǎng)站界面設(shè)計(jì)展示他們的app呢，都卯足了勁設(shè)計(jì)出新穎的版式，配上美美的圖片、大量留白和恰當(dāng)?shù)淖煮w。今天呢！藍(lán)藍(lán)設(shè)計(jì)將要帶給你的這份靈感清單就是一些絕贊的iPhone應(yīng)用網(wǎng)站設(shè)計(jì)！

dcovery

這可是規(guī)劃旅游方案的一枚利器，等你到了目的地還能靠它探索更多樂(lè)趣。

生命在于運(yùn)動(dòng)，體育運(yùn)動(dòng)是保持健康活力不可缺少的一個(gè)環(huán)節(jié)，與運(yùn)動(dòng)相關(guān)的網(wǎng)站設(shè)計(jì)自然也要充滿積極向上的風(fēng)格。運(yùn)動(dòng)服飾、運(yùn)動(dòng)員、運(yùn)動(dòng)方式，展示運(yùn)動(dòng)過(guò)程中的美。

特寫(xiě)的照片是除視頻外最能展示運(yùn)動(dòng)瞬間美的載體，所以一張激情十足的照片加上動(dòng)感的交互方式，是塑造運(yùn)動(dòng)網(wǎng)站界面設(shè)計(jì)之美的神兵利器。今天就和藍(lán)藍(lán)設(shè)計(jì)一起感受這些充滿活力的正能量網(wǎng)站吧!

更多與運(yùn)動(dòng)相關(guān)的網(wǎng)站設(shè)計(jì)欣賞：http://m.skdbbs.com/

Solasie

頁(yè)面的加載時(shí)間是每一個(gè)UI設(shè)計(jì)師都擔(dān)心的數(shù)據(jù)，或者至少是每個(gè)UI設(shè)計(jì)師都應(yīng)該擔(dān)心的問(wèn)題。圖片的大小肯定是一個(gè)需要留意的問(wèn)題。這就是為什么藍(lán)藍(lán)設(shè)計(jì)在這里寫(xiě)了幾個(gè)有助于優(yōu)化頁(yè)面中的圖片的小技巧，這些小技巧將有助于大家解決這個(gè)問(wèn)題，這些小技巧也可以在你需要優(yōu)化圖片的時(shí)候提供很多幫助。提高大家的網(wǎng)站界面設(shè)計(jì)能力！

TinyPNG
TinyPNG是使用智能有損壓縮技術(shù)，來(lái)減小png圖片的大小。