发布时间：2022-7-23 分类： 电商动态
今天介绍给您的这两个代购源码网站将允许您直接预览设计草稿在不同设备上的效果，以及iPhone X的显示材料！
MockUPhone
此工具为许多设备提供模型，如iOS，Android，Windows Phone，平板电脑，笔记本电脑，桌面和电视，包括最新的iPhone X，iPhone 8和Google Pixel。
MockUPhone的目的是什么？简而言之，您可以使用您想要使用的设备尺寸，然后上传图像（例如网页或应用程序屏幕的屏幕截图）以将屏幕“嵌入”设备屏幕。
显然，这些图像将被处理并应用于Web开发或其他项目。因此，MockUPhone生成的图像是完全透明的背景图像，可以使图像适合更多不同的彩色背景。用户无需自行删除背景。实用，画质非常高，这项服务完全免费，无需注册即可使用！
打开MockUPhone代购源码网站，您可以从主页顶部的图片中看到MockUPhone生成的示例效果。在iPhone X，iPhone 8和Google Pixel按钮下，您可以快速跳转到特定设备。
该代购源码网站使用不同的平台对设备进行分类。除智能手机和平板电脑外，还有通用电脑和电视。看看Apple产品真的很完整。最早的是iPhone 5，其他如iPhone SE，iPhone 6 Plus，iPhone 7 Plus。等等也可以在代购源码网站上找到。
Android部分包括最新的Google Pixel，Galaxy，HTC One，Moto和Nexus。将光标移动到设备图像上将产生两种不同的效果，直立和水平。
单击以选择要使用的设备后，将图像拖动到代购源码网站的虚线框。请特别注意最佳效果，尝试使用图像的长度和宽度，并根据设备的屏幕尺寸，将显示不同的值。 iPhone X将指定一个1125 x 2436像素的图像，否则如果图像的大小与图像的大小不匹配，则所得图像看起来不正确。
如果上传的图像大小与MockUPhone提示大小不匹配，网页上会出现一个红色的感叹号，虽然它会尝试将图像放入设备中，但效果可能不太理想，所以尝试缩放图像到网页提示的图像。尺寸。
下图显示我将网页的屏幕截图放入MockUPhone提供的设备提供的图像中。我可以看到我的iPhone 6（4.7英寸）的预览，但iPhone X是5.8英寸。放入后，顶部和底部之间会有间隙。
然后我改为MacBook来测试显示效果。我还先拍了照片然后在电脑上完全剪掉了。我选择了代购源码网站1920 x 1200px的推荐尺寸。将MacBook模型放入图片后，结果非常好，看起来就像是直接在计算机上打开网页。
单击下面的“下载我的样机”蓝色按钮以打包并下载生成的图像（某些设备可以一次生成多个图像），但您必须输入电子邮件才能接收下载链接。如果您不想这么麻烦，更快捷的方法是直接保存页面顶部生成的预览图像，这也是一个透明的背景。
值得尝试的三个理由：
即使手边没有设备或专业摄影设备，也可以制作逼真的产品图。
支持各种Apple，Android手机，平板电脑，笔记本电脑，电视和电视。
图片可以自动调整到最适合显示的尺寸。
Dimmy.club
“Dimmy.club”是我最近发现的免费代购源码网站。我可以将屏幕截图，应用程序屏幕等放入预设的库设备中，使其看起来很自然。特别之处在于Dimmy.club没有额外的背景设计。它只是一个设备加上你上传的图像。您可以调整背景颜色甚至透明背景图像。
Dimmy.club可以选择在笔记本电脑，台式机，智能手机或平板电脑上播放照片，包括Macbook，Surface Book，iMac，iPhone，Google Pixel，诺基亚，iPad和HTC Nexus，以及调整显示器。如何渲染图像。
当您打开Dimmy.club代购源码网站时，您可以看到所有可以显示的设备，包括笔记本电脑和台式电脑。
当然，最不可或缺的智能手机和平板电脑现在都可以买到，比如最流行的iPhone，谷歌Pixel等，特别是Dimmy.club可以让我们选择不同的设备颜色，iPhone有玫瑰金，金，银，黑和赭石黑可以切换。选择侧面颜色后，预览将自动切换颜色。
如何将屏幕截图或应用程序屏幕应用于设备以进行预览？这很简单，点击页面顶部的“上传”按钮并选择图片，效果将立即显示在页面上。右侧有多种显示方法，包括：Cover，Fill，Place和Stretch。我不想解释前两个。后两种选择是相似的。在桌布显示模式中，它被居中或扩展以匹配屏幕尺寸。
只需单击按钮即可立即查看效果，因此请选择最适合您的效果。
当然，Macbook，Surface Book和iMac部件也可以直接预览，但图片效果不同，并且有不同的颜色组合可以切换。
应用后，单击所需的图库材料，然后打开较大的预览以切换设置。如果要渲染的效果是展平效果，则可以将“样式”切换为“平面”，从中可以选择不同的背景颜色。如果要创建透明图像，请单击“背景”旁边的框以取消背景。
设置完成后，单击下面的“下载”按钮下载图像。
下图是我用Dimmy.club截图制作的图片资料。它看起来很有质感。我不需要手动打开绘图软件来编辑它。只要有浏览器，它就可以在线完成。我相信它可以解决很多人的需求。我在照片中时无法解决自己的问题。
值得尝试的三个理由：
有各种设备类型，包括桌子，笔记本电脑，手机和平板电脑。
可以调整设备的颜色以使得到的图像更加多样化。
支持背景选择或设置为透明背景。
