藍(lán)藍(lán)設(shè)計(jì)灰常樂(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ò)哦親！

responsify

Responsify是個(gè)用于創(chuàng)建響應(yīng)式模板的瀏覽器工具。

今年有看到雪嗎？如果你還沒(méi)有看到也木有關(guān)系，本次的推薦，藍(lán)藍(lán)設(shè)計(jì)將會(huì)為您展示一組冰天雪地里的漂亮網(wǎng)頁(yè)設(shè)計(jì)。

國(guó)內(nèi)這種網(wǎng)站界面設(shè)計(jì)還是比較少見(jiàn)的，借著新年之際，來(lái)欣賞這些融入了雪景的優(yōu)秀網(wǎng)頁(yè)ui設(shè)計(jì)吧！

Protest Boardwear

如果你想自己設(shè)計(jì)網(wǎng)頁(yè)時(shí)不再循規(guī)蹈矩，可以嘗試通過(guò)藝術(shù)風(fēng)格為網(wǎng)頁(yè)的界面設(shè)計(jì)加入一些趣味性的元素，比如我們今天要談到的卡通風(fēng)格插畫。
通過(guò)這些令人愉悅的卡通、妙趣橫生的圖像來(lái)打造一款網(wǎng)頁(yè)設(shè)計(jì)，肯定效果會(huì)非常出眾、極富娛樂(lè)性。
那么立即讓我們來(lái)欣賞藍(lán)藍(lán)設(shè)計(jì)收集的，這28例超贊的卡通風(fēng)格網(wǎng)頁(yè)設(shè)計(jì)吧。

Fabrika Online

展示了游戲中壯觀的場(chǎng)景，角色看起來(lái)很酷。

服飾類的網(wǎng)站設(shè)計(jì)會(huì)專注在服飾本身的華美時(shí)尚風(fēng)格之上，鞋類的網(wǎng)站設(shè)計(jì)會(huì)專注于鞋型的潮流性與材質(zhì)的宣傳上，但是酒類網(wǎng)站的界面設(shè)計(jì)因?yàn)橐曈X(jué)上無(wú)法直接傳達(dá)嗅覺(jué)與味覺(jué)，所以設(shè)計(jì)酒類的網(wǎng)站設(shè)計(jì)時(shí)，會(huì)把專注點(diǎn)從酒本身往外擴(kuò)散到釀酒的原材料、環(huán)境的烘托、飲用的方法、圍繞的典故等，通過(guò)全面的介紹來(lái)彌補(bǔ)嗅覺(jué)與味覺(jué)上的缺失遺憾（這也正是許多酒類廣告的宣傳方法）。

再通過(guò)搭配質(zhì)感的酒具，使用視覺(jué)滾動(dòng)差的表現(xiàn)手法來(lái)營(yíng)造一個(gè)酒的氛圍。

Big Bend Brewing Company

今天就來(lái)聊聊那些“鶴立雞群”、“卓爾不凡”的電商網(wǎng)站設(shè)計(jì)，我們來(lái)看一看，到底為什么這些網(wǎng)站界面設(shè)計(jì)能夠從眾多電商網(wǎng)站中”脫穎而出”，既能符合自身品牌形象，又能打動(dòng)消費(fèi)者的心。

藍(lán)藍(lán)設(shè)計(jì)下面收集了一些非常漂亮且實(shí)用的電商網(wǎng)站設(shè)計(jì)，均有著高超的ui設(shè)計(jì)。看來(lái)這些公司都能明白：好的設(shè)計(jì)對(duì)于商業(yè)來(lái)說(shuō)是催化劑，是一大助力。

Saturdays Surf NYC

太忙了沒(méi)時(shí)間學(xué)習(xí)？這就是你為自己不想學(xué)習(xí)找的借口。
抓緊時(shí)間，利用上網(wǎng)的時(shí)間來(lái)為自己也充電一下吧！互聯(lián)網(wǎng)上除了娛樂(lè)，其實(shí)也有很多比藍(lán)藍(lán)設(shè)計(jì)更值得每日關(guān)注學(xué)習(xí)的網(wǎng)站。今天我們一起推薦給您網(wǎng)頁(yè)設(shè)計(jì)師和前端工程師服務(wù)的14個(gè)教學(xué)網(wǎng)站：）絕對(duì)不要錯(cuò)過(guò)喲。相信一定會(huì)提高朋友的網(wǎng)頁(yè)設(shè)計(jì)、ui設(shè)計(jì)、軟件界面設(shè)計(jì)、iPad界面設(shè)計(jì)能力的！

音樂(lè)是人類的靈魂，相信大部分的設(shè)計(jì)師在做ui設(shè)計(jì)時(shí)，都會(huì)開著音樂(lè)激發(fā)靈感，陶冶情操。那些歌兒或激烈、或?qū)庫(kù)o……

音樂(lè)的本質(zhì)是耳朵的享受，但是在藍(lán)藍(lán)設(shè)計(jì)，我們肯定不能讓眼球落寞，那么今天就來(lái)一起看看25個(gè)與音樂(lè)相關(guān)的網(wǎng)站的界面設(shè)計(jì)吧。推薦收藏起來(lái)，以后肯定會(huì)用到的喲，一定可以幫住大家提高ui設(shè)計(jì)服務(wù)能力的，讓您在ui設(shè)計(jì)公司立穩(wěn)腳步，處于不敗之地。

：）

更多音樂(lè)相關(guān)網(wǎng)站設(shè)計(jì)欣賞：http://www.skdbbs.com/

Twitter music

不可否認(rèn)，紙媒日漸衰微，力圖轉(zhuǎn)型為網(wǎng)絡(luò)媒體。
而網(wǎng)絡(luò)媒體，則”反其道而行之”，采用紙媒的布局網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格。

如何在呈遞大量信息的基礎(chǔ)上做到布局有序？如何利用紙媒的傳統(tǒng)大標(biāo)題更好的吸引用戶注意？如何把縮略圖排布的跟雜志中的圖片一樣？請(qǐng)看藍(lán)藍(lán)設(shè)計(jì)推薦的25個(gè)范例網(wǎng)站界面設(shè)計(jì)素材。

This is Fake DIY

天賦異稟的設(shè)計(jì)師們總是通過(guò)自身超高的ui設(shè)計(jì)能力能把普通的事物變得那么美好，譬如這里的鞋類網(wǎng)站的界面設(shè)計(jì)，當(dāng)穿在腳上的鞋子踏進(jìn)屏幕后，會(huì)發(fā)生什么奇妙的變幻呢？
找一個(gè)得閑的時(shí)間，泡杯咖啡，靜靜來(lái)欣賞藍(lán)藍(lán)設(shè)計(jì)這如藝術(shù)品一樣的網(wǎng)站設(shè)計(jì)吧：）

Satorisan

正如你已經(jīng)看到在藍(lán)藍(lán)設(shè)計(jì)之前的文章中關(guān)于單頁(yè)面網(wǎng)站設(shè)計(jì)的推薦！它絕對(duì)是展示你的工作和產(chǎn)品最佳的表現(xiàn)形式，而且十足的酷！很多人會(huì)享受那種滑輪一拉到底的酣暢淋漓！你得承認(rèn)，單頁(yè)的設(shè)計(jì)是接下來(lái)幾年界面設(shè)計(jì)的熱門趨勢(shì)。
在這個(gè)精選里，幾乎收集了來(lái)自全球的最酷最漂亮的單頁(yè)作品。你會(huì)發(fā)現(xiàn)各種各樣的高品質(zhì)的、創(chuàng)造性的、美麗的、鼓舞人心的網(wǎng)頁(yè)設(shè)計(jì)。它們都遵循了單頁(yè)設(shè)計(jì)的趨勢(shì)。

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

Every Last Drop