強(qiáng)烈推薦！設(shè)計(jì)師與程序員不能錯(cuò)過(guò)的10個(gè)酷站

今天推薦的這10個(gè)酷站，包括大量免費(fèi)高質(zhì)量的設(shè)計(jì)素材和頂尖靈感，每一個(gè)都值得放進(jìn)收藏夾，一起來(lái)收。

1. CodePen

對(duì)于程序開(kāi)發(fā)者而言，CodePen 一直是盛產(chǎn)想法與創(chuàng)意的圣地。它不僅能夠以在線形式，將前端代碼編輯與展示，而且你還可以與全球眾多的開(kāi)發(fā)者們交流想法、分享你的作品。

在 CodePen 上，你會(huì)發(fā)現(xiàn)眾多非常有創(chuàng)意的頁(yè)面、圖標(biāo)以及各種酷炫、好玩的效果。

或許，你也許會(huì)很好奇，這些炫麗的動(dòng)畫(huà)效果是設(shè)計(jì)師們創(chuàng)作出來(lái)的嗎？其實(shí)，它們是由程序員們（前端開(kāi)發(fā)者們）利用 HTML、CSS、JavaScript 創(chuàng)作出來(lái)的。代碼也能寫(xiě)出如此酷炫的動(dòng)畫(huà)效果，是不是很神奇呢？

2. UpLabs

除了 Dribbble 外，小獅將為大家推薦的是 UpLabs ，它也是專注為設(shè)計(jì)師和開(kāi)發(fā)者打造的每日資源推薦社區(qū)。

這個(gè)社區(qū)匯集了網(wǎng)站前端作品設(shè)計(jì)、 Android / iOS UI 設(shè)計(jì)等大量的資源。你可以通過(guò)關(guān)鍵詞輕松的找到圖片素材、Demo 等自己想要的資源，同時(shí)你也可以通過(guò)郵箱來(lái)訂閱最新收集的設(shè)計(jì)作品。

此外，UpLabs 還有一個(gè)很酷的集市功能。在集市里，你可以搜尋到最優(yōu)秀的設(shè)計(jì)作品，同時(shí)你也可以將自己設(shè)計(jì)的作品上傳到集市里，以付費(fèi)或者免費(fèi)的形式供大家下載。當(dāng)然，如果你能力出眾，還能輕松地掙點(diǎn)零花錢呢！

學(xué)習(xí)與賺錢兩不誤，簡(jiǎn)直太酷了。

3. Straightline

Straightline 是來(lái)自霓虹國(guó)的一個(gè)網(wǎng)頁(yè)設(shè)計(jì)網(wǎng)站收藏夾。網(wǎng)站整體有種隱忍的設(shè)計(jì)風(fēng)格，流露出一種簡(jiǎn)單、大氣的美感。

在網(wǎng)站中，你可以找到霓虹國(guó)本土優(yōu)秀的商業(yè)、企業(yè)、創(chuàng)意、藝術(shù)、購(gòu)物等范疇的網(wǎng)站。它們可以幫助設(shè)計(jì)師們找到靈感啟發(fā)和設(shè)計(jì)理念，非常值得學(xué)習(xí)。

注冊(cè)帳號(hào)后，你就可以將自己喜歡的網(wǎng)站作為收藏夾保存起來(lái)，方便隨時(shí)查閱。

4. Collect UI

Collect UI 是一個(gè)基于 Dribbble 的每日 UI 資源推薦社區(qū)。或許你會(huì)有所疑惑，如果 Collect UI 僅是 Dribbble 的再分享社區(qū)，那么它和其他基于 Dribbble 的網(wǎng)站似乎沒(méi)有太大的區(qū)別，但實(shí)際卻并不如此。

無(wú)論是從布局選擇、色彩搭配，或是字體、UI 元素上，Collect UI 都采用了人工篩選的方式來(lái)保證社區(qū)的資源質(zhì)量。同時(shí)，如果你在 Dribbble 上的粉絲夠 800 ，還可以在 Collect UI 上申請(qǐng)聯(lián)合編輯哦。

此外，Collect UI 網(wǎng)站左側(cè)列表欄，提供了便于用戶快速查找素材的標(biāo)簽。你可以快速找到登錄與付費(fèi)界面、404 界面、搜索界面等素材。

目前 Collect UI 已收錄超過(guò) 6900+ 個(gè)案例，135 種不同的分類。是不是很酷呢，快去看看吧！

5. SiteInspire

SiteInspire 可以說(shuō)是網(wǎng)頁(yè)設(shè)計(jì)師必備靈感來(lái)源網(wǎng)站，因?yàn)檫@個(gè)網(wǎng)站收集了互聯(lián)網(wǎng)上最優(yōu)秀的網(wǎng)站交互設(shè)計(jì)作品。目前該網(wǎng)站已經(jīng)收錄了 5386 個(gè)不同風(fēng)格、類型與主題的網(wǎng)站。

如果想被這個(gè)網(wǎng)站收錄，也需要符合諸多條件的。例如，網(wǎng)站整體需要簡(jiǎn)潔，不能使用過(guò)多的 Flash，同時(shí)限制瀏覽器大小也是不允許的等。所以，如果你設(shè)計(jì)的網(wǎng)站滿足了官方的要求，不妨來(lái)試試哦！

6. One Page Love

One Page Love 是一個(gè)匯集了優(yōu)秀的單頁(yè)網(wǎng)站、模版等資源的分享站點(diǎn)。由 Rob Hope 創(chuàng)立于 2008 年。目前已收錄 25+ 多種行業(yè)分類的模版。

在網(wǎng)站上中，你會(huì)發(fā)現(xiàn)它沒(méi)有其他（類似于關(guān)于我們、服務(wù)、聯(lián)系人）的頁(yè)面，而將大家的注意力都集中在頁(yè)面、模版、主題等直觀的內(nèi)容上了。所以，你可以輕松地找到自己喜歡的 WordPress 主題模版、著陸頁(yè)等各行業(yè)的模版。

當(dāng)然，部分模版是需要付費(fèi)的。

7. The Best Designs

The Best Designs 是一個(gè)致力于分享和展示全球最優(yōu)秀網(wǎng)頁(yè)創(chuàng)意攝影作品的網(wǎng)站。

這個(gè)網(wǎng)站，每年都有超過(guò) 700 萬(wàn)的訪問(wèn)量。來(lái)自世界各地的訪問(wèn)者，在這里查看最新的設(shè)計(jì)趨勢(shì)，或者尋找設(shè)計(jì)靈感。

網(wǎng)站中的所有作品都是經(jīng)過(guò)審核發(fā)布上去的，作品則是來(lái)自世界各地的優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì)師所提供的。或許，在這里你能看到未曾見(jiàn)過(guò)的驚喜呢！

除了搜尋靈感，你還可以為你的項(xiàng)目在這里尋找一位優(yōu)秀的設(shè)計(jì)師哦。因?yàn)椋W(wǎng)站里也駐扎了不少招聘代理機(jī)構(gòu)。感興趣的朋友們，可以多多了解。

8. ResourceCards

ResourceCards 是一個(gè)為專為設(shè)計(jì)師、開(kāi)發(fā)者提供各種優(yōu)秀、豐富的資源網(wǎng)站。你可以根據(jù)卡片類別，快速地尋找相應(yīng)分類下的網(wǎng)站資源。

網(wǎng)站中包含了 12 大類，涉及圖片、字體、圖標(biāo)、設(shè)計(jì)工具等設(shè)計(jì)師常用的免費(fèi)資源，以及 HTML/CSS/JS、Bootstrap 等開(kāi)發(fā)者需要的免費(fèi)資源。

其實(shí)，這個(gè)網(wǎng)站就是個(gè)專注于給設(shè)計(jì)師與開(kāi)發(fā)者提供的導(dǎo)航站點(diǎn)。當(dāng)然，分享的資源還是很給力的。

9. Dribbble

說(shuō)到 Dribbble ，大家或許不會(huì)陌生。作為著名的設(shè)計(jì)創(chuàng)意社區(qū)，全球眾多的優(yōu)秀設(shè)計(jì)師為了尋找靈感，與同行進(jìn)行交流、切磋等都會(huì)到這里來(lái)。

靈感是創(chuàng)意的來(lái)源，多泡泡 Dribbble 一定是個(gè)不錯(cuò)的選擇哦！

10. Behance

Behance 是一個(gè)多元化的藝術(shù)作品分享網(wǎng)站。它旨在將有創(chuàng)造力的專業(yè)設(shè)計(jì)人員找到屬于他們自己的設(shè)計(jì)作品展示平臺(tái)。

網(wǎng)站中的所有作品，根據(jù)項(xiàng)目、創(chuàng)意領(lǐng)域進(jìn)行劃分，你可以輕松的找到網(wǎng)頁(yè)與界面設(shè)計(jì)、字體與平面設(shè)計(jì)、工業(yè)設(shè)計(jì)、交互設(shè)計(jì)等內(nèi)容的作品。而用戶則可以根據(jù)個(gè)人喜好、專業(yè)水平或者正在一起做的項(xiàng)目來(lái)建立朋友圈，或者合作伙伴圈。

所以，在這里你不光能找到創(chuàng)意與靈感，或許還能得到世界各地企業(yè)公司雇傭的機(jī)會(huì)呢！

這么好的平臺(tái)，設(shè)計(jì)師們可不要錯(cuò)過(guò)咯。