50個(gè)設(shè)計(jì)師/前端工程師必備的寶藏素材網(wǎng)站 - 上篇

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

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

50個(gè)設(shè)計(jì)師/前端工程師必備的寶藏素材網(wǎng)站 - 上篇：

工欲善其事必先利其器，優(yōu)秀的素材網(wǎng)站為產(chǎn)品設(shè)計(jì)師、UI/UX設(shè)計(jì)師帶來設(shè)計(jì)靈感，簡化前端工程師的開發(fā)時(shí)間，以及為用戶提供更好的使用體驗(yàn)。一個(gè)漂亮的用戶界面、一組吸引眼球的圖片、或一個(gè)平衡的調(diào)色板可以極大的提高用戶粘度，也是一個(gè)優(yōu)秀產(chǎn)品的必備特質(zhì)。

下面是我工作中常用的一些免費(fèi)素材網(wǎng)站。我的這個(gè)列表將不包括一些最流行的素材網(wǎng)站，比如Unsplash或者Shutterstock等。畢竟這些網(wǎng)站大家已經(jīng)常使用了。

• 照片與視頻（上篇）
• 插圖（上篇）
• 調(diào)色板（上篇）
• 字體設(shè)計(jì)（上篇）
• 動(dòng)畫效果（下篇）
• 圖標(biāo)（下篇）
• 圖案（下篇）
• 其他工具（下篇）

照片與視頻

Coverr

Coverr免費(fèi)的視頻素材網(wǎng)站，它幾乎涵蓋了各類視頻素材。




Mixkit

Mixkit包括大量的免費(fèi)視頻素材，音樂，聲效，以及視頻模板。




Pexels

Pexels是一個(gè)免費(fèi)的照片素材網(wǎng)站，它時(shí)常為攝影師舉辦挑戰(zhàn)比賽，你可以在上面發(fā)現(xiàn)很多意想不到的好素材。




Photo Creator

如果你找不到想要的人像素材，那你一定要試試Photo Creator。從選擇模特，到挑選背景，再到放入裝飾物品，Photo Creator可以幫助你創(chuàng)造自己的人像照片。




Unscreen

借用AI技術(shù)，Unscreen可以幫助我們刪除、替換視頻、GIF中的背景。




Remove Background

Remove Background可以幫助我們?nèi)コ龍D片中的背景。




Generated Photos

Generate Photos是一款非常好用的人像照片生成工具。




Duotone

Duotone可以將任何圖片轉(zhuǎn)換為雙色調(diào)風(fēng)格。

插圖

Open Peeps

Open Peeps是一個(gè)提供免費(fèi)的100%手繪插畫素材。




Smash Illustrations

另一個(gè)有意思的免費(fèi)插畫素材網(wǎng)站。




Open Doodles

又一款免費(fèi)的插圖素材網(wǎng)站。




Control

Control為我們提供了108組不同主題的插畫素材。




Ouch!

Ouch為設(shè)計(jì)師提供了大量的免費(fèi)插畫素材。




Avataaars Generator

Avataaars Generator幫助我們生成各類有意思的卡通用戶頭像。




Faux Code Generator

Faux Code Generator可以把代碼轉(zhuǎn)換成SVG矢量圖片。

調(diào)色板

Parametric Color Mixer

一個(gè)類似聲音均衡器的調(diào)色板工具。




CSS Gradient

一款CSS漸變代碼生成器，很推薦。




Colorsinspo

Colorsinspo擁有上千種顏色組合。




Color Hexa

ColorHexa可以為任何一個(gè)顏色生成相匹配的色調(diào)組合。




Color Space

Color Space可以為你的項(xiàng)目生成漂亮的調(diào)色板、漸變和匹配的配色方案!




Palettte App

Palettte App為我們創(chuàng)建、分析和編輯平滑的調(diào)色板。




Colorable

Colorable是一個(gè)顏色組合測試應(yīng)用，它可以將我們的顏色方案實(shí)時(shí)展現(xiàn)在一個(gè)網(wǎng)站上。

字體設(shè)計(jì)

Freebiesbug

Freebiesbug提供免費(fèi)的英文字體以及文件。




Fonts Arena

很好的免費(fèi)版英文字體素材網(wǎng)站。




Befonts

同樣是一個(gè)免費(fèi)字體網(wǎng)站，專注于各類藝術(shù)字、花體字。




Fontjoy

Fontjoy可以讓設(shè)計(jì)師輕松匹配不同的字體，并實(shí)時(shí)展示在網(wǎng)站上。




下篇文章，我將為大家?guī)硪恍┦褂玫?b>動(dòng)效、圖標(biāo)、圖案等免費(fèi)素材庫。

瀏覽下篇文章可點(diǎn)擊：未定義變量：50個(gè)設(shè)計(jì)師/前端工程師必備的寶藏素材網(wǎng)站 - 下篇




--閱讀更多文章，請關(guān)注我的公眾號 ：未定義變量