在準備開始設計工作前，為了保證設計工作能夠有條不紊的進行，很多有經(jīng)驗的設計師，都會先做好一些前置的準備工作。比如：找一些可以借鑒的圖片素材、可以使用的圖標、字體等。為了避免出現(xiàn)不必要的版權糾紛。下面給大家分享一些免費白嫖的好資源，建議收藏。

一、免費可商用的圖片網(wǎng)站

1）Pexels

一個免費的高清圖片素材網(wǎng)站，有很多可以供個人和商業(yè)使用的素材，網(wǎng)站根據(jù)素材的類型做了很詳細的分類，用戶可以比較快的找到自己的素材。

基于：CC0協(xié)議

2）Piqsels

和pexels一樣，也是一個免費可商用的圖片網(wǎng)站，網(wǎng)站上的素材質量很高，支持中文檢索，在不用登錄的情況下，就可以下載。

同樣基于CC0協(xié)議。

3）Unsplash

這個圖片網(wǎng)站，沒有直接的中文語言，但是可以使用谷歌的自動翻譯功能。網(wǎng)站有多個圖片分類，支持中文搜索。

基于CCO協(xié)議，可放心使用。

4）Pixabay

個人最喜歡的一個高質量素材站，Pixabay 提供了圖片、視頻、矢量圖。Pixabay 采用了 CC0 協(xié)議，基本上允許你隨意使用它提供的圖片。

二、圖標/插畫/3D資源網(wǎng)站

1）iconpark

字節(jié)跳動旗下的矢量圖標網(wǎng)站，網(wǎng)站目前已有超過2400+圖標。

2）EXPERIENCE JAPAN PICTOGRAMS

這是日本的一個矢量圖標網(wǎng)站，有很多有日本特色的矢量圖標。

3）shapefest

這是一個免費可商用的3D素材庫，網(wǎng)站總共有16萬+的PNG素材。

三、配色網(wǎng)站

1）materialpalette

一個提供線上配色的網(wǎng)站，只需要找到想要搭配的兩種顏色，它就會出現(xiàn)兩種顏色搭配的效果預覽。

2）flatuicolorpicker

一個扁平化UI配色方案網(wǎng)站，多種主色可選，可以很好的激發(fā)你的配色靈感。

3）flatuicolors

一個扁平化設計配色網(wǎng)站，可以吸取復制任何你看中的色彩，還可以免費選擇和下載色值到本地。

4）ColorMe

一個簡單CSS色彩可視化工具，其特點是有非常多的參數(shù)可以設置，包括：透明度、飽和度、色調、亮度、著色、陰影、R/G/B、白色、黑色、對比度的設置等等。

5）Muzli Colors

這個網(wǎng)站可以幫助我們生成和編輯多種配色方案，還可以根據(jù)我們自己的顏色選擇預覽和下載自定義UI工具包。

四、PNG資源

1、pngall

網(wǎng)站提供了很多高質量的png圖片供用戶下載，有28個分類，不過只支持英文檢索，可以配合瀏覽器插件使用。

網(wǎng)站頁面廣告有點多，但基本不影響使用。

2、cleanpng

一個提供高質量透明背景的免費素材庫，網(wǎng)站不支持中文搜索，但是收錄超過 300 萬個具備透明背景的 PNG 圖片,分辨率高，支持依照更新時間、尺寸大小、類型和顏色顯示來篩選素材，可以在更快時間找到合適的圖片。

3、freepik

freepik是目前手機最多免費矢量圖資源的網(wǎng)站之一，分類也很詳細，支持搜索和篩選器，點擊關鍵詞就可以找到需要的矢量圖素材，網(wǎng)站不用注冊就可以免費下載了。

五、實用工具

Billfish

一個專為設計師研發(fā)的素材管理工具，可以幫助我們搭建屬于自己的素材體系，通過添加標簽、注釋、對素材質量進行評分的方式，快速定位到需要的靈感素材。

尤其是當我們在存圖的時候，通過瀏覽器插件功能，可以通過批量收藏、拖拽保存、截圖保存的方式，快速保存頁面上的靈感。

當然，我們也可以把它當做一個看圖軟件。

最后，如果您覺得內容不錯，一定要記得三連哦！