如果原型的PM的视觉要求相对较高，那么在绘制线框时必须注意各种细节，例如组件相对于页面的位置，以及其他组件是否对齐。

接下来，让我们看一些如何优化线框细节的示例。以下方法对单个组件或选择多个组件有效。除了常用的工具栏，这些功能也可以在菜单栏和右侧的视图中找到。

设置组件的位置

在下图中，昵称“rdquo;此文本组件需要距左边框和上横幅的适当距离。

我们可以通过设置组件的X和Y值来调整效果，但是这种方法更难以操作，并且以下方法更简洁。

设置组件中文本的相对位置

除了设置组件的XY位置外，我们还可以使用相对距离来调整组件位置。

将组件与网格对齐

当我们需要将组件放置在画布中的合理位置时，右键单击空白区域并选择“网格和辅助线 - 显示网格”。 &Grid and Assist - Snap Grid。

此时，当我们拖动组件“昵称”时，您会发现当您缓慢拖动时，每个距离固定为10px，这是下图中最后一页中网格集的默认间隔。

将组件与其他组件对齐

当我们需要通过拖动组件与其他组件对齐时，我们可以打开“对齐组件”功能。请右键单击空白区域“ldquo;网格和辅助线 - 对齐组件。

打开后，当我们拖动组件以对齐其他组件时，会有一条蓝色虚线告诉您对齐成功。如下所示 

21射手”成功与“昵称”做左对齐。

与其他组件对齐

当我们希望多个组件看起来在视觉上一致时，可以使用对齐。

例如，在下面，选择“

21名射手”，“互联网”， 产品经理”这三个组件，然后单击工具栏中的顶部对齐。对齐结果基于首先选择的对齐结果。

至于其他对齐方式，方法是相同的。

相对于其他组件分布

继续上述案例，我们希望“21射手”，“互联网”，“产品经理”将是同样的话题。然后我们依次选择并设置水平分布。

类似地，根据实际场景选择垂直分布。

合并然后对齐

如果我们想要三个按钮来表示整体协调，让我们组合三个按钮，然后将它们围绕矩形居中，然后将它们取消组合。

建议与前一篇文章《如何使用Axure规范的画出页面的线框图》一起学习，掌握它会更快。

« 代购源码网站建设和建设有哪些好处和功能？ | 代购源码网站的快速排名，它真的是SEO的理想选择吗？ »