ui大神們給推薦幾個素材的網(wǎng)站？

時間：2023-12-06 11:24:01 | 來源：網(wǎng)站運營

時間：2023-12-06 11:24:01 來源：網(wǎng)站運營

ui大神們給推薦幾個素材的網(wǎng)站？：說是 UI 大神，皮仔還不敢當(dāng)，只是一個剛玩本站的小透明?·??·?? 水平遠沒達到大神的地步

正巧這段時間在狂補 UI 設(shè)計的芝士，收藏了不少實用的素材網(wǎng)站，趁著這個機會，整理一番拿出來和大家分享，希望能幫到各位鴨~

UI 模板網(wǎng)站

設(shè)計師的收藏夾啥都可以少，唯獨不能少了模板網(wǎng)站，備好模板網(wǎng)站，關(guān)鍵時刻還能解設(shè)計師的「燃眉之急」。

試想當(dāng)你準備下班回家時，突然來了一個需求，不做也不是辦法，完全從零開始做也不是理智的選擇，比較取巧的辦法就是，在模板的基礎(chǔ)上修修改改，或是將模板中可用的內(nèi)容復(fù)用到自己的項目中，實現(xiàn)快速出圖。

話不多說，推薦一個免費好用的 UI 模板網(wǎng)站——Pixso 資源社區(qū)，這里提供了 UI 設(shè)計師經(jīng)常會用到的各類設(shè)計素材、模板，包含圖標插畫素材、設(shè)計規(guī)范、UI 組件庫、高保真原型模板等，質(zhì)量都非常高，而且完全免費。

社區(qū)中的每一個 UI 模板，不止是只有一個封面，模板內(nèi)也包含了多個不同的頁面，例如產(chǎn)品首頁、分類頁、詳情頁和用戶頁面等。

頁面中包含的所有元素，都是可以自由編輯的，在使用模板時，可以逐一替換模板中的內(nèi)容，也可以選取模板局部的元素或組件，將其復(fù)制到自己的項目中，在此基礎(chǔ)上做進一步的修改。

在編輯模板的過程中，如果需要更換模板中使用的圖片素材，可以使用 Pixso 內(nèi)置的素材插件——Pexels，直接獲取來自免版權(quán)圖庫 Pexels 的高清圖片，一步到位，省去了從外部網(wǎng)站下載再導(dǎo)入軟件的步驟。

Pixso 目前對所有個人用戶和企業(yè)用戶免費開放，現(xiàn)在前往 Pixso 官網(wǎng)，可以享受到 Pixso 的所有功能：無限文件數(shù)量、無協(xié)作者人數(shù)限制、無限云存儲空間等等，快來嘗試一下吧～

高清圖片網(wǎng)站

① Unsplash

Unsplash，是國外知名的免版權(quán)圖片網(wǎng)站，圖片質(zhì)量非常高，上面的圖片分類細致，涉及多個題材，包含壁紙、自然風(fēng)景、藝術(shù)、商業(yè)等。

由于 Unsplash 是國外的網(wǎng)站，雖然使用中文也能搜索，但搜出來的圖片較少且結(jié)果不準確，因此搜索圖片時建議使用英文。

② logosc

Logosc，是一個免版權(quán)圖片聚合搜索網(wǎng)站，輸入一個關(guān)鍵字，可以獲取來自多個免版權(quán)網(wǎng)站的圖片，包含 Unsplash、Pixabay 和 Pexels 等網(wǎng)站，支持中英文搜索。

如果你用不慣前面介紹的 Unsplash（需要使用英文進行搜索），可以換到 logosc，而且這個網(wǎng)站是國內(nèi)的網(wǎng)站，在加載速度方面比 Unsplash 更快。

免摳圖片素材

平面設(shè)計中，經(jīng)常需要對拿到的素材進行處理，其中就有一個非常高頻的操作「摳圖」，即摳去素材的背景，得到一個包含透明背景的素材，方便與其他素材做進一步的加工。

如果你不會摳圖或者懶得摳圖，使用現(xiàn)成的包含透明背景的素材，是一種比較討巧的方法。

下面介紹兩個專門提供免摳素材的網(wǎng)站：

① CleanPNG

在 CleanPNG 中尋找素材時，可以使用英文關(guān)鍵字進行搜索，也可以點擊網(wǎng)站頂部的主題，例如水彩、秋天、萬圣節(jié)、感恩節(jié)和新年主題，從合集中找到合適的素材。

② pngimg

pngimg，同樣是一個免摳素材網(wǎng)站，網(wǎng)站頂部列出了現(xiàn)有的免摳素材數(shù)量，累計超過 10 萬+。

網(wǎng)站按照英文字母 A-Z 的順序，展示所有和素材相關(guān)的名詞或關(guān)鍵詞，搜索素材時，可以按字母順序來找，也可以使用頂部的搜索功能進行搜索。

樣機素材

制作好的 UI 設(shè)計作品，在呈現(xiàn)給最終的用戶或客戶之前，往往還需要經(jīng)過一個「包裝」的環(huán)節(jié)，給作品套上相匹配的樣機外殼，增強作品的表現(xiàn)力。

① ls.graphics

ls.graphics，一個免費提供高質(zhì)量樣機素材的網(wǎng)站，以下圖為例，我們看到的實物手機外殼、手機和筆記本電腦白模，都屬于上面提到的樣機。樣機中的綠色圖片、彩色形狀和文本內(nèi)容，就是我們的設(shè)計作品。

樣機可以類比為人的外衣，就像老話說的「人靠衣裝」，略顯平凡的設(shè)計作品因為有了樣機的裝飾，設(shè)計感瞬間就提升了幾個檔次。

② Smartmockup

前面介紹的 ls.graphics，使用之前都需要把樣機文件下載到本地，再用 PS 或 Sketch 打開才能進行編輯。

如果我們急著要為一個作品套上樣機，而且電腦沒有安裝 PS 或 Sketch，此時使用 ls.graphics 就不夠高效了。

Smartmockup，一個在線的樣機網(wǎng)站，使用起來非常方便，只需要將本地圖片上傳到網(wǎng)站，就能直接得到一張帶有樣機的效果圖了。

在下載帶有樣機的效果圖時，Smartmockup 提供了 3 種圖像質(zhì)量，多數(shù)情況下普通清晰度就夠用了。




以上就是皮仔收藏夾私藏的素材網(wǎng)站，希望對你有幫助。

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

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