PS做圖，這10個(gè)平面設(shè)計(jì)素材網(wǎng)站，堪稱設(shè)計(jì)利器！

時(shí)間：2023-10-10 03:36:01 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-10-10 03:36:01 來源：網(wǎng)站運(yùn)營

PS做圖，這10個(gè)平面設(shè)計(jì)素材網(wǎng)站，堪稱設(shè)計(jì)利器?。河肞S做圖，除了尋找設(shè)計(jì)靈感，比較費(fèi)時(shí)間的環(huán)節(jié)就是搜集設(shè)計(jì)素材啦~

俗話說，巧婦難為無米之炊，要想用 PS 做出優(yōu)秀的圖片，必然少不了高質(zhì)量的設(shè)計(jì)素材，這里皮仔為大家總結(jié)了 10 個(gè)高質(zhì)量的設(shè)計(jì)素材網(wǎng)站。

寫在前面：如果這篇文章幫到了你，請(qǐng)不要吝嗇您的小手手，記得給這篇文章點(diǎn)個(gè)贊，皮仔在此先謝過各位~

01 高清圖庫 Unsplash

Unsplash，一個(gè)無版權(quán)免費(fèi)的高清圖庫，聚合了世界各地的攝影師、設(shè)計(jì)師、藝術(shù)家等上傳的圖片，圖片主題涵蓋壁紙、3D 渲染作品、材質(zhì)和紋理、藝術(shù)、自然、時(shí)尚、電影、食物和飲料等。

Unsplash 的圖片基于 CC0 協(xié)議的方式進(jìn)行授權(quán)，你可以免費(fèi)將圖片用于商業(yè)用途，不用擔(dān)心存在侵權(quán)的風(fēng)險(xiǎn)。

在國內(nèi)打開 Unsplash 速度較慢，如果忍受不了網(wǎng)站的「龜速」，可以使用同類型的 Pexels 或者 Pixabay。

02 Pixso資源社區(qū)

Pixso資源社區(qū)，是在線設(shè)計(jì)工具 Pixso 推出的設(shè)計(jì)資源網(wǎng)站，擁有 3000+ 免費(fèi)的圖標(biāo)、插畫、樣機(jī)、移動(dòng)界面和網(wǎng)頁設(shè)計(jì)模板等，種類非常豐富，這些設(shè)計(jì)資源既可以作為素材用于項(xiàng)目中，也可以作為我們?cè)O(shè)計(jì)的靈感來源。

• 素材：矢量圖標(biāo)、插畫素材、emoji表情、3D圖標(biāo)、樣機(jī)素材
• 設(shè)計(jì)靈感來源：多款移動(dòng)端UI模板、網(wǎng)頁端UI模板、國內(nèi)外眾多大廠的UI設(shè)計(jì)規(guī)范和設(shè)計(jì)系統(tǒng)

在逛 Pixso資源社區(qū)時(shí)，如果有看到自己喜歡的設(shè)計(jì)資源，可以點(diǎn)擊資源的封面頁，進(jìn)入設(shè)計(jì)資源的詳情頁。

設(shè)計(jì)資源詳情頁中間的區(qū)域提供了一個(gè)預(yù)覽窗口，點(diǎn)擊窗口左上角的控件，可以從資源的封面頁切換到內(nèi)頁，在線預(yù)覽模板中的版式設(shè)計(jì)。

如果當(dāng)前的設(shè)計(jì)資源符合你的需求，可以點(diǎn)擊右上角的「復(fù)制」或「收藏」圖標(biāo)，保存到自己的 Pixso 賬號(hào)中，方便之后需要用到的時(shí)候可以隨時(shí)找回。

將模板復(fù)制到個(gè)人賬號(hào)后，點(diǎn)擊「打開文件」可以使用 Pixso 自帶的在線編輯器編輯模板內(nèi)容，且所有編輯操作會(huì)自動(dòng)保存到云端。

以下圖的模板為例，它為一個(gè)登錄頁面設(shè)計(jì)了多款不同的版式，你可以將這些版式作為 PS 做圖的參考，也可以直接編輯當(dāng)前的模板，模板中包含的元素都是可自由編輯的，將其替換為自己的內(nèi)容，就能快速產(chǎn)出一張高質(zhì)量的設(shè)計(jì)作品。

對(duì)于在 Pixso 中完成編輯的圖片，可以用鼠標(biāo)框選整張圖片，點(diǎn)擊右側(cè)面板導(dǎo)出的加號(hào) +，在下方設(shè)置導(dǎo)出圖片的分辨率或格式，就能將圖片導(dǎo)出到本地啦！

新一代協(xié)同設(shè)計(jì)工具 Pixso 目前對(duì)所有個(gè)人用戶免費(fèi)開放，現(xiàn)在前往 Pixso 官網(wǎng)注冊(cè)賬號(hào)，可以使用 Pixso 內(nèi)置的所有功能和素材資源，且能享受到多項(xiàng)專屬權(quán)益：無限文件數(shù)量、無協(xié)作者人數(shù)限制、無限云存儲(chǔ)空間等等，快來嘗試一下吧～

03 矢量 icon 圖標(biāo)

除了位圖素材，在做 UI 設(shè)計(jì)、logo 設(shè)計(jì)等項(xiàng)目時(shí)，還會(huì)經(jīng)常用到矢量的 icon 素材，這里介紹皮仔常用的一些矢量 icon 圖標(biāo)庫。

unDraw

unDraw，一個(gè)開源免費(fèi)的矢量素材網(wǎng)站，網(wǎng)站提供了許多簡約、風(fēng)格統(tǒng)一的矢量素材，非常適合用在設(shè)計(jì)項(xiàng)目中。下載素材時(shí)，unDraw 有 svg 和 png 兩種格式可供選擇。

點(diǎn)擊網(wǎng)站右上角的取色器，打開取色器面板，修改面板默認(rèn)的顏色，可以批量調(diào)整所有矢量素材中的主色。

Icons8

Icons8，是一個(gè)老牌的 Icon 圖標(biāo)素材網(wǎng)站，這個(gè)網(wǎng)站最開始只提供 Icon 圖標(biāo)，后來擴(kuò)充了素材的類別，包含位圖、插畫、音頻素材。

這個(gè)網(wǎng)站會(huì)在每年圣誕節(jié)推出一套免費(fèi)的「圣誕」主題插畫素材，如下圖所示，一雙雙可愛圓乎乎的小手拿著各式各樣的禮物。

這套素材不僅設(shè)計(jì)精美，還提供了 5 種膚色的素材，照顧到了世界不同地區(qū)人群的膚色，可以說非常貼心啦。

這套素材可免費(fèi)下載使用，不過按照網(wǎng)站的說法，在使用這些圖標(biāo)時(shí)，需要注明這些圖標(biāo)是來自 Icons8 這個(gè)網(wǎng)站的。如果你不想注明來源，也可以選擇購買這套素材。

WorldVectorLogo

除了前面介紹的 Icons8，做設(shè)計(jì)的過程中，有時(shí)還會(huì)用到一些品牌的 logo，比如登錄頁面的微 X 登錄或蘋果賬號(hào)登錄，就需要用到微 X 和蘋果的 logo。

不少人使用其他品牌 logo 時(shí)，往往都是從搜索引擎下載 PNG 格式的素材，這樣得到的素材要么清晰度不高，要么在使用之前需要進(jìn)行摳圖處理。

WorldVectorLogo，一個(gè)專門提供各類品牌 logo 的網(wǎng)站，正如網(wǎng)站的名字，這里的 logo 素材都為矢量格式，可無限放大不失真，一般比較大的品牌，都可以在這里找到矢量格式的 logo。

HQ ICON

HQ ICON，一個(gè)從 App Store 獲取應(yīng)用圖標(biāo)的網(wǎng)站，可以很方便地下載到不同應(yīng)用的圖標(biāo)，只需要輸入應(yīng)用名稱，選擇圖標(biāo)的分辨率——512px 或 1024px，就能得到對(duì)應(yīng)的 png 圖片。

macOSicons

macOSicons，一個(gè)專門提供 macOS 和 iOS 應(yīng)用圖標(biāo)的網(wǎng)站，現(xiàn)有圖標(biāo)數(shù)量已超過 5000+，這里既有 App 原生的圖標(biāo)，也有在原生圖標(biāo)基礎(chǔ)上再創(chuàng)作的衍生圖標(biāo)。

macOSicons 提供的圖標(biāo)尺寸為 1024*1024 px，格式為 PNG，你可以把這些圖標(biāo)用在設(shè)計(jì)中，或是用于更換 Mac 應(yīng)用現(xiàn)有的圖標(biāo)，讓看膩的 App 圖標(biāo)煥發(fā)新生~

需要說明的是，從這個(gè)網(wǎng)站下載得到的圖標(biāo)格式為 icns，并非我們?cè)谠O(shè)計(jì)中常用的 jpg 或 png 格式，想要將 icns 轉(zhuǎn)換為 jpg 或 png，可以使用免費(fèi)的在線格式轉(zhuǎn)換工具 Aconvert。

04 樣機(jī)模板 Mockup

不少設(shè)計(jì)師在完成設(shè)計(jì)作品后，多數(shù)時(shí)候都會(huì)額外加多一個(gè)「操作」，給自己的作品套上一個(gè)樣機(jī)（Mockup），就像是人們出街之前的精心打扮，希望以此來增強(qiáng)作品的視覺表現(xiàn)力~

與此同時(shí)，樣機(jī)可以將設(shè)計(jì)作品置于現(xiàn)實(shí)場(chǎng)景中，例如戶外廣告牌、地鐵站臺(tái)展示屏、紙質(zhì)包裝盒等，以結(jié)果為導(dǎo)向展示設(shè)計(jì)作品的最終狀態(tài)，可以幫我們免去拍攝和摳圖的工作，既能提升表現(xiàn)力，又能幫我們騰出寶貴的時(shí)間，可謂是一箭雙雕。

Pixso資源社區(qū) - 樣機(jī)

Pixso 資源社區(qū)，是在線 UI 設(shè)計(jì)軟件 Pixso 推出的免費(fèi)開源設(shè)計(jì)資源網(wǎng)站，這里提供了設(shè)計(jì)中經(jīng)常會(huì)用到的各種素材和模板，包含但不限于：圖標(biāo)素材、插畫素材、樣機(jī)模板、移動(dòng)端和網(wǎng)頁 UI 設(shè)計(jì)模板等，其中就包含我們想要的樣機(jī)模板。

點(diǎn)擊 Pixso 資源社區(qū)頂部導(dǎo)航欄的搜索圖標(biāo)，在搜索框輸入「樣機(jī)」，就能看到社區(qū)現(xiàn)有的所有樣機(jī)模板。

使用 Pixso 資源社區(qū)的樣機(jī)模板時(shí)，無需將模板下載到本地，因?yàn)?Pixso 提供了一個(gè)可在線編輯樣機(jī)模板的設(shè)計(jì)工具。

在線編輯樣機(jī)模板的方法：點(diǎn)擊樣機(jī)模板右上角的「復(fù)制」按鈕，文件會(huì)保存到 Pixso 的工作臺(tái)，點(diǎn)擊彈出窗口的「打開文件」，就可以使用 Pixso 在線編輯樣機(jī)模板。

樣機(jī)模板中包含了多種類型的樣機(jī)，如手機(jī)、平板、筆記本和蘋果全家桶。

選中其中任意一個(gè)樣機(jī)模板，雙擊樣機(jī)選中內(nèi)部填充的圖片，點(diǎn)擊右側(cè)面板「填充」的縮略圖，左側(cè)會(huì)彈出一個(gè)面板，將鼠標(biāo)移動(dòng)到圖片上方。點(diǎn)擊「選擇圖片」，從本地上傳圖片，替換掉樣機(jī)模板原有的圖片。

將自己的圖片或作品填充到樣機(jī)后，點(diǎn)擊面板左上角的「填充」，可以更改圖片的填充模式，默認(rèn)為「填充」，設(shè)置為其他選項(xiàng)可以得到不同的效果，你可以根據(jù)需要自行調(diào)整這個(gè)選項(xiàng)。

完成編輯后，用鼠標(biāo)框選整個(gè)樣機(jī)，點(diǎn)擊右下角「導(dǎo)出」選項(xiàng)的加號(hào) +，下方會(huì)自動(dòng)添加導(dǎo)出 1 倍圖的預(yù)設(shè)，接著點(diǎn)擊「導(dǎo)出已選項(xiàng)」，就可以將編輯好的圖片導(dǎo)出到本地了。

除了前面的樣機(jī)模板，還可以使用下面更具立體風(fēng)格的機(jī)模板，既有模擬真實(shí)產(chǎn)品的彩色樣機(jī)，也有白模，盡可能滿足你的不同需求~

ls.graphics

ls.graphics，一個(gè)提供高質(zhì)量樣機(jī)模板的網(wǎng)站，這里的樣機(jī)模板有免費(fèi)和付費(fèi)之分，免費(fèi)樣機(jī)的質(zhì)量也非常高，既有平面也有 3D 風(fēng)格的模板。

網(wǎng)站提供的樣機(jī)模板一般為 psd 或 sketch 格式，使用之前需要下載到本地。由于這是一個(gè)國外的網(wǎng)站，遇到體積比較大的模板，下載需要花費(fèi)比較多的時(shí)間。

freepik

freepik，一個(gè)在國外非常受歡迎的設(shè)計(jì)素材網(wǎng)站，提供了非常豐富的設(shè)計(jì)資源，例如紋理、背景、矢量圖標(biāo)、插畫、樣機(jī)、logo 等等。

網(wǎng)站的設(shè)計(jì)也比較周到，左側(cè)欄提供了多種篩選條件，可以讓我們?cè)谒阉鳂訖C(jī)模板的同時(shí)，對(duì)搜索結(jié)果進(jìn)行篩選——價(jià)格、文件格式、顏色、風(fēng)格等，幫助我們更快地找到想要的樣機(jī)模板。

Mockupworld

Mockupworld，正如其名，這是一個(gè)專門提供樣機(jī)模板的網(wǎng)站，樣機(jī)的類別包含：紙張和書、海報(bào)和圖片、標(biāo)志和廣告牌、包裝、iPhone、iPad、MacBook、iMac、Apple Watch、Android 設(shè)備、食物和飲品、時(shí)尚和服裝。

Mockupworld 頂部的標(biāo)簽欄提供了一個(gè)免費(fèi)樣機(jī)包的入口「Free Mockup Bundle」，從這里可以下載到包含多個(gè)樣機(jī)的資源包，有需要的朋友前往網(wǎng)站下載。




以上分享的 10 個(gè)高質(zhì)量設(shè)計(jì)素材網(wǎng)站，就是皮仔在平日的工作中經(jīng)常使用的在線工具，希望能幫到有同樣需求的朋友。




碼字不易，如果對(duì)你有幫助的話，請(qǐng)別忘了賞個(gè)【三連】或是【關(guān)注】我哦，關(guān)注不迷路！

我是皮仔 @Pixso協(xié)同設(shè)計(jì)，那我們下次再見咯。