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

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

1. CodePen

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

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

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

2. UpLabs

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

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

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

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

3. Straightline

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

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

注冊帳號后，你就可以將自己喜歡的網(wǎng)站作為收藏夾保存起來，方便隨時查閱。

4. Collect UI

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

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

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

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

5. SiteInspire

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

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

6. One Page Love

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

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

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

7. The Best Designs

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

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

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

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

8. ResourceCards

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

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

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

9. Dribbble

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

靈感是創(chuàng)意的來源，多泡泡 Dribbble 一定是個不錯的選擇哦！

10. Behance

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

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

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

這么好的平臺，設(shè)計師們可不要錯過咯。