酷站两连发！超多免费可商用素材的Stocky+图片展示模版网站

编者按：今天这两个酷站，一个是拥有大量免费可商用素材（图片/音乐/影片）的Stocky，一个是提供免费图片展示模版的Magic Mockups，两个都相当好用，已附上具体教程，建议收藏。

如果你在工作上也会需要合法、安心使用的素材，无论是相片、音乐、影片或向量图，都能在接下来介绍的「Stocky」网站找到。这个网站近期在国外讨论区相当热门，而类似网站也有越来越多的趋势。

Stocky 不仅是一个免费图库，集合相片、影片、音乐及向量图，也就是可以在一个网站中找到所有的素材类型。网站动线非常明确，无须注册登入即可下载。

值得一提的是这些素材并不是从各个网站收录而来，而是由 Stocky 团队制作，释出让所有人免费下载，也就是说你可以使用网站提供的免费相片、在后制影片时加入音乐片段，或将下载的图标用于开发软件、应用程序。

Stocky 的所有内容皆可用于个人或商业用途，无须标注来源、连结回原页面，唯独不可贩卖这些素材，或将它重新打包放在其他网站上供人下载。

Stocky

注：国内打开速度较慢，建议搭梯子访问。

开启 Stocky 网站后，从上方选单点选你要浏览的素材类型，或者直接从首页往下卷动就会持续加载新的内容。

Stocky 的素材收藏方式还蛮好浏览的，例如相片分类下可以找到不同主题为主的相片集，点选后可以预览全部图片，同时会标记出这个主题共有几张相片。

在音乐部分，Stocky 收藏的数量还不算多，但一样能够在线预览试听。

当你点选任何一项素材后，会有更详细说明及预览图，点选下方「Download」按钮即可取得该素材。喜欢的话，亦可利用分享按钮来传送到社群网站。

如果在 Stocky 找不到你要的素材，尽管放马过来！Stocky 团队开放内容要求页面让使用者提交建议，若你需要的主题在网站里找不到，欢迎提供任何想法点子。

Magic Mockups

Magic Mockups 是一款免费模版产生器，可以将屏幕截图画面转化成真实世界场景素材，对于一些新上线的网络服务来说，可能会需要类似相片，但大多数 Mockups Generator 价格并不便宜，因此促成了 Magic Mockups，让使用者能够免费制作自己需要的素材图。

下图是我使用 Magic Mockups 制作的相片范例。

Magic Mockups 内建一般笔电、智能型手机、平板计算机、iMac 等不同主题，比较特别的是有些素材可能有两个屏幕，Magic Mockups 允许在相片里不同屏幕上分别设定不同的网页或撷图，使相片看起来更加真实生动。如果你想同时在一张相片中展示桌面端和手机版画面，那么 Magic Mockups 有一些相片素材可以做到。

这项服务制作出来的素材 100% 免费！采用 CC0 授权没有版权限制，也不用标注姓名出处或连回原网站，且能下载的尺寸非常多样，从最小的 960×640 到长度 5000+ 像素，无论要使用在投影片、设计展示或网站都很适合。

STEP 1

开启 Magic Mockups 网站后，从左侧寻找要使用的相片素材，上方有各种相片分类，点选后相片会显示于网站右侧就能开始进行编辑。

将鼠标光标移动到相片屏幕上方，会显示出该范围支持的相片大小。举例来说，下图显示的屏幕尺寸是 1440×900 ，如果你想获得最好的显示效果，记得准备适当的撷图尺寸大小，超过的话虽会自动缩小相片，其实也是能正确显示，但可能会有一点模糊。

STEP 2

上方有两种加入撷图的方式，一种是上传相片（Upload Image），另一种是输入网址来自动抓取缩图（Capture URL），我建议自己先用截图软件抓好网页或应用程序画面，再把它加载服务里，因为自动抓图方式可能会无法正确显示中文内容。

STEP 3

点选 Magic Mockups 相片里要套用图片的屏幕或上方的「Upload Image」，选择截图后就能上传、整合到相片的特定范围，如果不喜欢此效果，点选相片右边的「X」将它删除重设。

STEP 4

最后，点选上方「Download」来选择你需要的相片尺寸大小，Magic Mockups 提供尺寸包括：960×640、1280×853、1600×1067、1920×1280、3000×2000 和最多 5000+ 像素！

虽然底下较大图片尺寸后方会显示黄色惊叹号图标，但依然可以免费下载，不过因为制作大图会耗费更多服务器资源，Magic Mockups 希望使用者能赞助网站以维持这项服务营运。

「优设酷站22连发！」

1. 免费图库+导航收集站：《酷站两连发！高品质免费图库站+专注WEB/APP导航收集站》
2. 音乐站+字体搜索：《酷站两连发！帮你专心工作的音乐站+谷歌字体在线搜索神器》
3. 渐变色+代码比较：《酷站两连发！渐变色方案全聚合网站+在线代码比较神器》
4. 配色+占位图：《酷站两连发！在线色彩搭配工具+快速生成占位图片器》
5. LOGO下载+字体下载：《酷站两连发！可商用的矢量LOGO下载+平面最爱的27款免费字体》
6. 压缩图片+在线配色：《酷站两连发！在线图片压缩神器+在线配色工具COLOURCO》
7. CSS Hover动画+宠物小精灵配色：《酷站两连发！宠物小精灵专属配色网站+CSS HOVER动画收集站》
8. 美女图片+游戏配色：《酷站两连发！游戏配色网站+免费美女素材特供网站》
9. 在线配色+字体推荐：《酷站两连发！在线配色神器+英文字体推荐网站》
10. 追波作品变代码+16进制颜色：《酷站两连发！用代码呈现DRIBBBLE作品+16进制颜色网站》
11. 无缝纹理+多边形背景：《酷站两连发！专注无缝纹理素材站+多边形背景生成器》

【优设网 原创文章 投稿邮箱：yuan@uisdc.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量150万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com