在线网站线框图
按页面顺序添加模块,拖到合适的位置,拖动角点调整大小。点击模块即可修改文字。
使用方法页面草图,一块一块搭
可用语言: 
广告
在线网站线框图: 用途
用现成的模块(页头、横幅、标题、文本、图片、按钮、卡片、表单、视频、页脚和自由框)搭建页面草图,拖到合适位置,拖动角点调整大小,并以 10 像素为单位自动对齐。
选择电脑宽度(1200 px)或手机宽度(390 px),并将线框图下载为 PNG 或 SVG,供客户确认。
使用方法
- 选择页面宽度。
- 添加并拖动模块。
- 将线框图下载为 PNG 或 SVG。
使用场景
- 与客户确认布局。
- 规划落地页。
- UX 和设计课程。
常见问题
什么是线框图?
线框图是页面结构的草图,以灰色呈现,没有颜色、照片或最终文案。它显示各元素(菜单、横幅、行动号召、表单)的位置,方便在投入设计之前与客户或团队确认布局。
如何调整模块大小?
点击模块,拖动右下角的蓝色小方块。模块以 10 像素为单位对齐,便于排得整齐。按 Delete 键可删除所选模块。
可以做手机版吗?
可以。开始前把宽度切换为手机:页面宽度为 390 像素,与常见手机屏幕一致,新添加的模块也会直接采用合适的尺寸。
真的免费吗？
是的，100%免费。无需注册，无需订阅，不限使用次数。所有工具：Tools123是免费的。