赶紧收藏这些网站，为你的下一个 UI 项目做准备吧！🎨

在过去的两三年里，我一直在收藏一些我认为绝对能帮助初学者或专业人士日常生活的网站。这些网站既有指导你如何用色的网站，也有提供高质量插图的网站。为什么只有我应该喜欢这些书签呢？DEV 社区的成员也应该喜欢！😉

注意：如果您以后阅读本文时发现任何链接失效，请在评论区告诉我。我会持续更新。

1. uizard - 加速你的工作流程

将手绘线框自动转换为数字设计文件和前端代码！

2. Line Awesome - 图标

用一行代码将 Font Awesome 替换为现代线条图标。

3. Glaze - 插图

免费插图，应有尽有

4. FreeIllustrations - 插图

为您的精彩登陆页面下载免费的插图背景图像。

5. UpLabs - 设计

UpLabs 是为设计师、创意机构和开发人员寻找高质量设计资源的地方

6.冷却器- 颜色

在几秒钟内创建、保存和分享完美的调色板！

7. Figma YouTube - 视频和教程

Figma 在 YouTube 上的官方频道，在那里分享最佳实践和实践教程。

8. AppLaunchpad - 模型生成器

只需单击几下即可免费创建高质量的产品模型。

9.Material Design Pallete - 调色板生成器

创建调色板，获取实时移动预览以及材料图标和颜色。

10. Artboard Studio - 模型生成器工具

直接在浏览器中使用丰富的资产和模板库来设计、制作动画、协作和展示您的项目。

11.每日UI设计挑战

Daily UI 是一系列日常设计挑战、设计灵感和精美的惊喜奖励。

12. FontPair - 字体资源

FontPair 可帮助您将Google 字体配对在一起。

13.Undesign——设计系列

为制造商、开发人员和设计师收集免费设计工具和资源。

14. SaaS 落地页示例- 设计灵感

发现由顶级 SaaS 公司创建的最佳登陆页面示例，并为您的下一个设计项目获取想法和灵感。

15. DesignValley——设计工具集合

DesignValley 是极致设计工具宝库。立即查找、投票、保存并分享您喜爱的设计工具！

16.颜色和字体- 字体和颜色资源

为 Web 开发人员和数字设计师精心挑选的颜色、字体和资源库。

17. Stylify Me - 风格指南生成器

该工具允许设计师有效地研究站点而无需检查每个元素，以便了解当前的设计趋势并为他们自己的设计决策提供信息。

18. FontSpark - 发现字体

FontSpark 是一款简便易用的工具，可帮助设计师快速找到最适合其项目的字体。通过从精选的热门网页字体列表中随机生成字体，设计师一定能摆脱几乎在每个项目中都使用相同三四种字体的习惯，找到最适合其下一个网站或设计的字体。

ColorSpark来自同一个创造者，但它适用于颜色和渐变。

19. Designs Systems Repo - 设计系统资源

经常更新的设计系统示例、文章、工具和演讲的集合。

20. CalColor - 颜色计算器

管理数字色彩的全新方式。告别抽象的色彩模型，专注于重要的事情。

21.免费设计资源- 免费设计资源

免费提供高品质设计资源。由全球优秀艺术家和专业设计师倾情打造，涵盖字体、模型、图形、模板等各种资源。

22. Endless Icons - 免费图标库

EndlessIcons 的创建是为了与设计社区分享图标和创意作品。

23. Sideway——设计灵感

展示已发布的数字设计作品的设计师社区。

24. Gradientify - SVG 图标

专为渐变爱好者制作的交互式免费 SVG 图标包！

25. Orion - 图标库

具有大量自定义功能的独特图标库。

26. Interfacer - 免费设计资源

Interfacer 是一个高质量的免费设计资源库，由互联网上最有才华、最优秀的人创建。您可以将它们全部用于商业项目。

27.收集UI-设计灵感

每日灵感，源自每日 UI 存档及其他资源。精心挑选，每日更新。

28.设计系统游乐场- 主题生成器

使用字体和颜色来生成可以在项目中使用的设计系统主题。

29. Wireframer - 线框图

Wireframer 允许您自定义项目的文本线框，以生成 SVG 代码或将其下载为 SVG 文件。它还有一个Figma 插件。

30. UI8 - 设计资源

3,914 个精选设计资源，为您的创意工作流程注入活力

看起来我们已经受够了...但这里还有更多（没有图片）：

1. Freebies.ByPeople——免费设计资源
2. 人类- 个人网页灵感
3. Invision DSM - 设计系统经理
4. UI 好东西- 设计资源
5. 获取波形- SVG 波形发生器
6. Rive - 动画和设计工具
7. UI商店设计- UI工具包
8. Khroma - AI色彩工具
9. Eva 设计系统- 深度学习颜色生成器
10. Maze - 用户测试平台

感谢@venkateshaj14，我们获得了另一个名为Colors UI的工具- 一个包含 1000 多个调色板的集合。

📫 订阅我的每周开发者新闻通讯 📫

附言：从今年开始，我决定在 DEV Community 上写作。之前，我在 Medium 上写作。如果有人想看看我的文章，可以看看我的 Medium 个人资料。