甲方爸爸说：这个图你需要嵌到样机里给我看，才有真实性嘛。老板说：这个图你需要搞个好看的背景，才能够更加吸引人。于是，你焦头烂额的打开网页下载样机，再打开 PS 把图片嵌入样机。这个时候，隔壁小王早就做好了一切，开始了下一项任务。
小王是怎么做到如此迅速的呢？今天我就给你们来揭晓答案！原来是用了下面这些神器，点开浏览器，上传图片，调整参数，导出！一气呵成，不需要任何下载，也不用打开 PS，就可以得到大气美观的样机界面和背景界面。跟着我一起看看究竟有哪些界面展示神器吧。
mobile mockup
网站链接：https://www.kapwing.com/mobile-mockup
值得一试的理由：
点击即可获得漂亮的移动端模型图，右键即可保存为 PNG 格式的图片。
点击上传图片，虽然网站上传图片的理想尺寸是 360×668，不过网站贴心的提供三种图片嵌入模式：裁切、符合大小、拉伸，不想提前调整图片尺寸的你，在这里可以自行选择~
不想自己输入色号的话，提供的背景颜色和样机颜色搭配也会让你生成一个漂亮的包装界面。样机还自带阴影，让你的素材更加凸显。
screenzy
网站链接：https://screenzy.io
值得一试的理由：
想要漂亮的渐变色背景吗？点击上方链接，各种超好看超潮流渐变色便来到你的怀抱。导出图片的格式为 PNG 或者 JPG 哦。
点击即可上传你的素材，有5 种外框可选，可分别调整背景的颜色、渐变角度、对比度、亮度、背景长度和宽度。
内置 10 种英文字体，便于你添加标题或者说明，5 种模板样式，让你在焦头烂额的时候快速生成过稿背景。
screely
值得一试的理由：
你觉得点击页面，选择素材再上传，这样很麻烦？这个网站拥有 3 种上传素材的模式！可直接拖拽、可点击上传、也可复制图片粘贴上传。
自带色板，可选择你喜爱的颜色应用到背景中去，并且可改变背景的高度和素材占整个页面的比例哦，甲方爸爸说大一点，那我们就乖乖大一点。
虽然没有花里胡哨的边框加持，不过框头是可以选择的，并且可以根据个人的需要开启边框阴影。一切完成之后就可以导出为 JPG、PNG 或者 SVG 格式啦。
mockupphone
网站链接：https://mockuphone.com/#ios
值得一试的理由：
我发誓这是可以满足你 60% 要求的样机素材了，5 大类型，几十种样机模型供你选择，不论是苹果还是安卓，iOS 还是 Windows， 应有尽有。连最新的 iPhone X 也有哦。
选择你需要的样机，根据推荐尺寸载入素材，如果跳过这一步也不要紧，网站会自动调整素材大小，你就可以获得拥有舒适视觉效果的图片。透明的背景便于你进行多样的运用。
一次可以上传多张素材！拖拽、粘贴、点击都可上传素材。右键即可保存，如果想要垂直和水平两种方向的效果，就需要点击下载按钮，输入邮箱，即可获得zip文件。
dimmy
网站链接：https://dimmy.club/
值得一试的理由：
在纠结放在哪一个样机模型里效果最好吗？这个网站，你只要上传你的素材，1秒即可在所有模型里看到效果，点击选择你需要的即可。
上传的素材如果不是那么服帖的话，可以通过覆盖、填充、包含和拉伸进行调配，达到视觉上的最佳效果。紧跟着更改背景颜色和透明度，下载即可导出 PNG 格式的图片。
browserframe
网站链接：https://browserframe.com/
值得一试的理由：
这是一个专为各类浏览器界面包装服务的网站，包含iOS、 Chrome、 火狐和IE等等常用浏览器的页面，最终导出图片的格式为 PNG。
可自行调整填充物的大小、屏幕比例和图片的预览效果。如果要修改背景色、屏幕颜色、屏幕的宽度和高度则需自己手动输入，不过换角度想一想这也是另一种定制方式啦。
screen guru
网站链接：https://screen.guru/
值得一试的理由：
想要把这个网页的图片加进去，但是自己截图总是截不好，要不是左边多一点就是右边少一点，那么这款快速网页截图的生成工具就是你的救星！
首先选用透明背景或自己定制背景颜色，输入想要截图的网址，回车，噔噔噔噔，自动生成网址页面的截图就闪亮登场了，右键保存即可生成 PNG 格式的图片。
如果没有生成出来，记得多尝试几次哦。
shotsnapp
网站链接：https://app.shotsnapp.com/#
值得一试的理由：
终于不是一张背景图上只有样机啦，这个神器自己会有一些简单好看的版式供你选择。不过只是部分的免费哦，包括一些苹果手机、页面、笔记本和台式机，苹果手表也有哦。
这里的样机是可以用鼠标移动的！更改上传素材的对齐方式、样机的大小以及倾斜角度，根据你的想法让呈现出来的界面更加活泼和具有设计感。
可自己上传照片作为背景，如果没有现成的图片又急需的话，这个网站超级贴心的为你关联了免费可商用的图库 Unsplash， 你可以在其中进行选择。
以上都是静态的展示界面，你说好像感觉不够吸引人？想要 3D 和动态的界面展示效果！这里推荐一款神器绝对满足你，需要的设计师们可以自行下载使用，虽然是全英文的，但是超棒的设计师早已经做出了使用教程，让你一看就会，下载链接和使用说明都在下面这篇文章里哦：
《过稿神器！动效视觉堪比苹果宣传片的3D样机DesignCamera》
收藏这篇文章，在急需的时候就不会慌乱啦。运用以上这些神器，相信超级棒的你会在最短的时间内生成最好效果的展示界面哦！
原作者：优设@ 山楂
