「样机」是什么？相信大部分同学都知道。
百度百科对「样机」做出的解释是：
样机素材是将自己的设计作品应用到一个实物效果图中进行展示，让自己的设计作品看起来更加形象逼真……*@%~#！
说白了，其实就两字：
可以说，每一张不好用的、无处安放的素材，都能找到适合自己的样机！
01 样机有多好用？
最常见的用法是，当 PPT 需要放截图，大部分同学都简单粗暴地把截图扔进去：
如果你下载了好看的样机，就可以轻轻松松做出这样的 PPT：
整个页面的气质一下子就上来了！！
多放几张图给你们感受一下：
有时候，当你做出了一张视效炸裂的海报，也可以试试用样机把海报「装起来」，bigger 立显！
我特地跑去 @兽兽 和 @小覃 的朋友圈里薅了几张图：
▲PPT进阶营-兽兽
▲PPT进阶营-小覃
这么惊艳的样机素材，不用简直后悔一辈子！
那么问题来了——
02 样机去哪里找？
一些设计大神喜欢自己拍照、抠图 DIY 专属样机；
对于小叮这样的懒癌晚期患者来说，更喜欢用现成的样机！
这次我拿出了私藏的【13 个样机素材网站】，链接合集都整理好啦。
手速惊人的同学可以快速滑到文末获取~
如果你嫌 13 个网站太多，不如先了解一下我重点推荐的这 3 个网站！
❶ MockUphone
网址：mockuphone.com
网站样机更新速度比较快，iPhone X、iPhone 8 及 Google Pixel 面世的时候，网站很快就上架了对应的样机~
其他优点包括但不限于：
① 免注册登录就能使用，美滋滋~
② 可以在线生成样机！不用下载一堆源文件啦~
只用点击选择你中意的样机——将图片拖曳到虚线框/直接上传：
当当当！网站就会自动生成素材，超方便 der！
如果你点击下方的「Download My Mockups」蓝色按钮，系统会提示「输入邮箱才能获取下载链接」……好麻烦 = =
8 过机智的我发现，直接右键保存，一样可以快速下载到 PNG 格式的图片！
③「你已经是一个成熟的网站了，要学会自己将图片调整成合适的尺寸大小！」
对尺寸不符合样机显示的图片，系统会自动调整，确保图片不被拉伸变形：
④ 选择不同的样机，所生成的素材也不完全一样，各种角度的都有：
PS：这类样机应用进 PPT 时，记得在 PPT 里设置投影，不然看起来会像浮在半空中~
总之，当你需要电子设备类样机，打开这款宝藏网站准没错！
❷ Threed-3D 样机
网址：threed.io
「3D 样机」听起来很高级，让人联想到复杂的 3D 建模……
但这个网站操作起来却 hin 简单~
① 和 MockUphone 一样，Threed-3D 样机也可以在线上传图片、生成素材，而且会自动将图片调整成合适的尺寸大小！
如果上传的图片尺寸太长，还能手动拖拽图片，自主选择要展示的区域：
② 滚动鼠标滚轮，可以调整将样机拉近、拉远、拉近……
OMG，这心梗的感觉……
③ 其他小功能都在页面最底端一排，包括「让样机躺下」、去掉镜面反光、改变手机颜色背景颜色、去掉阴影……
你们可以都去戳一戳试试！
④ 说了这么多，我最想介绍的还是它能随意改变摆放角度的功能！
拖动样机模型外部，就能更改摆放角度：
▲ 为什么我录了十几遍还是手抖……
瞅瞅这镜面光感，每一秒每一帧都透露着高级感！
摆好 pose，就可以准备下载啦！
特别特别值得注意的是，如果你想要透明背景的样机素材，记得把背景颜色设置为「无」：
▲ 呐，就是点页面下方这个小图标
这样就可以导出一张完美的样机啦~
❸ Mockupplanet-样机星球
网址：mockupplanet.com
样机星球的优点很多了！让我掰着手指头一个个和你说~
① 样机素材真的超！级！全！
包括：logo 样机、浏览器样机、折页样机、名片样机、海报样机、画册样机、服饰样机、电子设备样机、杯子样机、包装样机、VI 样机……
叫「样机宇宙」也不过分吧？
② 网站顶部的分类也特别贴心，夸！
从小英语就没越过及格线的同学，可以使用谷歌浏览器，直接翻译网页~
③ 最厉害的是，在样机数量、分类这么多的情况下，还能保证每款素材都是精品，夸！
④ 下载使用几乎免费（因为我还没有全部下载一遍，所以不能断言 = =）。
关于是否可商用，有些样机明确标注了，有些样机的许可证随素材一起下载到了压缩包里，有些没有说明使用范围……
总之商用需谨慎！
好啦，以上三个网站，都是我的心头爱，希望你们也喜欢！
最最最后，【13 个样机素材网站】的链接合集，给我私信「样机」就能获得啦~
文章为用户上传，仅供非商业浏览。发布者：Lomu，转转请注明出处： https://www.daogebangong.com/articles/detail/How%20ugly%20is%20it%20to%20put%20screenshots%20of%20mobile%20phones%20in%20PPT%20Try%20this%20artifact%20and%20become%20advanced%20in%20a%20second.html
支付宝扫一扫 
评论列表（196条）
测试