用PS做圖，除瞭尋找設計靈感，比較費時間的環節就是搜集設計素材啦~
俗話說，巧婦難為無米之炊，要想用 PS 做出優秀的圖片，必然少不瞭高質量的設計素材，這裡皮仔為大傢總結瞭 10 個高質量的設計素材網站。
01 高清圖庫 Unsplash
Unsplash，一個無版權免費的高清圖庫，聚合瞭世界各地的攝影師、設計師、藝術傢等上傳的圖片，圖片主題涵蓋壁紙、3D 渲染作品、材質和紋理、藝術、自然、時尚、電影、食物和飲料等。
Unsplash 的圖片基於 CC0 協議的方式進行授權，你可以免費將圖片用於商業用途，不用擔心存在侵權的風險。
在國內打開 Unsplash 速度較慢，如果忍受不瞭網站的「龜速」，可以使用同類型的 Pexels 或者 Pixabay。
02 Pixso資源社區
Pixso資源社區，是在線設計工具 Pixso 推出的設計資源網站，擁有 3000+ 免費的圖標、插畫、樣機、移動界面和網頁設計模板等，種類非常豐富，這些設計資源既可以作為素材用於項目中，也可以作為我們設計的靈感來源。
- 素材：矢量圖標、插畫素材、emoji表情、3D圖標、樣機素材
- 設計靈感來源：多款移動端UI模板、網頁端UI模板、國內外眾多大廠的UI設計規范和設計系統
Pixso資源社區
在逛 Pixso資源社區時，如果有看到自己喜歡的設計資源，可以點擊資源的封面頁，進入設計資源的詳情頁。
Pixso資源社區 海量設計資源
設計資源詳情頁中間的區域提供瞭一個預覽窗口，點擊窗口左上角的控件，可以從資源的封面頁切換到內頁，在線預覽模板中的版式設計。
如果當前的設計資源符合你的需求，可以點擊右上角的「復制」或「收藏」圖標，保存到自己的 Pixso 賬號中，方便之後需要用到的時候可以隨時找回。
將模板復制到個人賬號後，點擊「打開文件」可以使用 Pixso 自帶的在線編輯器編輯模板內容，且所有編輯操作會自動保存到雲端。
以下圖的模板為例，它為一個登錄頁面設計瞭多款不同的版式，你可以將這些版式作為 PS 做圖的參考，也可以直接編輯當前的模板，模板中包含的元素都是可自由編輯的，將其替換為自己的內容，就能快速產出一張高質量的設計作品。
對於在 Pixso 中完成編輯的圖片，可以用鼠標框選整張圖片，點擊右側面板導出的加號 +，在下方設置導出圖片的分辨率或格式，就能將圖片導出到本地啦！
新一代協同設計工具 Pixso 目前對所有個人用戶免費開放，現在前往 Pixso 官網註冊賬號，可以使用 Pixso 內置的所有功能和素材資源，且能享受到多項專屬權益：無限文件數量、無協作者人數限制、無限雲存儲空間等等，快來嘗試一下吧～
03 矢量 icon 圖標
除瞭位圖素材，在做 UI 設計、logo 設計等項目時，還會經常用到矢量的 icon 素材，這裡介紹皮仔常用的一些矢量 icon 圖標庫。
unDraw
unDraw，一個開源免費的矢量素材網站，網站提供瞭許多簡約、風格統一的矢量素材，非常適合用在設計項目中。下載素材時，unDraw 有 svg 和 png 兩種格式可供選擇。
點擊網站右上角的取色器，打開取色器面板，修改面板默認的顏色，可以批量調整所有矢量素材中的主色。
Icons8
Icons8，是一個老牌的 Icon 圖標素材網站，這個網站最開始隻提供 Icon 圖標，後來擴充瞭素材的類別，包含位圖、插畫、音頻素材。
這個網站會在每年聖誕節推出一套免費的「聖誕」主題插畫素材，如下圖所示，一雙雙可愛圓乎乎的小手拿著各式各樣的禮物。
這套素材不僅設計精美，還提供瞭 5 種膚色的素材，照顧到瞭世界不同地區人群的膚色，可以說非常貼心啦。
這套素材可免費下載使用，不過按照網站的說法，在使用這些圖標時，需要註明這些圖標是來自 Icons8 這個網站的。如果你不想註明來源，也可以選擇購買這套素材。
WorldVectorLogo
除瞭前面介紹的 Icons8，做設計的過程中，有時還會用到一些品牌的 logo，比如登錄頁面的微 X 登錄或蘋果賬號登錄，就需要用到微 X 和蘋果的 logo。
不少人使用其他品牌 logo 時，往往都是從搜索引擎下載 PNG 格式的素材，這樣得到的素材要麼清晰度不高，要麼在使用之前需要進行摳圖處理。
WorldVectorLogo，一個專門提供各類品牌 logo 的網站，正如網站的名字，這裡的 logo 素材都為矢量格式，可無限放大不失真，一般比較大的品牌，都可以在這裡找到矢量格式的 logo。
HQ ICON
HQ ICON，一個從 App Store 獲取應用圖標的網站，可以很方便地下載到不同應用的圖標，隻需要輸入應用名稱，選擇圖標的分辨率——512px 或 1024px，就能得到對應的 png 圖片。
macOSicons
macOSicons，一個專門提供 macOS 和 iOS 應用圖標的網站，現有圖標數量已超過 5000+，這裡既有 App 原生的圖標，也有在原生圖標基礎上再創作的衍生圖標。
macOSicons 提供的圖標尺寸為 1024*1024 px，格式為 PNG，你可以把這些圖標用在設計中，或是用於更換 Mac 應用現有的圖標，讓看膩的 App 圖標煥發新生~
需要說明的是，從這個網站下載得到的圖標格式為 icns，並非我們在設計中常用的 jpg 或 png 格式，想要將 icns 轉換為 jpg 或 png，可以使用免費的在線格式轉換工具 Aconvert。
04 樣機模板 Mockup
不少設計師在完成設計作品後，多數時候都會額外加多一個「操作」，給自己的作品套上一個樣機（Mockup），就像是人們出街之前的精心打扮，希望以此來增強作品的視覺表現力~
與此同時，樣機可以將設計作品置於現實場景中，例如戶外廣告牌、地鐵站臺展示屏、紙質包裝盒等，以結果為導向展示設計作品的最終狀態，可以幫我們免去拍攝和摳圖的工作，既能提升表現力，又能幫我們騰出寶貴的時間，可謂是一箭雙雕。
Pixso資源社區 – 樣機
Pixso 資源社區，是在線 UI 設計軟件 Pixso 推出的免費開源設計資源網站，這裡提供瞭設計中經常會用到的各種素材和模板，包含但不限於：圖標素材、插畫素材、樣機模板、移動端和網頁 UI 設計模板等，其中就包含我們想要的樣機模板。
點擊 Pixso 資源社區頂部導航欄的搜索圖標，在搜索框輸入「樣機」，就能看到社區現有的所有樣機模板。
使用 Pixso 資源社區的樣機模板時，無需將模板下載到本地，因為 Pixso 提供瞭一個可在線編輯樣機模板的設計工具。
在線編輯樣機模板的方法：點擊樣機模板右上角的「復制」按鈕，文件會保存到 Pixso 的工作臺，點擊彈出窗口的「打開文件」，就可以使用 Pixso 在線編輯樣機模板。
樣機模板中包含瞭多種類型的樣機，如手機、平板、筆記本和蘋果全傢桶。
選中其中任意一個樣機模板，雙擊樣機選中內部填充的圖片，點擊右側面板「填充」的縮略圖，左側會彈出一個面板，將鼠標移動到圖片上方。點擊「選擇圖片」，從本地上傳圖片，替換掉樣機模板原有的圖片。
將自己的圖片或作品填充到樣機後，點擊面板左上角的「填充」，可以更改圖片的填充模式，默認為「填充」，設置為其他選項可以得到不同的效果，你可以根據需要自行調整這個選項。
完成編輯後，用鼠標框選整個樣機，點擊右下角「導出」選項的加號 +，下方會自動添加導出 1 倍圖的預設，接著點擊「導出已選項」，就可以將編輯好的圖片導出到本地瞭。
除瞭前面的樣機模板，還可以使用下面更具立體風格的機模板，既有模擬真實產品的彩色樣機，也有白模，盡可能滿足你的不同需求~
ls.graphics
ls.graphics，一個提供高質量樣機模板的網站，這裡的樣機模板有免費和付費之分，免費樣機的質量也非常高，既有平面也有 3D 風格的模板。
網站提供的樣機模板一般為 psd 或 sketch 格式，使用之前需要下載到本地。由於這是一個國外的網站，遇到體積比較大的模板，下載需要花費比較多的時間。
freepik
freepik，一個在國外非常受歡迎的設計素材網站，提供瞭非常豐富的設計資源，例如紋理、背景、矢量圖標、插畫、樣機、logo 等等。
網站的設計也比較周到，左側欄提供瞭多種篩選條件，可以讓我們在搜索樣機模板的同時，對搜索結果進行篩選——價格、文件格式、顏色、風格等，幫助我們更快地找到想要的樣機模板。
Mockupworld
Mockupworld，正如其名，這是一個專門提供樣機模板的網站，樣機的類別包含：紙張和書、海報和圖片、標志和廣告牌、包裝、iPhone、iPad、MacBook、iMac、Apple Watch、Android 設備、食物和飲品、時尚和服裝。
Mockupworld 頂部的標簽欄提供瞭一個免費樣機包的入口「Free Mockup Bundle」，從這裡可以下載到包含多個樣機的資源包，有需要的朋友前往網站下載。
以上分享的 10 個高質量設計素材網站，就是皮仔在平日的工作中經常使用的在線工具，希望能幫到有同樣需求的朋友。
碼字不易，如果對你有幫助的話，請別忘瞭賞個【三連】或是【關註】我哦，關註不迷路！
我是皮仔 @Pixso協同設計，那我們下次再見咯。
