支持手机和桌面视图的网站模型生成器

网站模型生成器

制作带桌面和手机视图的页面线框图，或将截图放入浏览器、笔记本电脑或手机外框。可在浏览器中免费导出 PNG 或打印为 PDF。

一个页面提供两种工具。线框模式用于规划页面：选择版块、调整顺序，并比较桌面和手机布局。设备外框模式用于展示完成的设计：上传截图并放入浏览器窗口或手机外框，用于提案或社交帖子。两种模式都可导出 PNG，且都在浏览器中运行。截图不会上传。

线框模式：勾选页面需要的版块，上下调整顺序，并切换桌面和手机视图。在手机上，栏目会像大多数响应式网站一样堆叠显示。
将线框图导出为 PNG，或打印并选择“另存为 PDF”。
设备外框模式：上传 PNG、JPG 或 WebP 截图（最大 15 MB，单边不超过 8,000 像素）。选择浏览器窗口或手机外框、背景颜色以及可选的地址栏标签。
图片会在浏览器画布中绘制，并以屏幕分辨率的两倍导出为 PNG。
结构确定后，将版块规划发送给 We.Inc 构建器，作为初始说明。

线框图是用灰色方框表示内容位置的规划稿。模型展示完成后的外观，通常会放在设备外框中。本工具通过不同模式提供两者，并为每种导出内容标注类型。

不会。截图会在浏览器中读取和绘制，不会发送给 We.Inc 或任何其他人。

不可以。截取其他网站需要服务器运行浏览器，这个免费工具不具备该功能。请自行截图（浏览器开发者工具可以截取完整页面）后再上传。

可以。使用“打印”，并将打印机选为“另存为 PDF”。PNG 导出会生成图片文件。

免费使用，无需注册，没有水印或使用次数限制。

在宽屏上看起来平衡的布局，在手机上往往会变成很长的滚动页面：三栏功能介绍会变成三个纵向区块，价格表也可能把联系表单挤到很下面。在线框图中切换到手机视图，可以尽早发现问题；调整版块只需点击即可。
设备外框适用于流程的另一端：向客户或社交媒体受众展示完成页面的样子。通常，把普通截图放进简洁外框就足够了。

免费开始 · 无需信用卡