音樂(lè)是人類的靈魂，相信大部分的設(shè)計(jì)師在做ui設(shè)計(jì)時(shí)，都會(huì)開(kāi)著音樂(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://sillybuy.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

去年藍(lán)藍(lán)設(shè)計(jì)收集了很多深色/彩色的網(wǎng)頁(yè)設(shè)計(jì)，而今年我們準(zhǔn)備收集一些白色配色相關(guān)的例子給大家獲取靈感。現(xiàn)在一些國(guó)外網(wǎng)站設(shè)計(jì)喜歡使用較大的文字作為網(wǎng)頁(yè)界面設(shè)計(jì)的視覺(jué)中心，而不一定是圖形插畫，圖像一般只作為這些大文字的背景而已，這樣視覺(jué)效果佳，而且一眼就可以看出這個(gè)網(wǎng)站是干什么的。

下面來(lái)自WDL上的《13個(gè)搭配白色文字的國(guó)外網(wǎng)頁(yè)設(shè)計(jì)例子》，在這些例子中你可以看到網(wǎng)頁(yè)設(shè)計(jì)師是如何使用白色的文字，如通過(guò)不同的背景、排版、文字大小等等，提供網(wǎng)站界面設(shè)計(jì)效果。這些都可以作為參考學(xué)習(xí)。

Crop the Block

最讓設(shè)計(jì)師頭疼的事情莫過(guò)于沒(méi)有靈感及沒(méi)有好的資源，設(shè)計(jì)師需要PSD文件！需要PS筆刷！紋理高清背景圖！矢量圖！等等等等大量資源，因?yàn)橛辛诉@些有效資源會(huì)大大提高工作效率，常有事半功倍的效果。

所以，藍(lán)藍(lán)設(shè)計(jì)今天特別準(zhǔn)備了設(shè)計(jì)師必備的資源網(wǎng)站，您可以從這些分享資源的網(wǎng)站里快速簡(jiǎn)便的獲得您需要的文件、ui設(shè)計(jì)樣式、軟件界面設(shè)計(jì)、網(wǎng)站設(shè)計(jì)等。你可以直接利用，或是可以作為參考，這都將對(duì)你的ui設(shè)計(jì)有著很大的幫助。您趕緊來(lái)瞧瞧吧！

Designmoo

這幾年研究手機(jī)和平板應(yīng)用程序的開(kāi)發(fā)者越來(lái)越多，都知道這是一碗香餑餑。但！設(shè)計(jì)出合適的UI設(shè)計(jì)以及適合大多數(shù)用戶的操作流程，這些問(wèn)題會(huì)非常棘手。當(dāng)你設(shè)計(jì)思緒堵塞的時(shí)候，看下其他設(shè)計(jì)者的作品會(huì)很有幫助。

那么在今天的文章里，藍(lán)藍(lán)設(shè)計(jì)要跟你分享一些我自己用來(lái)尋找手機(jī)界面設(shè)計(jì)和手機(jī)ui設(shè)計(jì)方面的靈感網(wǎng)站。我把它們按照我尋找的方式進(jìn)行了歸類。

1、僅限安卓的布局設(shè)計(jì)資源站

Android App Patterns

Android App Patterns 上有超過(guò)1130張手機(jī)和平板的屏幕截圖。你可以向下滾動(dòng)瀏覽更多。

還停留在在線商店就是一板一眼的結(jié)構(gòu)跟樣式？看到的ui 設(shè)計(jì)都是千篇一律趨同的？來(lái)看看藍(lán)藍(lán)設(shè)計(jì)這些不一樣的在線商店網(wǎng)站設(shè)計(jì)吧！相信一定提高朋友網(wǎng)站界面設(shè)計(jì)能力的，提高朋友們的ui設(shè)計(jì)服務(wù)能力，讓您在ui設(shè)計(jì)公司鋒芒必露。

OZAKI Webshop

現(xiàn)在大量網(wǎng)頁(yè)設(shè)計(jì)基于網(wǎng)格布局。雖說(shuō)人們通常注意不到它，但雜亂無(wú)章的布局時(shí)代確實(shí)已經(jīng)過(guò)去了，現(xiàn)在是整齊結(jié)構(gòu)化的天下。無(wú)論從理論、美學(xué)和整齊來(lái)說(shuō)，這樣的布局都很好平衡。網(wǎng)格結(jié)構(gòu)是所有現(xiàn)代網(wǎng)站的基礎(chǔ)，很大程度上提高了網(wǎng)站界面設(shè)計(jì)的整體效果，它總能給最終用戶完美無(wú)暇的ui設(shè)計(jì)。

藍(lán)藍(lán)設(shè)計(jì)基于網(wǎng)格的網(wǎng)頁(yè)設(shè)計(jì)案例

Spazio Dipaolo

把主頁(yè)劃分成相等方塊加上黑色透明蒙版來(lái)展示不同類型的藝術(shù)圖片。

今天藍(lán)藍(lán)設(shè)計(jì)推薦的簡(jiǎn)約時(shí)尚的網(wǎng)站設(shè)計(jì)，最大的ui設(shè)計(jì)特點(diǎn)是都采用了極少的顏色搭配和比較簡(jiǎn)單的元素，但都創(chuàng)造了或遼遠(yuǎn)無(wú)邊、或?qū)庫(kù)o寂寥的的視覺(jué)效果，每個(gè)網(wǎng)站的配色都很贊，同學(xué)們可以學(xué)習(xí)一下 : ）一定可以幫住大家提高ui設(shè)計(jì)服務(wù)能力的，讓您在ui設(shè)計(jì)公司立穩(wěn)腳步，處于不敗之地。

Ten & Bourne