分享16个经典的免费UI素材网站

我就是我 2022-12-25 04:56 170阅读 0赞

1.  **免费字体**
    
    [www.fontspace.com][]  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70]  
      
    
2.  **一键AI抠图**
    
    [www.remove.bg/zh][www.remove.bg_zh]  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 1]  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 2]  
      
    
3.  **在线PS工具/可以转换Sketch文件**
    
    [www.photopea.com][]  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 3]  
      
    
4.  **配色类 Color Hunt**
    
    [colorhunt.co][]  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 4]  
      
    
5.  **Adobe Color CC**
    
    配色神器，不解释：  
    [color.adobe.com/zh/create/color-wheel][color.adobe.com_zh_create_color-wheel] ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 5]  
      
    
6.  **Web安全色**
    
    [www.bootcss.com/p/websafecolors][www.bootcss.com_p_websafecolors]  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 6]  
      
    
7.  **LOLCOLORS**
    
    [www.webdesignrankings.com/resources/lolcolors][www.webdesignrankings.com_resources_lolcolors]  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 7]  
      
    
8.  **COLOR**
    
    [color.aurlien.net][]
    
    当你想要找点灵感，点开这个网站，滑动鼠标便可随机显示颜色。  
    ![在这里插入图片描述][20201130172459302.gif_pic_center]  
      
    
9.  **渐变配色**
    
    [uigradients.com/\#PastelOrangeattheSun][uigradients.com_PastelOrangeattheSun]  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 8]
10. **渐变配色2**
    
    [www.bestvist.com/css-gradient][www.bestvist.com_css-gradient]  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 9]  
      
    
11. **中国色**
    
    [zhongguose.com][]  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 10]  
      
    
12. **日本色**  
    [nipponcolors.com][]
    
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 11]  
      
    
13. **免费可商用自定义颜色图表库**
    
    免费、可商用、支持自定义颜色！
    
    [undraw.co/illustrations][undraw.co_illustrations]  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 12]  
      
    
14. **wallhaven壁纸**
    
    壁纸网站收藏这一个就够了！
    
    [wallhaven.cc][]  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 13]  
      
    
15. **免费图片网站**
    
    来两个示例，其他的自己去探索吧。
    
    妈妈再也不用担心我写博客的时候找不到好看又免费的图片了！
    
    [www.pexels.com/zh-tw/videos][www.pexels.com_zh-tw_videos]![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 14]
    
    [pixabay.com/zh][pixabay.com_zh]  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 15]  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 16]

[www.fontspace.com]: https://www.fontspace.com/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70]: /images/20221120/2e3230cf0c49443ba23ecf9d93c1f21c.png
[www.remove.bg_zh]: https://www.remove.bg/zh
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 1]: /images/20221120/514918f8bc46406cb2b8f424c1232fd9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 2]: /images/20221120/08d6a4523edc43099d92de7d5b3459f1.png
[www.photopea.com]: https://www.photopea.com/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 3]: /images/20221120/01f43daddcbb4eeeb5d9ae12bd442154.png
[colorhunt.co]: https://colorhunt.co
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 4]: /images/20221120/4a62e73290404fcb9b620fd8f839466e.png
[color.adobe.com_zh_create_color-wheel]: https://color.adobe.com/zh/create/color-wheel
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 5]: /images/20221120/cba93434d78941c1a4ff0d15c5308c2f.png
[www.bootcss.com_p_websafecolors]: https://www.bootcss.com/p/websafecolors/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 6]: /images/20221120/d1a28e60803f4f65a0834f9f7cfedbcb.png
[www.webdesignrankings.com_resources_lolcolors]: https://www.webdesignrankings.com/resources/lolcolors/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 7]: /images/20221120/766fcd993b014372923e0981f5563359.png
[color.aurlien.net]: http://color.aurlien.net/
[20201130172459302.gif_pic_center]: /images/20221120/00046806ab4d4380b4c380ff6ee898d3.png
[uigradients.com_PastelOrangeattheSun]: https://uigradients.com/#PastelOrangeattheSun
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 8]: /images/20221120/c830b14f676b43899a42f2adf1c9a321.png
[www.bestvist.com_css-gradient]: https://www.bestvist.com/css-gradient
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 9]: /images/20221120/6a789e07b86d42f09ebb0868cbf3fcde.png
[zhongguose.com]: http://zhongguose.com/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 10]: /images/20221120/7142d5bac3594df5b68e44e1dcd72d87.png
[nipponcolors.com]: https://nipponcolors.com/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 11]: /images/20221120/6908a4164a6e4688a985fb51b88df46f.png
[undraw.co_illustrations]: https://undraw.co/illustrations
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 12]: /images/20221120/68eccbc7fc2a4a73b1f1f28d98a7905c.png
[wallhaven.cc]: https://wallhaven.cc/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 13]: /images/20221120/2f2bc351409c4a11ae187aa35aa7c613.png
[www.pexels.com_zh-tw_videos]: https://www.pexels.com/zh-tw/videos/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 14]: /images/20221120/a5be2dd289a64f9480bd8adc5daeb958.png
[pixabay.com_zh]: https://pixabay.com/zh/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 15]: /images/20221120/c65fb47402a848e5b78c42fd5265a960.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70 16]: /images/20221120/bc63b72de035487dbc027c7ffe6c9c26.png