目录
对于设计师和创意工作者来说,做完作品之后怎么展示,有时候比作品本身还让人头疼。直接发一张平面截图显得太单薄,自己搭场景拍照又费时费力。MockupPhotos 就是为解决这个问题而生的。
这个网站把大量高质量的实景照片做成了可替换内容的模板,覆盖了从手机、电脑、平板、手表到海报、名片、画框等各种载体。用户选好模板后,把自己的设计稿传进去,几秒钟就能生成一张看起来像实拍的产品展示图。
MockupPhotos 曾经是一个付费服务,免费用户只能使用少量素材。后来网站调整了策略,宣布向所有注册用户免费开放全部素材库,不需要再为单张图片付费。虽然下载前需要先注册一个账号,但注册本身是免费的,之后就可以不限次数地使用站内素材。
官网入口地址
下载地址
MockupPhotos 是在线工具,无需下载安装。所有操作都在浏览器中完成,生成的作品通过网页直接下载。
功能介绍
海量样机素材库
网站收录了超过1570个样机模板,来自14位独立创作者。素材类型分为两大类:一类是数字设备,包括iPhone、iPad、MacBook、iMac、Android手机、智能手表、电视显示器等;另一类是印刷品和实体物品,像名片、海报、画框、笔记本封面、广告牌等。基本覆盖了设计师日常展示作品会用到的各种载体。
图片上传替换
每个模板上都有标注好的绿域,用户点击后可以上传自己的图片来替换原有内容。上传后可以拖动调整位置、缩放大小,让设计稿和模板的透视角度尽量贴合。系统会自动处理边缘融合,让合成效果看起来更自然。
网址截图功能
如果想把某个网页的界面效果展示出来,不需要自己先截图再上传。MockupPhotos 支持直接输入网址,网站会自动抓取该页面的截图并套用到模板中。还可以选择抓取PC端还是手机端的显示效果,对于做响应式设计展示特别方便。
多格式导出
完成合成后,可以下载为JPG、PNG或PDF格式。PNG支持透明背景,PDF适合打印用途。图片尺寸可以选原始大图,也可以按需选择中等或小尺寸,甚至自定义分辨率。
免费专区
网站设有 Freebies 专区,专门展示当前可免费的素材。浏览时也可以直接在筛选条件里把价格设为免费,快速找到不需要额外付费就能用的模板。
应用场景
设计作品集展示
把UI设计稿、App界面、网页设计套用到真实的手机或电脑场景中,作品集看起来会专业不少。
文章和PPT配图
写教程、做报告的时候,用样机图来展示截图,比直接贴一张干巴巴的截图要体面很多。
社交媒体内容制作
做产品宣传图、朋友圈配图、视频封面时,用样机模板快速生成有场景感的画面。
客户提案和沟通
给客户看设计方案的时候,用实景合成图比平面稿更容易让对方理解最终效果,减少沟通成本。
电商和广告素材
商品展示图、促销海报、户外广告效果预览,都可以用MockupPhotos快速出图。
使用方法
打开官网后,可以先在搜索框里输入关键词,比如“iPhone”“MacBook”“poster”,或者从分类菜单里按设备类型筛选。找到合适的模板后点进去,页面上会显示可以替换的绿域。
点击绿域,选择上传自己的图片,或者输入网址让系统自动截图。上传后可以调整图片的位置和大小,让内容在模板中显得自然。预览满意后,点击下载按钮,选择格式和尺寸,等待处理完成即可保存到本地。
下载前需要先注册账号。注册流程很简单,填一下姓名、邮箱和密码就行。
服务支持
MockupPhotos 目前对所有注册用户免费开放。过去它采用免费加付费的模式,免费用户只能使用少量标注“FREE”的素材,付费订阅每月29美元或每年228美元可以解锁全部素材库。后来网站宣布调整策略,将原本付费的内容也免费开放给所有用户使用。
网站素材由独立创作者提供,这些创作者通过平台展示自己的作品,网站则负责筛选和整理。如果用户有大量定制需求,或者想要自己拍摄素材上传到平台获得收益,可以关注网站是否有相关的创作者计划。
| 源码反馈/咨询 (共有 条反馈) |
mockup.photos常见问题
MockupPhotos由独立团队运营,素材来源是各地的独立创作者。目前没有息显示它隶属于某家大型公司,更像是一个专注于样机素材领域的独立平台。
是一个在线样机合成工具。你把设计稿传上去,它帮你合成到真实的手机、电脑或印刷品场景照片里,让作品展示图看起来更专业、更有场景感。
打开网站选一个喜欢的模板,点一下图片上的绿域,上传你的设计图或输入网址截图,调整好位置后下载就行。下载前需要注册一个免费账号。
目前网站已宣布对所有注册用户免费开放,核心素材库可以免费。过去曾有付费订阅模式,每月29美元,但现在免费用户也能使用原本需要付费的素材。注册本身不收费。
它是一个正规的在线工具平台,主要功能是在浏览器里合成图片。使用过程中上传的图片主要用于生成效果,网站本身不需要安装软件,也不涉及敏感权限。注册账号只需要基本的邮箱信息。
上传图片前,先把设计稿调整到和模板屏幕比例接近的尺寸,合成后透视会更自然。用网址截图功能时,确保目标网页是公开可访问的,需要登录才能看的页面截不到。下载时如果只是发社交媒体,选中尺寸就够了,没必要下原始大图。
数字设备方面有iPhone、iPad、MacBook、iMac、Android手机、智能手表、显示器、电视等。实体物品方面有名片、海报、画框、笔记本、广告牌、印刷品等。
https://mockup.photos
对于快速出图的需求来说很好用。合成效果取决于上传图片的角度和模板是否匹配,选对模板的话效果比较自然。它不追求影棚级的精准合成,但用于日常展示、文章配图、作品集够用。
网站界面是英文的,但素材本身不限制语言。上传的中文设计稿、中文网页截图都能正常显示,不会出现乱码问题。
是的。浏览和编辑不需要登录,但点击下载的时候会提示注册。注册流程很快,填邮箱和密码就行,之后就可以不限次数下载了。
Smartmockups是另一个同类工具,MockupPhotos的特点是素材更偏实景感,除了电子设备还有比较多印刷品和实体物品的模板。另外MockupPhotos目前是免费开放的,Smartmockups有付费门槛。
用于个人展示、作品集、社交媒体配图一般没有问题。如果用于大型商业广告投放或印刷品发行,建议确认具体素材的授权条款,或者选择有明确商用许可的素材。
网站素材来自持续加入的独立创作者,新的模板会不定期上线。免费专区的内容也会更新,定期来看看有新的可用素材。
可以。站内有大量iPhone和Android手机的模板,把App界面截图传进去就能生成手持设备或桌面场景的展示图。还支持直接输入App网页地址在线截图,省去自己截图的步骤。
支持JPG、PNG和PDF三种格式。JPG适合一般用途,PNG适合需要透明背景的场景,PDF适合打印或需要矢量保留的场合。下载时还可以选择不同的尺寸规格。
合成和下载的处理速度比较快,普通图片几秒到十几秒就能完成。如果选了原始大尺寸,文件体积比较大,下载时间会稍长一些。
普通用户没有自助上传模板的功能。过去网站有MockupCreators计划,允许付费会员上传自己拍摄的素材并获得收益,但这个功能主要面向创作者群体。