套用了样机素材的图片
为什么许多设计师会经常搜寻原型样机模板呢？
这是因为我们在设计完成以后，不能把UI作品只停留在电脑软件层面上，毕竟大部分UI设计最终都是要回归和应用到现实场景中的，而原型样机在此时就发挥着重要作用。
本文将为你介绍10个免费好用的样机素材网站，每一个都经过精心挑选，希望你也会喜欢！
01Pixso资源社区
Pixso资源社区，是在线设计工具Pixso推出的开源设计社区，社区目前拥有超过+的设计素材，涵盖样机、插画、矢量图标、UI组件集、设计系统、移动设计、网页设计、线框图、原型设计（元件库）等素材，资源丰富，取你所需。
Pixso资源社区目前暂时没有将「样机」素材作为单独的一项，添加到上方的导航栏中，因此想要查看Pixso资源社区提供的所有样机模板，可点击顶部导航栏的「搜索」图标，在弹出的搜索框输入「样机」，就能看到Pixso资源社区内置的所有样机素材。
点击任意一个样机素材的封面，可以进入素材的详情页，在中间的预览窗口可查看素材中包含的所有样机或模型外观。如果当前的样机符合你的需求，可点击右上角的「复制」，将样机文件复制到Pixso账号的草稿中，可直接在线编辑样机。
在Pixso在线打开样机文件后，从中选择一个你想使用的样机，确定好之后，我们可以选中对应的样机，查看左侧的图层面板，简单分析一下样机的图层：
以下图金色的iPhone12ProMax样机为例，左侧的图层面板有一个名为ChangeMe的形状图层，这个应该就是用于替换为我们的图片或设计作品的占位符。
选中占位的形状图层，接着点击右侧「填充」选项的缩略图，打开「颜色设置」面板，将填充更改为「图片」填充，默认填充的是黑色两色的平铺图，将鼠标指针移动到下方的预览区域，点击「选择图片」，将本地的图片或设计作品上传到Pixso，并填充到样机的占位符中。
将本地的图片填充到样机后，对于图片上方暂时不需要用到的图标或文本内容，可以点击左侧图层面板的「眼睛」小图标，将它们暂时隐藏起来。
完成样机图片的编辑后，用鼠标框选整个样机，点击「导出」选项右侧的加号+，添加导出配置，默认会导出1x(1倍分辨率)、PNG格式的图片，如果想要调整，可点击对应选项的下拉按钮，自定义导出配置的参数，最后点击下方的「导出」按钮，就能将图片下载到电脑本地啦！
除了前面的样机模板，还可以使用下面更具立体风格的样机模板，既有模拟真实产品的彩色样机，也有白模，尽可能满足你的不同需求~
02ls.graphics
ls.graphics，这个网站会提供许多高质量的样机(Mockups)、插画和UI工具集，既有免费也有收费的素材。
打开ls.graphics
转载请注明地址:http://www.1xbbk.net/jwbjj/3456.html
