目录
QURB 是一个独立开发者做的网页工具,定位很明确——解决一个具体的痛点:截图太单调,但为了加个手机外框去开专业软件又不太值。它的出现就是为了让“给截图套个设备模型”这件事变得足够简单,简单到不需要思考。
工具采用的是网页技术来实现设备外框的渲染,所以打开就能用,不依赖特定操作系统。虽然它支持的机型不是的,主要是 iPhone X/XS/Max、iPad、MacBook 以及 Galaxy Note 这些,但外框的细节做得比较到位,放在文章里或者社交平台上展示,视觉效果是够用的 。
隐私方面,QURB 承诺添加截图时不会把图片上传到任何未经授权的第三方平台或服务 。这一点对于处理包含个人信息或者尚未发布内容的截图来说,是比较让人放心的。
官网入口地址
下载地址
QURB 是纯网页工具,不需要下载安装。在浏览器里打开官网就能直接用。
功能介绍
多种设备模型可选:内置了 iPhone X、XS、Max、iPad Mini、MacBook Pro 以及 Galaxy Note 等机型的设备外框 。你只需要根据自己截图的内容来源,选择对应的设备模型就行。
颜色选择:部分设备模型支持切换外框颜色,比如深空灰、银色这类选项,可以根据你的截图色调来搭配 。
一键上传与预览:点击 Add Screen shot 上传截图后,页面会实时显示带设备外框的效果。不满意可以随时用 Change Screen shot 换一张图 。
保存为 PNG:确认效果后点 Save mockup 就能把成品保存下来,格式是 PNG,文件名可以自己命名 。
无需注册登录:整个过程不需要创建账号,不收集你的个人信息。
应用场景
软件教程和测评配图:写操作步骤或者 App 测评的时候,把截图套上手机外框,读者一眼就能看出这是在手机上的画面,比裸截图更清晰易懂 。
社交媒体内容制作:发微博、小红书或者公众号的时候,带设备外框的截图看起来更像“作品展示”,而不是随手截的图,视觉上的专业感会提升。
作品集和提案展示:设计师或者产品经理在展示移动端设计稿时,用设备外框包一层,能让方案看起来更完整、更有说服力。
个人博客和文章插图:博客文章里插入手机截图的时候,加个外框会让排版看起来更讲究。
使用方法
第一步:打开官网。浏览器访问 qurb.rishimohan.me 页面加载后默认显示的是 iPhone X/XS/Max 模型。
第二步:选择设备。在页面顶部或者侧边找到设备选项,点选你需要的机型。如果你不确定选哪个,就按截图的来源来——手机截的选手机,电脑截的选笔记本或平板。
第三步:上传截图。点击 Add Screen shot 按钮,从电脑里选一张截图文件上传。上传后页面会自动把截图嵌进设备外框里,同时显示预览。
第四步:调整和更换。如果想换一张图,点 Change Screen shot 重新上传。如果机型有颜色选项,可以试一下不同颜色看看哪个更搭。
第五步:保存。点 Save mockup 按钮,选择保存位置,成品是一个 PNG 文件,文件名可以自己改 。
服务支持
QURB 免费,没有会员,也没有隐藏的付费项。它是一个个人项目,没有专门的客服渠道。如果你在使用中遇到问题,可以尝试更换浏览器,或者在官网页面找找有没有反馈入口。由于是国外站点,国内访问如果遇到加载慢的情况,属于正常现象。
| 源码反馈/咨询 (共有 条反馈) |
QURB常见问题
QURB是一个独立开发者做的个人项目,域名里的rishimohan就是开发者的名字。它不是公司产品,也没有背后的大团队在运营。
它的作用是把你的手机截图或者电脑截图,放进一个设备外框里,让图片看起来像是设备屏幕上的展示效果。主要用在教程配图、社交媒体分享、作品展示这些场景,让截图看起来更专业一点。
免费,打开官网就能用,没有会员等级,也没有收费计划。整个流程不需要注册账号,上传截图、生成模型、保存下载,都不花钱。
打开官网,选一个设备模型,比如iPhoneX。然后点上传按钮把截图传上去,工具会自动把截图嵌进外框里。觉得效果可以就点保存,下载一个PNG图片。想换图就点更换按钮重新上传。
主要覆盖了iPhoneX、XS、Max,还有iPadMini、GalaxyNote和MacBookPro这些机型。机型不算很新,但基本够用,尤是做一般的展示配图。
QURB承诺上传的截图不会发送到任何未经授权的第三方平台或者服务。它本身是一个纯前端工具,图片处理在你的浏览器里完成,不上传到服务器。不过考虑到这是个人项目,如果截图里包含非常敏感的信息,建议还是自己判断一下。
不需要。打开就能用,全程没有登录步骤,也不要求你填邮箱或者创建密码。
保存下来是PNG格式,文件名可以自己设置。PNG的好处是背景透明,放到任何颜色的底上都不会有白边。
可以打开,但操作不太方便。上传截图和选择设备在电脑上更顺手,而且QURB本身主要是给电脑端用户做配图用的,电脑上用更合适。
QURB更简单,打开就能用,不用学Photoshop的图层和蒙版。但QURB能做的也有限,就是套个外框、换个颜色。Photoshop可以做更复杂的透视、光影和合成效果,适合专业设计师做精细的作品。
外框是用网页技术渲染的,边缘比较干净,放大看也不会模糊。不过它用的不是高清设备照片,而是偏矢量风格的外框,所以细节上不会像真实设备照片那么逼真,但用在网页和社交媒体上够看。
界面是英文的,但操作很简单,只有几个按钮,不需要看懂太多文字也能用。上传、更换、保存这几个操作,用过一次就记住了。
工具本身不限制你用在什么地方。但如果你截图里的内容是别人的版权作品,商用就需要获得授权。设备外框本身是QURB提供的,用在商业项目里一般没有额外限制,但建议自己确认一下使用场景。