现今有非常多的在线工具可以做到所谓「模型」（Mockups）效果，简单来说就是将你要呈现的画面整合到样机上，营造出一种好像是自己拍摄的错觉，对要展示画面来说会有不错的效果，例如 Mockup Photos 提供数千张高画质素材，是我近期最常用的服务；

本文要介绍的「MockDrop」是最近新发掘的免费设备模型服务，由一家名为 ODALINE 国外开发团队维护，这项服务收录许多高质量素材，共同特性是相片里会有设备屏幕可以合成用户想要呈现的画面，依照智能手机、智能电视、平板计算机、笔记本电脑、桌面计算机和穿戴型设备等设备类型进行分类，需要的话可以找找有没有合适的素材。

比较特别的是 MockDrop 所有操作都会在浏览器进行，使用者的相片不会上传，也可以避免一些安全性隐私问题，下载后文件格式为 .jpg 。

MockDrop
网站链接：https://mockdrop.io/

使用教学

开启 MockDrop 网站后会看到所有可以加入相片的模型素材，每个设备画面会标示适合使用的图片大小，当然也不一定要照着尺寸就是了，不过 MockDrop 没有提供裁切或调整范围功能，还是尽量照着比例看起来会比较适切。

从左上角筛选器选择要显示的特定设备类型，像是智能手机、电视、平板计算机、笔记本电脑、桌机或穿戴型设备。

点选要使用的模型素材，单击显示器范围、选择要合成的素材，需要一段处理时间。

完成后就会看到你的相片被整合到设备显示器，点选「download mockup」下载图片档案。虽然预览图右下角会有一个相片来源标示，但下载后的图片不会有任何标示，分辨率极高。

值得一试的三个理由：

免费设备模型服务，可以将画面整合到素材的设备中
提供智能型手机、智能电视、平板计算机、笔记本电脑、桌面计算机等选项
直接在使用者浏览器进行，相片不会上传到第三方服务器

原作者：优设@ 土拨鼠