设计神器Freebiesbug！包含图标、样机、模板的超实用UI资源网站

大家发现没有，UI 其实需要的素材不比一张平面设计作品少对吧，icon 占最大头儿，界面之外需要样机去展示大体的展示效果，没有灵感的时候还需要去找些 UI Kit、模板什么的，这些素材找对了，那么工作效率的提升简直火箭式起飞，所以 UI 资源库很重要。可能大家会说了：道理我都懂～但就是找不到免费的、质量高的样机资源网站～哎！你要有这种想法的话今天算是来着了，来吧各位有缘人，马上来了解了解下面这款提升作品质感必备的综合性UI样机资源网站吧！

一、神器介绍

「Freebiesbug」 是一个综合性的免费 UI 素材网站，换句话说，它基本容纳了与UI有关的所有素材类型，像是 icon 图标、字体、UI Kit、WEB 模板、HTML 模板、UI 工具包这种常规的 UI 资源都有，还有免费的素材照片、落地页灵感提供，一站式解决我们的需求：

网站的浏览和获取资源都无需登录注册，进入网站立马可以开始浏览各种样机，虽然是全英文的界面，但是每个单词都十分的通俗易懂，因为都是咱们日常中接触到的高频词汇，所以大家不用担心因语言差异而出现使用障碍。好了，介绍了这么多大概情况，接下来就正式开始向大家介绍网站全面的使用方式！

二、界面内容介绍

网站为了我们的效率着想，把「筛选条件」和「资源展示」分成了一左一右两个区分明显的版块：

除了这两个明显的版块，在左侧「筛选条件」的上面还有「搜索框」的存在，「搜索框」跟平常我们所用的搜索框一样，只需要键入关键词再敲击回车键即可，只是大家最好键入英文，这样搜索比较准确。

「筛选条件」对网站中全部素材进行了详细、准确的分类，我们想要查找哪一类素材，直接点击对应的文字按钮即可：

大家不用担心这两个网站的操作会很复杂，相信我，它们只会比你平常使用的图库更方便！也不用担心这些图片不能商用，这里面的图片都是 CC0 协议，全部可免费商用：

「资源展示」就是展示所选关键词下对应的各种素材，常态下可以了解到资源的名称、标签和源文件类型，但是在鼠标放置在缩略图上之后，还会把资源的大概情况给展示出来：

三、资源获取方式

1、「Mockups（样机）」获取

无论以搜索还是浏览的方式看到了我们想要获取的素材，获取资源的第一步都是需要点击「资源展示」处的缩略图进入到资源详情页中，咱们先以「Mockups（样机）」素材为例，看看都需要什么样的操作：

点击资源缩略图进入到对应详情页之后，会把该样机的所有信息给展示出来，其次也会把该系列样机下所包含的全部样机给显示出来。

但可以看到，详情页里并没有常规的、明显的「Download」下载按钮，那我们应该如何触发下载任务呢？别急，看到详情页中各个样机的展示图了吗，就是它们：

这些展示图就是「Download」按钮的化身，只需要点击这些图片，就可以进入到样机的来源网站进行第二步操作：

第二步是输入地区的邮政编码，这里大家不要觉得很难，事实上随便选择地区、随便填一串数字就能通过验证了，输入后点击「继续」进入第三步：

第三步只需要点击右侧「完成付款」就可以了，之后网站就会把该样机资源发送至第一步我们所填入的邮箱中，去进行最后一步：
在邮箱中找到资源网站所发的邮件，看到上面这张图所示的邮件就可以点击右上角「下载」把资源下载到本地了：

我们先得到的是压缩包，解压后可以得到各种格式的源文件，Fig、PSD、Sketch都有，大家随意挑选！

神器网址

网址：https://freebiesbug.com/psd-freebies/