UI设计比较好用免费的素材网站有哪些？

时间：2023-12-06 07:12:02 | 来源：网站运营

时间：2023-12-06 07:12:02 来源：网站运营

UI设计比较好用免费的素材网站有哪些？：要说有哪些好用免费的 UI 设计素材网站，收藏过不下 100+ 设计网站的皮仔必须有发言权（๑ `▽´๑)

趁着这个机会，把收藏夹吃灰已久的各种网站，拿出来和大家分享。如果有帮助的话，记得双击屏幕告诉我哦～

模板网站

每个设计师或多或少都会收藏一些模板网站，以备不时之需，UI 设计师也不例外，这里首推一个宝藏般存在的 UI 模板网站——Pixso 资源社区。

Pixso 资源社区，提供了 UI 设计师经常会用到的各类设计素材、模板，包含图标插画素材、设计规范、UI 组件库、高保真原型模板等，质量都非常高，而且完全免费。

UI 设计师在刚接手一个新的项目计时，往往需要先了解对应平台或系统的设计规范，在此基础上可以制作出更符合平台特点、易用性良好的界面设计。

Pixso 资源社区刚好提供了这方面的资源，例如微软的 Fluent Design、腾讯的 TDesign、字节的 Arco Design、蚂蚁的 Ant Design、谷歌的 Material Design 等，一个网站就能 Get 众多平台的设计规范，节约了搜集不同平台设计规范的时间。

此外，Pixso 资源社区中的每一个高保真原型模板，按照页面类型分别进行了设计，所有页面元素和组件都是可自由编辑的，这些模板既可以为你的设计提供灵感，也可以作为素材直接复用到你的项目中。

图片素材

UI 设计中制作高保真原型时，经常需要将线框图中的占位符替换成图片，这时就需要用到各种图片素材。

Unsplash

Unsplash，是国外知名的免版权图片网站，图片质量非常高，上面的图片分类细致，涉及多个题材，包含壁纸、自然风景、艺术、商业等。

由于 Unsplash 是国外的网站，虽然使用中文也能搜索，但搜出来的图片较少且结果不准确，因此搜索图片时建议使用英文。

从外部网站下载图片素材，再将图片导入 UI 设计软件，应该是之前众多设计师在设计时采用的工作流，如果项目需要用到的图片较多，这个看似简单的流程，也会占用比较多的时间。

如果使用内置了图片素材库的 UI 设计软件，例如在线设计工具 Pixso，在需要用到图片的时候，可以直接从内置的 Pexels 图库插入图片，省去了从外部导入素材的步骤，工作效率直接拉满。

样机素材

① ls.graphics

ls.graphics，一个免费提供高质量样机素材的网站，以下图为例，我们看到的实物手机外壳、手机和笔记本电脑白模，都属于上面提到的样机。样机中的绿色图片、彩色形状和文本内容，就是我们的设计作品。

样机可以类比为人的外衣，就像老话说的「人靠衣装」，略显平凡的设计作品因为有了样机的装饰，设计感瞬间就提升了几个档次。

② Smartmockup

前面介绍的 ls.graphics，使用之前都需要把样机文件下载到本地，再用 PS 或 Sketch 打开才能进行编辑。

如果我们急着要为一个作品套上样机，而且电脑没有安装 PS 或 Sketch，此时使用 ls.graphics 就不够高效了。

Smartmockup，一个在线的样机网站，使用起来非常方便，只需要将本地图片上传到网站，就能直接得到一张带有样机的效果图了。

在下载带有样机的效果图时，Smartmockup 提供了 3 种图像质量，多数情况下普通清晰度就够用了。

字体

做设计也离不开字体，优先推荐各位使用免费可商用的字体，不管是自己的个人项目，还是公司内做的事情，以免之后引来不必要的纠纷。

下载免费字体，可以去「猫啃网」，网站提供了单个字体的下载链接，并没有把所有免费字体打包在一起，节省了下载的时间。

此外，使用内置免费可商用字体的设计软件，也可以免去设计前安装字体的步骤。

在线设计工具 Pixso 就是这样一个软件，内置了多个免费可商用的中文字体，例如思源黑体、站酷快乐体、浙江拙楷体等，无需手动安装即可使用，应用到商业设计无侵权风险。

如果 Pixso 的云端字体库不能满足你的需求，还可以安装「字体助手」，从本地导入电脑上安装的字体，给你的设计提供更多样化的选择。

UI 设计灵感网站

① Screenlane

Screenlane，一个提供网页和移动界面设计的灵感网站。网站提供了多个 App 不同界面的多张截图，打开任意一个 App，可以看到 App 在不同状态、交互操作、页面下的所有截图，非常全面地展示了一个产品界面设计的全貌，也能学习到一个产品的设计风格是如何保持统一的。

在网站的左侧边栏，可以页面类型、组件、产品类别、产品名称作为筛选条件，从众多的界面设计作品中，找到符合自己需求的案例。

② CollectUI

CollectUI，一个每日更新 UI 设计灵感的网站，每天都可以获取到前沿、热门的设计资讯，让你灵感不枯竭。

这个网站和上面介绍的 Screenlane 有些相似，网站左侧将所有的 UI 设计作品按照页面类型进行分类，细分为 167 种，包含注册页、登录页、用户档案、分享页、表单页等等。

在寻找设计灵感时，可以根据自己要设计的页面，打开 CollectUI 左侧栏相对应的页面类型，搜集灵感时更有针对性。

③ dribbble

dribbble：发现世界上顶级的设计师和富有创造力的专业人士

dribbble，是国外知名的设计社区，在这里可以看到全球各地的设计师上传的作品，涵盖动画、品牌、插画、移动端设计、印刷品、产品设计、排版设计以及网页设计，设计作品类别非常全面，很适合 UI 设计师用来寻找灵感。

在 dribbble 浏览设计作品时，可以使用网站提供的「筛选」功能，按照标签、颜色、时间、设计作品所使用的工具等维度，来对作品进行筛选，更快地找到符合自己需求的参考作品。




以上就是皮仔收藏夹中私藏已久的素材和灵感网站，希望对你有帮助。

对你有帮助的话，请别忘了赏个【三连】或是【关注】我哦，关注不迷路！

我是皮仔 @Pixso协同设计 ，那我们下次再见咯。