50 多个免费工具和资源助您打造出色的用户界面（第 2 部分）

在第一篇文章取得成功之后，在你们中的一些人的鼓励下，我决定在本周末花几个小时发布第二部分，其中包含50 多个免费工具和资源，用于创建出色的用户界面。

至于第一篇文章，整个列表已分为不同的类别，包括：

• 工具
• 插图
• 照片和视频
• 排版
• 图像学
• 调色板
• 矢量和形状
• 灵感
• 公用事业

因此，如果您正在寻找一套免费的图标，只需单击上面的“图标”链接即可。

在正式开始之前，我想感谢各位开发者，感谢你们在第一篇博文发布后慷慨地与我分享他们最喜欢的开源项目。如果没有他们的贡献，第二版就不可能问世。

50 多种免费工具和资源，助您打造出色的 UI（第 2 部分）：

工具

响应式

一款辅助响应式 Web 应用开发的 Web 浏览器。可在单个窗口中并排预览所有目标屏幕。

照片

任何人都可以使用的在线、免费 Photoshop 替代品。

免费徽标制作器

几分钟内即可创建漂亮的徽标（由 Namecheap 提供）。

粉彩

Pastel 可以非常轻松地邀请您的客户和队友直接在您的实时网站上留下有用的评论。

异想天开

以思维的速度进行视觉交流——协作流程图、线框、便签和思维导图。

插图

汉兹

HANDZ 是多种手势的免费 3D 插图。

玩具脸图书馆

Toy Faces 是一个趣味十足、内容丰富的 3D 头像库，可供您制作设计模型或个人使用。整个套装售价 10 美元，但您可以免费下载 8 个 3D 头像。

脸红

Blush 让任何人都能轻松为自己的作品添加精美的插画。汇集了来自全球各地艺术家的作品，总有一款适合您，满足您的所有项目需求。

矢量创建者

使用 3000 多个元素创建免费的个性化插图。

多元化头像

多样性头像是由 59 个免费的包容性头像组成的，可用于您的产品、项目或任何您想要的地方。

流线实验室

80 幅免费彩色插图可用于您的演示文稿、应用程序入门或营销网站

照片和视频

Pixabay

超过 100 万张免费高质量照片、视频和矢量图。

玛格德莱娜

精心挑选的免费照片，激发您的灵感。

爆裂

适用于网站和商业用途的精美免费库存照片（由 Shopify 提供）。

重拍

海量独特免费库存照片。精选，非库存。

免费摄影

免费、随意使用、引人注目的图片。

ISO 共和国

数以千计的免费高分辨率 CC0 照片和视频。

马兹瓦伊

精彩的免费素材片段，由专业视频团队精心挑选。授权简单，无需注册。

图像着色器

自动为黑白图像着色。

排版

漂亮的网页字体

仅提供最佳开源字体的指南。

Fontfabric

100% 免费——精美的字体集合——Sans、Serif、Script 等。

字体库

字体库是一个高品质字体库。免费下载并提供优质支持。

100天字体

“100 Days Of Fonts” 是 Do-Hee Kim 的一个项目，他花了 100 多天探索 Google 字体搭配。我个人在需要灵感设计新的Cruip模板时会参考这个列表。

1001种字体

超过 20 万种免费字体，涵盖 12092 个字体系列。可供个人和商业使用，免费下载。

免费排版

最好的免费字体、字形和排版。

图像学

必需品

超过 300 个图标，采用精确的 2px 网格，拥有独特的几何风格。可在任何需要的地方免费使用。

266 个免费响应式图标

免费提供 266 个响应式图标，有 3 种尺寸（16/20/24px），像素完美，专用于界面设计和线框。

材料图标库

免费收集 1000 多个流行图形工具的图标。

独角兽

开源矢量图标和图标字体库。

表格图标

一组超过 550 个免费的 MIT 许可的高质量 SVG 图标，可供您在 Web 项目中使用。

羽毛图标

简单漂亮的开源图标。

调色板

图像转彩色

上传图像以根据图像的原色生成调色板。

快乐的色调

Happy Hues 是一个调色板灵感网站，它作为一个现实世界的例子，展示如何在您的设计项目中使用这些颜色。

颜料

创建完美的渐变调色板并获得灵感来创造美丽的东西。

冷却器

为您的设计生成或浏览漂亮的颜色组合。

彩盒

Colorbox 是 Lyft Design 开发的一款色彩工具，用于产生色彩色调和色度。

皮奇尔

Picular 是一款使用 Google 图像搜索的火箭快速原色生成器。

矢量和形状

形状分隔线

Shape Dividers 使设计师和开发人员可以轻松地为他们的项目导出漂亮的 SVG 分隔线。

三角化

为您的下一个项目调整独一无二的英雄形象。

免费 SVG 地图

数百张免费的 SVG 地图，有高清和低高清两种版本。

Worldvectorlogo

下载您喜爱的品牌的数百个矢量徽标。

罗格利克斯

免费为您的项目提供徽标！无需署名。

灵感

网框

800 个 Web 应用程序屏幕截图，为您的下一个应用程序提供灵感。

SaaS登陆页面

最佳的 SaaS 登陆页面示例，提供设计灵感。

干得好

精选最佳数字产品的展示。

UI设计日报

1000+开源UI设计，每日更新。

莫宾

了解最新的 iOS UI 设计趋势和模式。

UI车库

每日精心挑选的 UI 灵感和模式。

公用事业

调整应用程序大小

只需轻松一键，即可在线转换、优化、裁剪和调整图像大小。免费且无限制。

TinyPNG

智能 PNG 和 JPEG 压缩 - 可同时免费压缩多达 20 张图像！

Favic-o-matic

Favic-o-Matic 生成 .ico 和 .png 格式的图标以及使您的网站在每个浏览器和每个设备上看起来都很棒所需的 HTML 代码。

斯克利利

立即将您的屏幕截图变成漂亮的模型。

偷窥工具

用于设计线框的桌面、平板电脑和移动设备可打印网格。

徽标中的字体

发现您最喜欢的品牌标识所使用的字体。

结论

希望你喜欢这本包含 50 多个免费工具和资源的第二版，它们可以帮助你创建出色的用户界面。你还有其他资源推荐吗？欢迎在下方评论区留言——我们或许会写出第三版 :)