Duo Studio
开源折叠屏效果图与动画制作工具,浏览器内直接运行
Duo Studio 是一款开源的折叠屏效果图与动画制作工具,完全在浏览器中运行,无需下载或安装任何软件。上传 App 的内外屏截图,选择合适的设备姿态,即可导出用于产品发布的视觉效果素材。该工具提供了详细的中文使用指南和完整的技术规格文档,对国内开发者十分友好。
支持的截图格式与尺寸
支持上传 PNG、JPEG、WebP 格式的图片,单张图片最长边不超过 4096 像素;截图比例不一致时,可选择「适应」模式保留完整图像并留边,或选择「填充」模式直接裁剪铺满屏幕。内屏按横屏 2853×2007 像素、竖屏 2007×2853 像素渲染,外屏为 1398×2034 像素,站立姿态为 2034×1398 像素。这些尺寸基于开源仓库中的设备模型,该模型素材来源为 Apple 官网 iPhone Duo 页面,按场景原始尺寸导出的截图可与真实屏幕逐像素对齐。
丰富的设备姿态选择
该工具目前已支持六种拍摄姿态,包括自由开合、闭合、展开横屏、展开竖屏、坐姿和站立,可满足不同场景下的展示需求。导出时可选择场景原始尺寸、横版 1600×1000、竖版 1080×1350 或方形 1200×1200 四种比例输出,并支持透明背景 PNG 格式,适用于各类设计场景。
本地处理,数据不上传
整个处理流程完全在本地浏览器完成,截图不会上传至任何服务器,所有编辑和导出操作均在本地执行。项目文件可保存为 .duo.json 格式,存储在浏览器本地或自行下载保存。对于需要实时预览的用户,还提供网页模拟模式,可直接输入网站地址,检查该网站在不同折叠姿态下的响应式布局与网页交互效果。
多种导出格式
导出格式包括:PNG 静态图(场景原始尺寸,最高 2853×2007 像素)、MP4 动画(H.264 编码,30fps,最长边最高 1280px)、WebM 动画(VP9 编码,30fps)、GIF 循环(12fps,最长边最高 640px,128 色调色板)以及 ZIP 场景包(每个屏幕槽位一张 PNG,附带清单文件)。所有视频编码能力取决于浏览器是否支持相应格式。动画时长可在 2 至 10 秒之间调节,两端支持停留设置,方便制作更自然的折叠演示效果。
适用人群
该工具主要服务于三类用户群体:移动开发者借助它展示折叠屏 App 在各姿态下的显示效果,设计师用来制作产品发布图和营销素材,产品经理则用于快速生成原型展示。整套工具完全免费使用,无需注册或登录账户,随时打开网页即可开始编辑。
开源与社区
项目已在 GitHub 开源,由社区共同维护。代码、设备素材来源及问题反馈入口均在源码仓库公开,用户可自由提交 Bug 报告和功能建议。中文使用指南和中文规格说明页面进一步降低了国内用户的使用门槛。该工具生成的是 iPhone Duo 风格的视觉效果图,并非 iOS 或原生 App 模拟器,效果图不能作为真机兼容性或 App Store 审核的凭据。
评论与建议
登录 后参与评论或提建议