设计网格
根据参考图像创建结构化网格覆盖，以实现清晰的对齐、间距和构图。
从图像生成清晰的设计网格，以实现布局、对齐和一致的间距。非常适合 UI 模型、海报、产品表和结构化组合。
网格输出会适应您的图像比例并突出显示主要的结构线，帮助您建立一致的间距和视觉层次结构。
输入 - FILE FORMATS
图像、布局、海报、UI 参考、产品表以及需要分析间距和对齐的其他设计。
输出 - FILE FORMATS
可扩展的 SVG 网格覆盖用于对齐、间距、合成工作和可重复使用的模板设置。
最适合 - PROFESSIONALS
设计师、艺术总监、UI 团队、演示设计师和文档繁重的工作流程。
不同于 - TEMPLATES
静态指南覆盖或手动合成助手。 Pixel2Lines 使网格适应源图像的比例和结构。
支持的格式
SVG — 网格叠加
可扩展的 SVG 网格覆盖用于对齐、合成、间距和可重复使用的模板设置。
示例
如何使用
- 1
上传您的文件
只需将文件拖放到此处并打开工作区即可。
- 2
调整工作区设置
在工作区中选择一个预设并微调设置（设计网格预设即将推出）。
- 3
导出最终文件
一旦您对结果感到满意，就下载您的输出。
设计网格问题
Design Grid 会根据源图像生成可缩放的 SVG 叠加层，方便团队分析对齐、间距和构图，而不必手动搭建参考线。
设计网格工作流程会生成什么？
它会生成一个可扩展的 SVG 网格叠加层，该叠加层遵循源图像的结构和比例，因此您可以将其用于对齐、间距和合成工作。
我什么时候应该使用设计网格？
当您需要对布局、海报、UI 模型、产品表、演示文稿或对齐很重要的文档进行快速结构叠加时，请使用它。
网格覆盖是否可编辑和可扩展？
是的。输出是 SVG 叠加层，因此它保持可扩展性，并且可以在支持 SVG 编辑或放置的设计工作流程中重复使用。
哪种源图像效果最好？
具有清晰结构、可读边缘和可见布局关系的图像效果最佳。海报、产品表、界面、参考布局和演示框架都是强有力的输入。
是否已有专用的设计网格预设？
还没有。此服务页面当前打开通用工作区，而专用设计网格预设仍然不公开。
这与静态网格模板有何不同？
静态模板保持固定。设计网格使叠加层适应源图像的比例和可见结构，这使其对于分析和迭代更有用。