很多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.shtzxx.cn/

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圖片的大小。

有很多小型的服裝公司網(wǎng)站設(shè)計(jì)都交給一些富有個(gè)性，創(chuàng)意十足的ui設(shè)計(jì)師打理，可能他們的規(guī)模并不如大品牌那樣出眾，但這些網(wǎng)站的界面設(shè)計(jì)表現(xiàn)卻令人感到驚艷。藍(lán)藍(lán)設(shè)計(jì)收集了許多酷炫的服裝行業(yè)網(wǎng)站設(shè)計(jì)，來(lái)看下它們有哪些不俗的布局與驚喜的彩蛋吧。

Gasoline Caps

在網(wǎng)頁(yè)設(shè)計(jì)中自然圖案的展示是很常見(jiàn)的一個(gè)手法。ui設(shè)計(jì)師通常喜歡用各種景觀照片、風(fēng)景插圖或者鄉(xiāng)村風(fēng)格的視頻來(lái)增加網(wǎng)站界面設(shè)計(jì)自身的自然度。現(xiàn)在我們把思緒聚焦在航海主題上。海洋并不缺乏強(qiáng)大的情緒，相反它能夠激發(fā)一系列積極的感受，在網(wǎng)站設(shè)計(jì)中見(jiàn)證這樣一個(gè)駭俗的場(chǎng)景足以讓我們感受到它戲劇性的效果，在心中刻下明顯的印記。

至于海景的功能使用，它們當(dāng)然可以各領(lǐng)風(fēng)騷。例如水下風(fēng)景可以客氣地吸引用戶通過(guò)線下滾動(dòng)的模式來(lái)探索網(wǎng)站，為他們提供視覺(jué)路徑；而普通的海洋照片可以作為非語(yǔ)言支持的信號(hào)，或者網(wǎng)站的標(biāo)志。一切都源于一些常用的概念。

So~來(lái)看看藍(lán)藍(lán)設(shè)計(jì)這里搜集的實(shí)例吧。

Luxaqua Design

第一個(gè)網(wǎng)站就非常給力了！這是一個(gè)基于垂直滾動(dòng)的網(wǎng)站，通過(guò)滾動(dòng)鼠標(biāo)滾輪引領(lǐng)我們潛入海洋深處。每個(gè)部分又有獨(dú)立的滾動(dòng)畫(huà)面，整個(gè)設(shè)計(jì)是由照片輔助實(shí)現(xiàn)的，非常磅礴。

曾經(jīng)有一段時(shí)間，大伙兒都在努力把網(wǎng)頁(yè)設(shè)計(jì)內(nèi)容全部塞進(jìn)首屏。今時(shí)不同往日，網(wǎng)站設(shè)計(jì)師和開(kāi)發(fā)者們不再害怕滾屏，而是將背景漸進(jìn)展示、頁(yè)面元素動(dòng)畫(huà)以及其它基于滾屏動(dòng)作的酷炫效果融入其中，把滾屏當(dāng)作一個(gè)吸引訪客的絕佳靚點(diǎn)的界面設(shè)計(jì)來(lái)好好展現(xiàn)。

為了給親們帶來(lái)新的靈感，藍(lán)藍(lán)設(shè)計(jì)特意收集了一系列把滾屏玩出新花樣的網(wǎng)站設(shè)計(jì)，跟我來(lái)感受一下吧！

Hot Dot

最近，你會(huì)發(fā)現(xiàn)大家都在討論扁平化網(wǎng)頁(yè)設(shè)計(jì)。每個(gè)人都想要它，因?yàn)樗芸幔悄壳暗闹髁髭厔?shì)。扁平化界面設(shè)計(jì)，因其簡(jiǎn)單性和關(guān)注用戶，去除了很多網(wǎng)站設(shè)計(jì)的不必要的元素，例如沉重的背景圖片，漸變，斜面和其他一切使空間雜亂的東西。現(xiàn)在，所有的注意力都集中在良好的排版，高品質(zhì)的圖像，清晰的文本，完全兼容所有主流瀏覽器和屏幕尺寸。正在使用的大公司，如微軟，谷歌或蘋(píng)果，因此很容易理解為什么這種風(fēng)格的在設(shè)計(jì)界會(huì)有巨大的采用率。

在藍(lán)藍(lán)設(shè)計(jì)這篇文章中，你可以看到許多華麗的扁平化網(wǎng)頁(yè)設(shè)計(jì)作品，希望您會(huì)喜歡這個(gè)集合。

Tynan D’Arcy

網(wǎng)頁(yè)設(shè)計(jì)的風(fēng)格多種多樣，但插圖風(fēng)永遠(yuǎn)不過(guò)時(shí)。插圖可以讓ui設(shè)計(jì)師盡情地表現(xiàn)他們自己豐富的創(chuàng)造力和想象力，將插圖運(yùn)用于設(shè)計(jì)之中也會(huì)使網(wǎng)頁(yè)變得更具有趣味性。今天藍(lán)藍(lán)設(shè)計(jì)搜集了15例運(yùn)用插圖的網(wǎng)頁(yè)界面設(shè)計(jì)案例，一起來(lái)感受一下這些設(shè)計(jì)師們的創(chuàng)意吧！

Abby Putinski

最近幾次的ui設(shè)計(jì)都因?yàn)榕渖患驯煌聡姷貌恍小Ｄ愕?strong>網(wǎng)站設(shè)計(jì)給人的第一感覺(jué)怎樣，色彩可以說(shuō)起著決定性作用，今天藍(lán)藍(lán)設(shè)計(jì)在這里推薦一些單色背景的網(wǎng)頁(yè)的界面設(shè)計(jì)，看它們是怎樣讓我們眼前一亮的。

如果您有更贊的單色網(wǎng)頁(yè)推薦，歡迎分享。感謝！

Bond Cars

今天藍(lán)藍(lán)設(shè)計(jì)推薦給您的20個(gè)網(wǎng)站設(shè)計(jì)，完全不按常理出牌，他們的布局格調(diào)、色彩搭配、素材應(yīng)用上都別具一格！可以看出ui設(shè)計(jì)師在竭盡所能發(fā)揮自己的想象力和創(chuàng)造力。最近流行扁平化界面設(shè)計(jì)，而他們卻要另辟蹊徑，尋找屬于自己的個(gè)性風(fēng)格！
如果你也是這樣講究個(gè)性不循規(guī)蹈矩的少年！那么這20個(gè)網(wǎng)站設(shè)計(jì)您一定要收藏好好看看咯！

Oleg Postnikov