12個優(yōu)秀的平面設(shè)計素材網(wǎng)站！平面設(shè)計師看完大呼：絕絕子！

時間：2023-10-07 07:54:01 | 來源：網(wǎng)站運(yùn)營

時間：2023-10-07 07:54:01 來源：網(wǎng)站運(yùn)營

12個優(yōu)秀的平面設(shè)計素材網(wǎng)站！平面設(shè)計師看完大呼：絕絕子?。浩矫嬖O(shè)計師尋找設(shè)計素材，和我們?nèi)粘Ｊ褂盟阉饕嬲腋鞣N信息，其實存在著共通之處，影響我們能否找到好的設(shè)計素材或相匹配的信息，主要取決于兩個因素——

• 搜索范圍：你是在哪些網(wǎng)站中尋找素材/你使用哪個搜索引擎進(jìn)行搜索（如果網(wǎng)站本身的素材數(shù)量不夠多，或是質(zhì)量不行，搜索返回的結(jié)果就很差）
• 搜索關(guān)鍵詞：關(guān)鍵詞描述得越準(zhǔn)確，有更大概率可以找到我們想要的素材或信息

在「搜索范圍」這個維度上，正好皮仔之前使用過不少高質(zhì)量的設(shè)計素材網(wǎng)站，借著這個機(jī)會，整理出了 12 個堪稱平面設(shè)計師必備的素材網(wǎng)站，希望能幫到各位設(shè)計師或有做圖需求的朋友。

01 圖片

Unsplash

Unsplash，一個擁有海量免費(fèi)可商用圖片的高清圖庫，想必也是許多設(shè)計師首選的圖片搜索網(wǎng)站。

在搜索圖片時，Unsplash 支持英文和中文搜索，不過 Unsplash 目前的圖片主要還是由國外的設(shè)計師、攝影師、藝術(shù)家等貢獻(xiàn)的，使用英文進(jìn)行搜索，得到的圖片數(shù)量會更多，可選擇的范圍也會更廣一些。

與 Unsplash 相類似的，還有國外的 Pexels 和 Pixabay 兩個網(wǎng)站，有興趣的朋友可以自行探索。

ColorHub

ColorHub，同樣是一個收錄了許多高清無版權(quán)圖片的網(wǎng)站，官網(wǎng)明確寫著當(dāng)前的收錄數(shù)量為 10W+ 的量級。

ColorHub 雖然圖片數(shù)量比 Unsplash 少很多，但它有一個差異化的設(shè)計：會提取當(dāng)前圖片中包含的顏色，并以色卡的形式顯示在左下角。

如果你看到一個自己喜歡的色調(diào)，可以點(diǎn)擊相應(yīng)的色卡，ColorHub 會按當(dāng)前顏色進(jìn)行搜索，返回對應(yīng)色調(diào)的所有圖片，這在尋找色調(diào)統(tǒng)一的圖片場景就很有幫助。

自帶圖庫的在線設(shè)計軟件 Pixso

Pixso，是一款基于瀏覽器的在線設(shè)計工具，與傳統(tǒng)設(shè)計軟件的不同之處在于，Pixso 在軟件中內(nèi)置了 3 個素材相關(guān)的插件，其中就包含 Pexels 圖庫，打開 Pexels 插件，就能直接插入來自 Pexels 的圖片。

Pexels 圖庫插件提供的圖片涵蓋城市、風(fēng)景、建筑、科技、美食、人物、商業(yè)、動物、背景等類別，點(diǎn)擊標(biāo)簽可以切換到對應(yīng)的類別。

此外，為了在尋找圖片時更有針對性，可以在插件面板頂部的搜索框，輸入想搜索的圖片關(guān)鍵詞，這樣下方返回的圖片就會更接近我們的需求。

與此同時，我們還可以對返回的圖片結(jié)果進(jìn)行篩選，目前這里提供了 2 個篩選維度——圖片方向（圖片尺寸）和圖片主色調(diào)，Pexels 插件搜索結(jié)果默認(rèn)顯示不同尺寸的圖片，點(diǎn)擊全部方向的下拉按鈕，可以將「全部方向」更換為「橫向」、「豎向」或「方型」，讓圖片的尺寸更接近我們最終的使用場景。

當(dāng)然，對于插入到 Pixso 的位圖圖片，如果其尺寸大小不符合我們想要的，可以在選中圖片的狀態(tài)下，點(diǎn)擊頂部菜單欄最右側(cè)的「裁剪」工具，調(diào)出圖片四周的裁剪控件，就可以自由調(diào)整圖片尺寸的大小。

02 矢量 Icons 圖標(biāo)網(wǎng)站

unDraw

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

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

manypixels

manypixels，同樣是一個免版權(quán)的矢量素材網(wǎng)站，目前已有的素材數(shù)量超過 2500，網(wǎng)站提供的素材格式為 svg 和 png，下載時可根據(jù)需要選擇相應(yīng)的格式。

在尋找素材時，manypixels 提供了兩個篩選條件——素材目錄和類型，目錄與素材的使用場景、行業(yè)相關(guān)，類型則體現(xiàn)為素材的風(fēng)格（單色、等距立體、雙色、扁平等），搜索時搭配使用這兩個篩選條件，返回的素材可以更有針對性。

WorldVectorLogo

除了前面介紹的兩個網(wǎng)站，做設(shè)計的過程中，有時還會用到一些品牌的 logo，比如登錄頁面的微 X 登錄或蘋果賬號登錄，就需要用到微 X 和蘋果的 logo。

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

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

freepik

freepik，一個擁有海量高質(zhì)量素材的網(wǎng)站，這里的素材分為免費(fèi)和收費(fèi)兩類，免費(fèi)素材可用于個人和商業(yè)項目。

在搜索素材之前，可設(shè)置多個篩選條件：搜索單張素材還是素材合集、免費(fèi)還是付費(fèi)、素材的格式（矢量、位圖、psd、圖標(biāo)），這樣搜索返回的結(jié)果可以更符合我們的需求。

在使用 freepik 的免費(fèi)素材時，需要注明素材的來源，對于不同的使用場景（Web、印刷項目、視頻、App/游戲），網(wǎng)站提供了相應(yīng)的素材來源說明。

Noun Project

Noun Project，一個擁有超過 300 萬個 icons 圖標(biāo)的網(wǎng)站，且每個圖標(biāo)的質(zhì)量都非常高。

對于搜索返回的結(jié)果，Noun Project 提供了 3 種組織方式，默認(rèn)顯示單個的 icon 圖標(biāo)，點(diǎn)擊下方的 Collections，切換到圖標(biāo)合集，就能看到包含多個圖標(biāo)的一個個合集，合集會提供一個圖標(biāo)的多種樣式，也會帶上與之相關(guān)的其他圖標(biāo)。

如果是后者，在我們?yōu)?App 設(shè)計一套風(fēng)格統(tǒng)一的 icons 圖標(biāo)時就很有參考價值，我們可以從 Noun Project 中尋找現(xiàn)成的圖標(biāo)合集，也可以從中選擇一套用于參考，作為 icon 圖標(biāo)設(shè)計的靈感來源。

03 設(shè)計模板網(wǎng)站

Pixso資源社區(qū)

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

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

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

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

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

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

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

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

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

04 樣機(jī)模板 Mockup

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

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

ls.graphics

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

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

freepik

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

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

Mockupworld

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

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

05 字體

隨著越來越多設(shè)計師和公司加入「造字」的行列，這兩年免費(fèi)可商用的字體可以說呈現(xiàn)「井噴」的趨勢，這讓許多設(shè)計師或者需要做圖的人有了更多的選擇。

皮仔從多款免費(fèi)可商用字體中挑選出 10 款，做成了下面的動圖，各位可以看看哪款字體是你的菜呀(?ˉ?ˉ?)

相信不少人看到這些免費(fèi)可商用的字體，都想知道去哪里下載，或者是想看皮仔會不會給大家提供現(xiàn)成的字體包(*/ω＼*)

但其實不用這么麻煩，因為這些免費(fèi)可商用字體，都內(nèi)置在新一代的在線設(shè)計工具 Pixso 中啦。

在 Pixso 中創(chuàng)建一個新的設(shè)計文件，點(diǎn)擊頂部工具欄的「文本」工具，在文件任意位置單擊，即可輸入文本內(nèi)容。

選中文本內(nèi)容，點(diǎn)擊右側(cè)面板「文本」的字體選項，在打開的面板，就能看到 Pixso 內(nèi)置的所有字體，既有中文也有英文字體，且中文字體還額外提供了字體預(yù)覽，在切換字體之前可以預(yù)覽字體的效果。




目前 Pixso 內(nèi)置的免費(fèi)可商用中文字體包含：




思源黑體、OPPO Sans、包圖小白體、站酷快樂體、胡曉波騷包體、站酷酷黑體、胡曉波男神體、胡曉波真帥體、浙江拙楷體、聯(lián)盟起藝盧帥正銳黑體、沐瑤軟筆手寫體、旁門正道標(biāo)題體、思源宋體、倉耳舒圓體、站酷小薇 LOGO 體、優(yōu)設(shè)標(biāo)題黑、優(yōu)設(shè)好身體、站酷高端黑體、站酷慶科黃油體、站酷文藝體、銳字真言體、自制區(qū)喜脈體、鴻蒙 HarmonyOS Sans SC。

如果內(nèi)置的中文字體沒有包含你想使用的字體，可以切換到字體面板右側(cè)的「本地」選項卡，點(diǎn)擊下方的「字體助手」，安裝 Pixso 的字體助手插件，這樣就可以直接調(diào)用電腦本地安裝的字體。

? Pixso 簡介

Pixso 是國內(nèi)專注創(chuàng)意軟件開發(fā)的萬興科技孵化的新一代在線設(shè)計協(xié)作工具，瀏覽器打開即用，免去下載安裝步驟，支持 Windows、macOS 和 Linux 系統(tǒng)。

Pixso 雖然是一款基于網(wǎng)頁的在線工具，但依托底層的 WebAssembly與 WebGL 性能優(yōu)勢，網(wǎng)頁形態(tài)的 Pixso 一點(diǎn)也不比本地的客戶端軟件弱，集合了原型、設(shè)計（平面設(shè)計、UI 設(shè)計等）、交互、交付等多種功能，可以解決傳統(tǒng)設(shè)計需要用到多款工具的「割裂」問題，打通從產(chǎn)品、設(shè)計到研發(fā)的工作鏈路，讓設(shè)計更流暢、協(xié)作更高效！

? Pixso 個人用戶完全免費(fèi)

Pixso 目前對所有個人用戶免費(fèi)開放，內(nèi)置的所有功能都可以免費(fèi)使用！

現(xiàn)在前往 Pixso 官網(wǎng)注冊賬號，可以享受到 Pixso 會員的所有權(quán)益：無限文件數(shù)量、無協(xié)作者人數(shù)限制、無限云存儲空間、3000+ 免費(fèi)設(shè)計資源任你用等，滿足個人和小型團(tuán)隊在線協(xié)作需求，免費(fèi)享豐富設(shè)計資源和高效協(xié)作體驗！




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

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