大家发现没有，UI 其实需要的素材不比一张平面设计作品少对吧，icon 占最大头儿，界面之外需要样机去展示大体的展示效果，没有灵感的时候还需要去找些 UI Kit、模板什么的，这些素材找对了，那么工作效率的提升简直火箭式起飞，所以 UI 资源库很重要。可能大家会说了：道理我都懂～但就是找不到免费的、质量高的样机资源网站～哎！你要有这种想法的话今天算是来着了，来吧各位有缘人，马上来了解了解下面这款提升作品质感必备的综合性UI样机资源网站吧！
「Freebiesbug」 是一个综合性的免费 UI 素材网站，换句话说，它基本容纳了与UI有关的所有素材类型，像是 icon 图标、字体、UI Kit、WEB 模板、HTML 模板、UI 工具包这种常规的 UI 资源都有，还有免费的素材照片、落地页灵感提供，一站式解决我们的需求：
网站的浏览和获取资源都无需登录注册，进入网站立马可以开始浏览各种样机，虽然是全英文的界面，但是每个单词都十分的通俗易懂，因为都是咱们日常中接触到的高频词汇，所以大家不用担心因语言差异而出现使用障碍。好了，介绍了这么多大概情况，接下来就正式开始向大家介绍网站全面的使用方式！
网站为了我们的效率着想，把「筛选条件」和「资源展示」分成了一左一右两个区分明显的版块：
除了这两个明显的版块，在左侧「筛选条件」的上面还有「搜索框」的存在，「搜索框」跟平常我们所用的搜索框一样，只需要键入关键词再敲击回车键即可，只是大家最好键入英文，这样搜索比较准确。
「筛选条件」对网站中全部素材进行了详细、准确的分类，我们想要查找哪一类素材，直接点击对应的文字按钮即可：
「筛选条件」里面只有最后两个项目比较特殊，那就是新上线的「Free stock photos（免费图库）」、「Landing page inspirations（落地页灵感）」，这俩项目点击后会跳转到新的网站中去进行另外的操作：
大家不用担心这两个网站的操作会很复杂，相信我，它们只会比你平常使用的图库更方便！也不用担心这些图片不能商用，这里面的图片都是 CC0 协议，全部可免费商用：
「资源展示」就是展示所选关键词下对应的各种素材，常态下可以了解到资源的名称、标签和源文件类型，但是在鼠标放置在缩略图上之后，还会把资源的大概情况给展示出来：
借着说到「资源展示」的东风，咱们接下来看看与它有关的资源获取方式吧！
无论以搜索还是浏览的方式看到了我们想要获取的素材，获取资源的第一步都是需要点击「资源展示」处的缩略图进入到资源详情页中，咱们先以「Mockups（样机）」素材为例，看看都需要什么样的操作：
点击资源缩略图进入到对应详情页之后，会把该样机的所有信息给展示出来，其次也会把该系列样机下所包含的全部样机给显示出来。
但可以看到，详情页里并没有常规的、明显的「Download」下载按钮，那我们应该如何触发下载任务呢？别急，看到详情页中各个样机的展示图了吗，就是它们：
这些展示图就是「Download」按钮的化身，只需要点击这些图片，就可以进入到样机的来源网站进行第二步操作：
这里我要跟大家说明一下，每一款样机的来源网站都可能是不一样的，这也就意味着我们将会接触到各种各样的下载方式。
不过大家不用担心，这些网站的下载方式都不复杂，就像上图所展示的这款样机一样，它的来源网站下载方式就只需要四步即可。第一步，点击一下右侧黑色的「Download」按钮然后去留下我们的邮箱：
国内的邮箱就能使用，完全没有地区限制！输入邮箱后立即点击「Submit」进入第二步：
第二步是输入地区的邮政编码，这里大家不要觉得很难，事实上随便选择地区、随便填一串数字就能通过验证了，输入后点击「继续」进入第三步：
第三步只需要点击右侧「完成付款」就可以了，之后网站就会把该样机资源发送至第一步我们所填入的邮箱中，去进行最后一步：
在邮箱中找到资源网站所发的邮件，看到上面这张图所示的邮件就可以点击右上角「下载」把资源下载到本地了：
我们先得到的是压缩包，解压后可以得到各种格式的源文件，Fig、PSD、Sketch都有，大家随意挑选！
样机之外的资源，获取方式都是统一的，以UI Kit为例吧，进入详情页之后，我们可以再底部找到「Download freebie」按钮：
只需要点击一下，就可以立即开始下载任务，把资源源文件下载到本地：
对！没有其他更多的步骤，下载完就得到了资源压缩包，解压后就可以得到样机全部文件！十分方便！好瓜坏瓜切开之后才知道对吧，那打开其中一个PSD文件来看看图层区分是不是也很标准：
哎！很标准，是个好瓜！OK，神器的大致使用方式就像上述内容一样了，大家快去寻找自己想要的UI资源吧！
网站里的素材都是人工挑选的优质免费资源，虽然在 Freebiesbug 里没有明确的免费可商用说明，但是在资源各自的源网站里都能找到免费可商用的授权说明，所以大家完全不用担心侵权问题，放心的去寻找资源吧！
- 可以获取大量优质的免费可商用UI素材资源
- 囊括多种UI设计资源，可以满足各种需求
- 无需登录注册，打开网站立即使用
UI 设计所需要的素材一点儿都不比平面海报少，与海报相比，UI更加的精细化，细抠的话 1PX 都对最终效果有着极大的影响，如果大家平常缺失了 UI 资源的收藏，那么这款神器一定不能错过，它一定将会在你以后的工作中起到相当大的作用！链接就在下面，大家快去试试吧！
神器链接：https://freebiesbug.com/psd-freebies/
本文编辑：CCOA
使用过这款神器的朋友也使用过...
非特殊说明，本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译，原作品版权归属原作者，转载请联系 @优优教程网 授权。
转载时请在文首注明，来源 UiiiUiii.com 及教程作者，并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。
继续阅读与本文标签相同的文章：
发表评论 快来秀出你的观点