國外優(yōu)秀素材網(wǎng)站

時間：2022-08-19 05:18:01 | 來源：網(wǎng)站運(yùn)營

時間：2022-08-19 05:18:01 來源：網(wǎng)站運(yùn)營

1、素材網(wǎng)站

圖標(biāo)：

Iconfinder，國外圖標(biāo)靈感網(wǎng)，尋找靈感或購買圖標(biāo)。

Noun Project，非常棒的國外圖標(biāo)網(wǎng)站，免費(fèi)的扁平化圖標(biāo)，可以下載svg進(jìn)行再創(chuàng)造哦。

Free vector icons，免費(fèi)的矢量扁平化圖標(biāo)網(wǎng)站，誰用誰知道。

EpicPxls，另一個圖標(biāo)免費(fèi)素材網(wǎng)站，很多優(yōu)秀圖標(biāo)素材可以下載。

一般素材：

Subtle Patterns，紋理素材網(wǎng)站，設(shè)計加分哦！

Textures，紋理素材網(wǎng)站，很多材質(zhì)的紋理都可在這找到。

Pixelbuddha，免費(fèi)素材源文件，質(zhì)量不錯。

iconstore，素材網(wǎng)站，而且大多數(shù)是免費(fèi)的。

Download Free，免費(fèi)素材網(wǎng)站，內(nèi)容非常多。

UI8，國外素材網(wǎng)站，質(zhì)量不錯，大多收費(fèi)，小部分免費(fèi)。

Mockup Zone，Mockup素材網(wǎng)站，有收費(fèi)，有免費(fèi)。

圖片配圖：

FreeImages，免費(fèi)圖片素材庫，數(shù)量很多。

Unsplash，很有個性的高質(zhì)量免費(fèi)圖片素材網(wǎng)站，還有chrome插件安裝。

Gratisography，免費(fèi)圖片素材網(wǎng)站，還不錯。

Life Of Pix，不錯的免費(fèi)圖片素材網(wǎng)站。

Pixabay，免費(fèi)素材網(wǎng)站，數(shù)量比較多。

Pexels，免費(fèi)的圖片素材網(wǎng)站。

Wallpaperswide，高清壁紙素材網(wǎng)站，數(shù)量很多。

Vecteezy，老牌免費(fèi)素材網(wǎng)站，數(shù)量也很多。

Designstub，Bootstrap框架的免費(fèi)模版素材，靜態(tài)HTML頁面，Bootstrap或響應(yīng)式設(shè)計參考。

Baiana，最近備受關(guān)注的國外設(shè)計團(tuán)隊，有很多很棒的素材和創(chuàng)意，而且大多數(shù)免費(fèi)分享。

500px，很棒的圖片網(wǎng)站，不多說了。

界面交互：

Invisionapp1，非常棒的設(shè)計界面素材，免費(fèi)下載源文件，手機(jī)APP交互，UI設(shè)計。

Invisionapp2，同樣來自invision的設(shè)計界面素材，免費(fèi)下載源文件，質(zhì)量也很高。

Sketchrepo，Sketch免費(fèi)界面素材網(wǎng)站，素材質(zhì)量不錯，手機(jī)APP交互，UI設(shè)計。

Psdrepo，sketchrepo的同胞兄弟，同樣是免費(fèi)高質(zhì)量界面設(shè)計素材。

思源字體：

adobe-fonts，思源黑體官方下載地址。

adobe-fonts，思源宋體官方下載地址。




2、設(shè)計創(chuàng)意靈感

Dribbble，追波，不多說。

Behance，不多說。

DeviantArt，也很有名，不多說了。

Pinterest，素材創(chuàng)意大集合，非常棒的網(wǎng)站，也很有名，不描述了。

Tumblr，灰常有名了，有很多優(yōu)秀的設(shè)計作品在上面。

站酷-zcool，國內(nèi)設(shè)計比較有名的網(wǎng)站，不多說。

花瓣-huaban，國內(nèi)山寨pinterest，但是因為速度快所以用起來還是不錯的。

Themeforest，知名度非常高的模版銷售網(wǎng)站，很多國外流行的頁面風(fēng)格、動效，創(chuàng)意。

Elegantthemes，國外有名的wordpress模版設(shè)計團(tuán)隊，創(chuàng)意十足，不過可惜的是最近不思進(jìn)取，一直沒有太大創(chuàng)新，還在售賣一年多前就發(fā)布的模版，對wordpress開發(fā)有幫助。

Yootheme，也是非常棒的國外網(wǎng)站模版設(shè)計公司，包括wordpress和joomla!，設(shè)計簡潔有想法，還有他們推出的前端框架Getuikit，（類似Bootstrap），有興趣的朋友可以了解一下。

Awwwards，非常有名的網(wǎng)頁設(shè)計創(chuàng)意參考網(wǎng)站。

Materialup，Material Design相關(guān)設(shè)計作品的參考網(wǎng)站。

100daysui，Dribbble牛人的每日一設(shè)作品，有源文件下載和HTML代碼實現(xiàn)！絕壁學(xué)習(xí)極品。

Sebastien-gabriel，谷歌設(shè)計大神個人網(wǎng)站，他的文章《How I joined Google》曾膾炙人口，其他設(shè)計類的文章也很有參考價值。

Dejan-markovic，國外一個設(shè)計師的個人網(wǎng)站，內(nèi)容涵蓋自己的作品從產(chǎn)品分析到最后設(shè)計成型的過程解析，很有參考價值。

Ebooks，UXPIN推出的免費(fèi)設(shè)計e-Books，可以看看。

Triangulate Images，快速將圖片處理成low poly效果的工具網(wǎng)站。

Coolors，快速取色，并且能夠自動生成色彩層級的工具。

Webgradients，輕量的漸變配色網(wǎng)站，配色很有逼格。

Color Tool，Material Design官方的配色工具，可以通過取色快速查看界面整體效果。

Sketchfab，Sketchfab-全球知名的 3D 設(shè)計模型在線展示平臺。




3、前端／動效／用戶體驗

Codrops，前端效果，創(chuàng)意十足，每周集錦很有意思，強(qiáng)烈推薦，免費(fèi)下載使用！

Codyhouse，也是非常棒的一個前端動效網(wǎng)站，Codrops經(jīng)常會收錄它的一些好作品。

Tutorialzine，很多好玩的前端效果和知識，但更新不勤快，可偶爾看看。

Github，trending里篩選CSS/HTML/Javascript的語言分類看是否有最新好玩的前端作品，全球開源代碼最領(lǐng)先的地方。

Goodui，通俗易懂的UI設(shè)計準(zhǔn)則，很有意思。

Medium，里面有很多很棒的設(shè)計類文章，值得參考。

Codepen，很棒的前端網(wǎng)站，可以直接預(yù)覽前端效果和使用代碼。

Fontawesome，最早的開源免費(fèi)字體圖標(biāo)庫，以前用Bootstrap+FontAwesome基本上就能搭建一個像模像樣的網(wǎng)站，圖標(biāo)種類繁多，使用方便。

Wappalyzer，可以查看當(dāng)前網(wǎng)頁的前端技術(shù)使用情況，非常方便。




4、工具

Tinypng，在線壓縮PNG/JPG圖片網(wǎng)站，大幅度減小圖片尤其是PNG圖片的size，方便好用。

Icomoon，字體圖標(biāo)管理／生成網(wǎng)站，功能強(qiáng)大，國內(nèi)的iconfont應(yīng)該是參考它做的。

Iconfont，icomoon國內(nèi)訪問速度慢，現(xiàn)在比較常用iconfont，也挺好用的。

Guideguide，Photoshop必裝的參考線插件神器，誰用誰知道。

Rightfontapp，字體管理軟件，能快速加載字體，并在設(shè)計稿中引入矢量圖標(biāo)。

Sketchapp，Mac下的UI設(shè)計神器，快速簡單，而且正版也不貴，缺點是沒有Windows版本。

Sketch-measure，Sketch中必裝的插件，能夠?qū)С鲈O(shè)計稿的HTML文件供前端實時查看，免去了切圖的煩惱，還能切換設(shè)備分辨率，非常方便。

Flinto，輕量級的交互軟件，能夠與Sketch一起使用，簡單方便。

Principle - Animated Design，功能強(qiáng)大的交互設(shè)計軟件，用它能夠做出很不錯的app動效。

Framerjs，能夠直接用代碼做交互／動效，個人感覺很不錯，廣受國外一線設(shè)計師的好評。

Craft by InVision LABS，Invision推出的PS／Sketch插件，能快速添加圖片／文字等功能。

G2.alipay，G2-螞蟻金服團(tuán)隊的圖表組件工具，設(shè)計圖表的時候可以參考。

Gitbook，使用Markdown編寫文檔，采用Git管理方式，方便高效。

Device metrics - Material Design，谷歌設(shè)計團(tuán)隊推出的設(shè)備相關(guān)參數(shù)參考頁面，很完整。

Echarts，百度團(tuán)隊的純 Javascript 圖表庫，算是比較成熟的解決方案。

常見設(shè)計規(guī)范與 Sketch 源文件下載集合，文章收集相對完整的設(shè)計規(guī)范及組件庫資源。