作為一個優(yōu)秀的設(shè)計師除了需要有過硬的設(shè)計技能，當(dāng)然也要有自己的一套設(shè)計資源庫啦！這是設(shè)計師寶貴的資源財富，技能包的來源，讓自己的日常工作更加高效，技能樹更加壯大。

也一直都有小伙伴在問我在哪里可以學(xué)習(xí)或者一些關(guān)于設(shè)計的資源，索性就抽時間整理了下平時用得最高頻，而且還很不錯的資源，希望可以幫助到需要的小伙伴。

本次整理匯總的資源共分靈感網(wǎng)站篇、技能獲取篇、實用工具篇以及免費資源篇四大部分內(nèi)容，同時附件也有上傳一些安裝包提供下載，有需要的小伙伴可以自行下載，有任何疑問可以評論區(qū)留言討論哈。

Behance

https://www.behance.net/

Behance應(yīng)該大部分做創(chuàng)意的都知道的吧，作為全球最大的創(chuàng)意展示平臺，每天聚集著眾多領(lǐng)域的創(chuàng)意作品，包括設(shè)計、時尚、插圖、工業(yè)設(shè)計、建筑、攝影、美術(shù)、廣告、排版、動畫、聲效以及更多，也是展示和發(fā)現(xiàn)創(chuàng)意作品的領(lǐng)先在線平臺。

Dribbble

https://dribbble.com/

Dribbble是一個面向創(chuàng)作家、藝術(shù)工作者、設(shè)計師等創(chuàng)意類作品的人群，提供作品在線服務(wù)，供網(wǎng)友在線查看已經(jīng)完成的作品或者正在創(chuàng)作的作品的交流網(wǎng)站。Dribbble與Behance的最大區(qū)別在于，一個是以即時性的作品為主，一個是以比較系統(tǒng)性的作品為主。

UI中國網(wǎng)

http://www.htnj110.cn/

UI中國作為最早的針對UI界面設(shè)計領(lǐng)域的創(chuàng)意平臺，在UI領(lǐng)域有較高的知名度，目前創(chuàng)意作品涵蓋較廣，并不僅僅局限于UI，還包括插畫、平面、動效等。

站酷網(wǎng)

https://www.zcool.com.cn/

站酷作為創(chuàng)意平臺，致力于為設(shè)計創(chuàng)意從業(yè)者、愛好者提供學(xué)習(xí)、展示、交流、就業(yè)、交易、創(chuàng)業(yè)等服務(wù)，為設(shè)計師和企業(yè)的成長提供版權(quán)解決方案和立體的視覺服務(wù)。以“讓設(shè)計更有價值”為自身使命。

Pinterest

https://www.pinterest.com/

Pinterest是全球最大的圖片搜集平臺，可以在上面搜集到眾多創(chuàng)意類圖片參考，也是創(chuàng)意工作者搜集靈感的主要來源?？上τ趪鴥?nèi)用戶來說，目前需要翻墻方可使用。

花瓣網(wǎng)

https://huaban.com/home/

花瓣網(wǎng)號稱中國版的Pinterest，圖片資源豐富，也是眾多創(chuàng)意者比較偏愛的網(wǎng)站，可惜花瓣網(wǎng)最新功能調(diào)整后，很多圖片資源被鎖，極大地限制了靈感搜集途徑，我目前用的不是很多。

愛果果

https://www.iguoguo.net/page/2

這個網(wǎng)站相信知道的小伙伴并不多吧！這個比較好的是集齊了大部分優(yōu)秀的H5案例，以前上線過的H5幾乎都可以搜集到，對于H5感興趣的小伙伴值得關(guān)注下。

Ant Design

https://ant.design/index-cn

Behance應(yīng)該大部分做創(chuàng)意的都知道的吧，作為全球最大的創(chuàng)意展示平臺，每天聚集著眾多領(lǐng)域的創(chuàng)意作品，包括設(shè)計、時尚、插圖、工業(yè)設(shè)計、建筑、攝影、美術(shù)、廣告、排版、動畫、聲效以及更多，也是展示和發(fā)現(xiàn)創(chuàng)意作品的領(lǐng)先在線平臺。

美啊

http://meia.me/

美?。╩eia.me）是中國領(lǐng)先的創(chuàng)意設(shè)計與職業(yè)美學(xué)教育平臺。聚集全球精彩的創(chuàng)意設(shè)計、交互設(shè)計、工業(yè)設(shè)計、服務(wù)設(shè)計、設(shè)計思維及時尚美學(xué)等類別的教學(xué)課程、知識體系、大師觀點、人物訪談、培訓(xùn)活動等內(nèi)容，幫助你找到專業(yè)提升、職業(yè)發(fā)展的敏捷通道，實現(xiàn)你內(nèi)心那成為藝術(shù)家的夢想！這里的資源都挺不錯的，專注于創(chuàng)意設(shè)計的平臺，感興趣的可以去看看哦~

優(yōu)秀網(wǎng)站設(shè)計

https://www.uisdc.com/

我想，做設(shè)計或者說創(chuàng)意行業(yè)的應(yīng)該沒幾個人不知道優(yōu)設(shè)網(wǎng)吧！這個網(wǎng)站收納了很多競品文章教程，很早之前就開始關(guān)注了，后面優(yōu)設(shè)網(wǎng)品牌升級后，整體體驗提升很多，真的挺喜歡這個網(wǎng)站的。

優(yōu)設(shè)私房課

https://pro.uisdc.com/index

把這個分享出來主要是因為覺得這個網(wǎng)站對于剛畢業(yè)又想學(xué)習(xí)提升的小伙伴很不錯，相比較那些動輒幾千塊的課程費用，這邊的課程性價比都非常高，作為價格敏感者用戶來說，花幾十塊就可以學(xué)習(xí)提升自己，很贊哦！

Picular-顏色檢索

https://picular.co/

這個網(wǎng)站挺好玩的，可以根據(jù)你輸入的關(guān)鍵詞，檢索出相對應(yīng)的聯(lián)想顏色。如果你對于某個對象沒有顏色概念，可以去試試看吧！它會給你想要的答案的!

最優(yōu)圖像優(yōu)化

https://zh.recompressor.com/

這個網(wǎng)站是偶然間發(fā)現(xiàn)的，體驗過后發(fā)現(xiàn)真的超穩(wěn)的，主要還是完全免費的，整個網(wǎng)站設(shè)計也是很簡潔，不像同類型網(wǎng)站充斥著各種廣告。在你選擇一張圖片之后，它可以根據(jù)圖片分別提供多種壓縮后的圖片質(zhì)量讓你選擇，使用很友好哦。

remove-摳圖軟件

https://www.remove.bg/

這是一個智能摳圖網(wǎng)站，可以根據(jù)你提供的圖片，自動摳出背景。摳圖效果很優(yōu)秀，一些復(fù)雜的圖片也是可以很完美得摳出來，簡直是設(shè)計師（摳圖仔）的福音了 。

ilovepdf-PDF壓縮

https://www.ilovepdf.com/zh-cn/compress_pdf

設(shè)計師難免要換工作或者跳槽啥的嘛，那就無法避免作品集壓縮的問題啦！特別是現(xiàn)在很多招聘網(wǎng)站對于作品集的體積控制非常嚴格，設(shè)計師動輒大幾十或者上百兆的作品集簡直爆炸。這個網(wǎng)站可以很好地解決作品集PDF壓縮問題，壓縮質(zhì)量還很高，肉眼正常也是難以分辨出壓縮后的質(zhì)量問題。對于現(xiàn)在很多壓縮網(wǎng)站動不動就是各種收費，這個網(wǎng)站還是值得收藏的。

contrast-ratio-顏色對比

https://contrast-ratio.com/

設(shè)計師在做設(shè)計的時候，特別是視覺設(shè)計，需要用到多種顏色，有時候只能是憑設(shè)計師自己的感覺經(jīng)驗來配色，但是有時候?qū)τ诙喾N顏色的對比度區(qū)分度不高輸出效果并不佳，因此可以借助這個網(wǎng)站，將視覺兩種顏色輸入，網(wǎng)站會自動生成對比度分值，達到一定的分值區(qū)域內(nèi)效果最佳。

tingpng-圖片壓縮

https://tinypng.com/

作為UI設(shè)計的我，工作中經(jīng)常需要大批量處理圖片的壓縮，以降低輸出文件的體積，最經(jīng)常用到的在線壓縮網(wǎng)站tingpng了，一次性可以批量拖拽20張圖片，最重要的是無損壓縮比都在70%~80%左右，效率質(zhì)量感人啊。

Sip-吸色工具

Sip屏幕取色工具真的很強大，是我用過所有取色工具之首了。它可以吸取屏幕上任何你想要的顏色?？梢员Ａ暨^去吸取的20個歷史用色，蠻友好的功能了。

ifonts-字體助手

https://51ifonts.com/client

iFonts字體助手是一款字體管理工具，您可以通過iFonts快速尋找字體，并且一鍵點擊應(yīng)用字體，目前iFonts已收錄708款字體，常用字體很全。

eagle-圖片收集和管理工具

https://cn.eagle.cool/

Eagle 可以輕松收集及整理設(shè)計項目的“案例、靈感、截圖、圖片、視頻、音頻、情緒板”等各種素材，激發(fā)更多創(chuàng)意靈感，讓工作變得更有效率！最早期是使用花瓣采集工具的，但是花瓣經(jīng)常性的系統(tǒng)維護讓我很是奔潰，作為eagle較早的用戶，一直作為自己的靈感管理工具，也是看著eagle功能不斷升級的。

coolors-在線配色網(wǎng)站

https://coolors.co/

對于配色能力較弱的小伙伴，這個在線配色網(wǎng)站還是很實用的，它可以根據(jù)你提供的顏色，自動幫你匹配多種配色方案，同時可以通過導(dǎo)入圖片，來提取想要的色彩組合并下載使用哦！

waifu2x-圖片清晰度處理工具

http://waifu2x.udp.jp/

剛進入這個網(wǎng)站時，差點被這么丑的界面勸退了。但是真實體驗過后發(fā)現(xiàn)還是很實用的，可以將模糊的圖片，清晰化處理，效果還是杠杠的。

iconfont-免費矢量圖標(biāo)網(wǎng)站

https://www.iconfont.cn/

感覺這個不用做過多解釋了，里面收集海量圖標(biāo)資源，幾乎囊括所有類型，這邊更多建議可以作為你設(shè)計圖標(biāo)的靈感參考，并不建議直接下載使用，因為里面的圖標(biāo)設(shè)計規(guī)范不一，還是要根據(jù)自身產(chǎn)品量身定制。

優(yōu)優(yōu)教程網(wǎng)

https://uiiiuiii.com/

這是優(yōu)設(shè)旗下的一個教程網(wǎng)站，里面的免費教程類型還挺豐富的，主要針對的是某個技能點的教程，而不是系統(tǒng)教程，較適合基礎(chǔ)較弱的小伙伴學(xué)習(xí)技能了。免費的資源還是香的。

unsplash-免費高清圖庫

https://unsplash.com/

在做設(shè)計時，經(jīng)常需要用到各種高質(zhì)量配圖，有時候為了找一張高清不版權(quán)的圖片，簡直頭禿。這里推薦的這個網(wǎng)站不僅免費不版權(quán)，而且照片質(zhì)量感人，可以滿足日常設(shè)計需要了。

ls.graphics-免費樣機網(wǎng)

https://www.ls.graphics/free-mockups

設(shè)計師完成設(shè)計作品輸出時，往往需要對作品進行各種包裝，讓作品看起來更加逼格。這個網(wǎng)站有包含UI、VI等多種類型的包裝樣機，直接下載使用即可。

UNdraw-免費插畫庫

https://undraw.co/illustrations

扁平矢量插畫庫，里面收納很多矢量插畫圖，可以直接下載使用編輯的，還是很方便的，對于UI方向使用居多，作為界面的輔助圖形展示效果還是不錯的。

Hitu-解放圖形化設(shè)計生產(chǎn)力

以圖形化設(shè)計資產(chǎn)的形式和大家見面，使用 ETCG 的思路設(shè)計（ETCG 分別是 案例 example ，模板template，組件component ，全局樣式 global style ），包含構(gòu)圖、顏色、寓意等一系列設(shè)計指引，幫助設(shè)計者快速且優(yōu)雅地完成圖形化設(shè)計需求，讓人人都是插畫設(shè)計師?？梢酝ㄟ^下載kitchen使用。

Powered by Froala Editor