整理前端常用設計資源

網(wǎng)頁設計

站酷（包含眾多網(wǎng)頁設計）：https://www.zcool.com.cn/search/folder/fix?word=后臺管理

UI世界（更全面的ui作品）：http://www.uishijie.com/ui/

藍湖（高效的產品設計協(xié)作平臺）：https://lanhuapp.com/

Figma（矢量圖形編輯器和原型設計工具）：https://www.figma.com/

Figma中文社區(qū)：https://www.figma.cool/

Readdy（ai網(wǎng)頁設計）：https://readdy.ai/

Pixso（產品設計協(xié)作一體化工具）：https://pixso.cn/

美工吧（提供一站式電商美工導航服務）：https://www.meigong8.com/

顏色設計

Palette（調色板）：https://arco.design/palette/list

ant-design（共計120個顏色，包含12個主色以及衍生色）：https://ant-design.antgroup.com/docs/spec/colors-cn

tailwindcss（tailwind顏色）：https://tailwindcss.com/docs/colors

字體資源

100font（免費商用字體大全）：https://www.100font.com/

開源字體整理：https://note.weizwz.com/resource/font/open-source-font

字圖CDN（免費的中文字體公益 CDN 服務）：https://chinese-font.netlify.app/zh-cn/cdn/

ZSFT（900+款免費商用字體）：https://fonts.zeoseven.com/

字體天下（海量字體免費高速下載，商用需注意許可證）：https://www.fonts.net.cn/

FONTSPACE（150,000+免費外文字體）：https://www.fontspace.com/

圖片資源

Pexels（免費的圖庫，提供眾多高質量圖片和視頻，查看許可證）：https://www.pexels.com/

Unsplash（600W+免費圖片，查看許可證）：https://unsplash.com/

pngimg（包含眾多免費的高清透明PNG素材資源）：https://pngimg.com/

undraw（可調色彩的插畫，支持svg和png格式）：https://undraw.co/illustrations

PATTERN MONSTER（高度自定義svg底紋）：https://pattern.monster/

Hero Patterns（免費的svg底紋合集）：https://heropatterns.com/

圖標資源

匯總：https://note.weizwz.com/resource/image/icon-all

圖片工具

圖片轉BASE64編碼：https://www.jyshare.com/front-end/59/

圖片壓縮和轉化：https://tinypng.com/

圖片轉Excel：https://web.baimiaoapp.com/image-to-excel

在線摳圖去背景：https://www.remove.bg/zh

帶殼截圖：https://mockuphone.com/

在線SVG轉PNG工具：https://uutool.cn/svg2png/

動效設計

LOADING.IO（加載動畫設計）：https://loading.io/

Motion（動畫庫，支持js、react、vue）：https://motion.net.cn/

@vueuse/motion（vue動畫庫）：https://motion.vueuse.org/

Inspira UI（使用Nuxt&Vue構建漂亮的動效組件）：https://inspira-ui.com/

UIVERSE（最大的開源UI庫）：https://uiverse.io/