分享網(wǎng)站建設(shè)的九個(gè)國(guó)外資源網(wǎng)站

發(fā)布日期：[2017/1/9] 編輯：奇億廣州網(wǎng)站建設(shè)

　　網(wǎng)站建設(shè)要想實(shí)現(xiàn)一個(gè)與眾不同且引人注目的網(wǎng)站并不容易，許多網(wǎng)站設(shè)計(jì)師需要靠靈感的激發(fā)或者資源的整合，才能找到獨(dú)有的設(shè)計(jì)之路，但大多靈感都是從參考某些網(wǎng)站中獲得，可見擁有豐富的資源多么重要。下面奇億網(wǎng)絡(luò)將和大家一起分享一些國(guó)外的資源網(wǎng)站。

　　1. CodePen

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

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

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

2. UpLabs

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

　　這個(gè)社區(qū)匯集了網(wǎng)站建設(shè)前端作品設(shè)計(jì)、 Android / iOS UI 設(shè)計(jì)等大量的資源。你可以通過關(guān)鍵詞輕松的找到圖片素材、Demo 等自己想要的資源，同時(shí)你也可以通過郵箱來訂閱最新收集的設(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 是來自霓虹國(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è)。它們可以幫助設(shè)計(jì)師們找到靈感啟發(fā)和設(shè)計(jì)理念，非常值得學(xué)習(xí)。　　

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

　　4. Collect UI

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

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

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

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

　　5. SiteInspire

　　SiteInspire 可以說是網(wǎng)站建設(shè)必備靈感來源網(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)潔，不能使用過多的 Flash，同時(shí)限制瀏覽器大小也是不允許的等。所以，如果你設(shè)計(jì)的網(wǎng)站滿足了官方的要求，不妨來試試哦！

　　6. The Best Designs

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

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

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

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

　　7. ResourceCards

　　ResourceCards 是一個(gè)為專為網(wǎng)站建設(shè)開發(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 等開發(fā)者需要的免費(fèi)資源。

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

　　8. Dribbble

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

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

　　9. 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)目來建立朋友圈，或者合作伙伴圈。