強烈推薦！設計師與程序員不能錯過的10個酷站

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

1. CodePen

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

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

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

2. UpLabs

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

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

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

學習與賺錢兩不誤，簡直太酷了。

3. Straightline

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

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

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

4. Collect UI

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

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

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

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

5. SiteInspire

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

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

6. One Page Love

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

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

當然，部分模版是需要付費的。

7. The Best Designs

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

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

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

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

8. ResourceCards

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

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

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

9. Dribbble

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

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

10. Behance

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

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

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

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