UI设计师必备！10个免费的UI素材网站推荐。

时间：2023-09-25 03:54:02 | 来源：网站运营

时间：2023-09-25 03:54:02 来源：网站运营

UI设计师必备！10个免费的UI素材网站推荐。：Hello 各位好，我是皮仔。

不少 UI 设计师在开始设计之前，会去到素材网站搜集设计需要用到的各种 UI 素材。皮仔平时在使用 UI 设计素材时，会优先选择那些免费高质量的网站，毕竟免（bai）费（piao）的谁不爱呢，逛完免费网站如果没找到合适的素材，才会考虑开通素材会员。

话不多说，和各位分享皮仔私藏的 10 个好用的 UI 设计素材网站，希望能帮到题主和有相同需求的知友。

01 Pixso 资源社区

Pixso 资源社区，是在线协同设计软件 Pixso 推出的设计社区，提供了 UI 设计经常会用到的各类素材和模板，素材模板不仅质量高，关键还是完全免费的~

素材：矢量图标、插画素材、emoji 表情、3D 图标、样机素材
模板：多款移动端 UI 模板、网页端 UI 模板、国内外众多大厂的 UI 设计规范和设计系统

对于 Pixso 资源社区的模板或素材，可以点击右上角的「收藏」或「复制」，保存到自己的账号中，方便之后需要用到的时候可以随时找回。

将模板复制到个人账号后，点击「打开文件」可以直接调用 Pixso 自带的编辑器，打开刚复制的模板，Pixso 编辑器支持在线编辑模板，且所有编辑操作会自动保存到云端。

每一个 UI 模板包含了多个不同的页面——开屏页、注册页、主页、用户页、搜索页等等，页面中的所有元素都是可以自由编辑的。

点击左侧的「组件」选项卡，可以看到 UI 模板中用到的所有组件，组件可以在文档的多个页面复用，如果你在模板的基础上创建了新的页面，可以优先从中挑选组件作为页面元素，保证整体风格的统一。

模板自有的组件如果不能满足需求，可以切换到「资源」选项卡，调用来自其他组件库的组件，这一点大大提升了 UI 模板的可拓展性，将模板原有组件进行替换，就能得到另外一套不同风格的模板。

对于模板中用到的位图素材，如果想更换为自己更喜欢的图片，可以点击右上角的「插件」，打开内置的 Pexels 图库插件，选中需要更换的图片，点击 Pexels 插件中的图片就能一键更换。

多个模板不同的页面设计，既可以给我们的设计提供灵感，也可以将其中的一些组件复制到自己的项目中，稍加修改就能直接使用，减少不必要的重复劳动。

在线 UI 设计工具 Pixso 目前对所有个人用户免费开放，现在前往 Pixso 官网注册账号，可以使用 Pixso 内置的所有功能和素材资源，且能享受到多项专属权益：无限文件数量、无协作者人数限制、无限云存储空间等等，快来尝试一下吧～

02 Icons 图标网站

① unDraw

unDraw，一个开源免费的矢量素材网站，网站提供了许多简约、风格统一的矢量素材，非常适合用在设计项目中。下载素材时，unDraw 有 svg 和 png 两种格式可供选择。

点击网站右上角的取色器，打开取色器面板，修改面板默认的颜色，可以批量调整所有矢量素材中的主色。

② manypixels

manypixels，同样是一个免版权的矢量素材网站，目前已有的素材数量超过 2500，网站提供的素材格式为 svg 和 png，下载时可根据需要选择相应的格式。

在寻找素材时，manypixels 提供了两个筛选条件——素材目录和类型，目录与素材的使用场景、行业相关，类型则体现为素材的风格（单色、等距立体、双色、扁平等），搜索时搭配使用这两个筛选条件，返回的素材可以更有针对性。

③ WorldVectorLogo

除了前面介绍的两个网站，做设计的过程中，有时还会用到一些品牌的 logo，比如登录页面的微 X 登录或苹果账号登录，就需要用到微 X 和苹果的 logo。

不少人使用其他品牌 logo 时，往往都是从搜索引擎下载 PNG 格式的素材，这样得到的素材要么清晰度不高，要么在使用之前需要进行抠图处理。

WorldVectorLogo，一个专门提供各类品牌 logo 的网站，正如网站的名字，这里的 logo 素材都为矢量格式，可无限放大不失真，一般比较大的品牌，都可以在这里找到矢量格式的 logo。

④ freepik

freepik，一个拥有海量高质量素材的网站，这里的素材分为免费和收费两类，免费素材可用于个人和商业项目。

在搜索素材之前，可设置多个筛选条件：搜索单张素材还是素材合集、免费还是付费、素材的格式（矢量、位图、psd、图标），这样搜索返回的结果可以更符合我们的需求。

在使用 freepik 的免费素材时，需要注明素材的来源，对于不同的使用场景（Web、印刷项目、视频、App/游戏），网站提供了相应的素材来源说明。

03 Mockup 样机模板

① ls.graphics

ls.graphics，一个提供高质量样机模板的网站，这里的样机模板有免费和付费之分，免费样机的质量也非常高，既有平面也有 3D 风格的模板。

网站提供的样机模板一般为 psd 或 sketch 格式，使用之前需要下载到本地。由于这是一个国外的网站，遇到体积比较大的模板，下载需要花费比较多的时间。

② Device Shots

Device Shots，一个可自定义样机模型的在线网站，提供的样机模型包含手机、平板、电脑、显示器、手表。

左侧是样机模板预览界面，右侧是网站提供的模板，点击右侧的样机，可以自由更换使用的样机模型。

点击右侧的「Devices」选项卡，切换到设备页面，点击 Add Device 下拉菜单，可以给左侧的模板添加额外的样机。

左侧的样机模板支持简单的编辑操作，譬如选中其中一个样机模型，按下 Del 键，就可以删除模板中原有的样机，只留下我们刚添加的样机模型。

③ MockRocket

MockRocket，一个在线的 3D 样机工具，可以将制作好的设计作品放到内置的设备中，例如下图的 Macbook Pro，让作品瞬间变得更有立体感。

使用 MockRocket 顶部工具栏中的移动、旋转工具，可以改变样机的位置和旋转角度，这种可交互的设计比常见的样机模板具有更高的自由度，可得到各种不同角度的样机图片。

MockRocket 下方的时间轴还支持给样机设置动画，分别调整样机在起始位置和结束位置的位置或旋转参数，软件就会自动生成顺滑的过渡动画。

导出样机时，MockRocket 提供了两种导出格式：静态图片和视频，图像分辨率最高为 4K，免费用户导出的图片和视频会带有水印。

04 高清图片素材

① Unsplash

Unsplash，国外知名的免版权图片网站，这里的图片基于 CC0 方式进行授权，下载的图片可用于商业目的而不需支付任何费用，最大限度地降低了图片侵权的风险。

Unsplash 提供的图片类型非常广泛，包含：时下热点、电脑壁纸、3D 作品、材质和纹理、艺术、自然、商业、时尚、电影、食物、健康等。

② Pexels

Pexels，一个和 Unsplash 非常相似的网站，这里的素材同样可以免费使用。区别在于，Pexels 额外提供了视频素材，而且网站支持中文搜索，英文不太好的朋友，可以优先来 Pexels 下载图片素材。




以上就是皮仔私藏的 10 个好用的 UI 设计素材网站，希望对你有帮助。




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

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