线框编辑器

以下是如何创建自己的可重用模板:

1. 通过使用现有的模板和/或绘制独特的元素（顺便说一下，我们有强大的矢量编辑工具）来创建您需要的任何东西。
2. 选择要包含在自定义模板中的所有元素。
3. 右键单击，选择 资产 -> 转换为资产.

用线工具就可以了。.. 达达！ -画一条线。

捷径: L 钥匙.

要绘制直线，请在绘制时按住Shift键。 然后，该工具将捕捉到15度增量，以帮助您。

使用矩形工具，您可以。.. 鼓-卷-画一个矩形。

捷径: R 钥匙.

要锁定形状的宽高比，请在绘制时按住Shift键。

使用椭圆工具，您可以为项目添加漂亮的椭圆。

捷径: C 钥匙.

要锁定形状的宽高比，请在绘制时按住Shift键。

使用钢笔工具，您可以创建任何类型的折线和多边形。

捷径: P 钥匙.

在使用路径编辑工具应用贝塞尔曲线之前，笔可用于制作形状的快速草图（添加控制点）。 您还可以在添加控制点时添加贝塞尔曲线，只需在添加点时拖动即可。

要将点添加到任何现有路径，请选择钢笔工具，然后单击路径上的任意位置以添加另一个点。

要从路径中删除点，请选择钢笔工具，然后单击要删除的现有点。

要关闭一个多边形，只需将最后一个点直接添加到第一个点的顶部。 鼠标光标将改变以指示多边形现在将被关闭。

使用路径编辑工具，您可以修改任何现有的路径，无论它是如何创建的–无论是通过钢笔，铅笔或任何其他矢量编辑工具。

捷径: A 钥匙.

路径编辑工具可用于调整路径，例如移动点和编辑贝塞尔曲线。

1. 将鼠标悬停在要转换为曲线控制点的路径点上。
2. 按住Alt键（在Mac上的Option键）并将鼠标光标"拉"到任何一侧，在向下单击时远离该点。
3. 曲线调整手柄将出现（图中用细线连接的蓝点）。 根据需要使用这些手柄调整曲线。
4. 您还可以通过alt键单击控制点将曲线转换回正常的角度角。

使用铅笔工具，您可以创建任何徒手绘图。

捷径: Y 钥匙.

只要确保你有良好的手绘技巧：-)使用铅笔工具时，Wacom板或其他绘图板可以派上用场。

您可以使用手动工具在设计图面周围平移。 这是方便的，当你有一个高水平的缩放应用，你需要做微妙的滚动调整，使事情进入视野。

捷径: H 钥匙. 或者，您可以按住空格键并使用鼠标左键暂时激活手动工具。 当您使用其他工具（例如笔）并且需要在不停用笔的情况下滚动时，这很有用。 只需松开空格键，笔将再次成为活动工具。

在我们的工具箱中，你会发现许多更常用的矢量形状。

这些形状显示在所有类型的项目中（工具箱中的其他模板特定于项目类型）。

我们所有的矢量对象都支持一组共同的属性–笔画画笔，笔画宽度和填充画笔（如果适用）。

这使您可以灵活地以与设计的其余部分相匹配的样式快速绘制形状。

有时您可能会选择仅向线框添加一些活动链接。 在这种情况下，查看者可能很难知道设计中的哪些元素实际上是可点击的。 出于这个原因，我们已经包括在共享或预览模式下查看项目时打开和关闭一些微妙的页面链接指示器的能力。 这些线索提供了一个可点击元素的视觉指示，这些元素存在于你的设计的每个页面。

如果在设计模式下为任何元素分配了页面链接，则在共享或预览模式下查看项目时，该元素上会显示相应的页面链接指示器。

页面链接指示器在预览或共享模式下默认打开，但可以通过单击页面右上角的链接切换轻松关闭。

您可以轻松地在页面或项目之间复制和粘贴元素。 您可以在同一个线框项目中复制和粘贴，也可以从一个项目中复制并粘贴到另一个在不同选项卡、窗口甚至不同浏览器中打开的项目中。

只需在设计中选择要复制的元素，然后使用键盘上的Ctrl+C（Mac上为Cmd+C）组合键将其复制到剪贴板。

要粘贴剪贴板上的元素，只需浏览到要将它们复制到的项目中的页面，然后点击键盘上的Ctrl+V（Mac上的Cmd+V）按钮。 就这样！ 粘贴的元素现在被复制到新位置。

如何开始分享你的项目:

1. 在顶部导航栏中，单击共享按钮。
2. 点击"开始共享"按钮。
3. 将自动生成的链接发送给您希望的任何人。

要停止共享项目，只需单击同一对话框中的"停止共享"按钮即可。 您的秘密链接将不再工作，直到您再次开始共享。

共享项目的工作区从未如此简单：只需单击项目编辑器中的团队选项即可。

如果有人与您共享项目工作区，您将收到一封电子邮件，其中包含访问项目的链接。 如果您还没有NinjaMock帐户，系统会要求您创建一个。 这只需要几秒钟！

与项目访问一起，您将获得某些权限：管理员，设计人员或审阅者。 这些权限由帐户所有者授予您。

从一个地方访问所有项目的工作区（您的或与您共享）：我的项目。 在帐户之间切换以访问其项目。

除了项目访问权限外，您还可以被授予对文件夹或帐户级别的访问权限。 这样，您将对文件夹中的所有项目或整个帐户具有相同的权限。

NinjaMock线框编辑器的特点是一个直观和熟悉的方式留下评论的个别线框和跟踪他们的状态。

注释是特定于它们被留下的页面。 如果一个页面被删除，其相应的注释将不再可见。

我们的评论是实时同步的，所以你不需要重新打开或刷新项目来获得最新的评论！

可以从设计图面右侧的注释窗格中添加新注释，也可以通过右键单击线框上的任意位置并从弹出菜单中选择"添加注释"来添加新注释。

我们对谁可以留下或编辑评论没有任何限制。 任何打开项目的人都可以添加，编辑甚至删除任何评论。

每个注释都由设计图面上的蓝色"语音气泡"图标表示。 在语音气泡内部，会显示唯一的注释编号。

您可以自由地将气泡移动到设计图面上的任何位置，以帮助查看者了解注释引用的线框元素。

双击语音气泡图标以查看或编辑注释。

解决注释后，语音气泡图标将变灰，注释将移动到"注释"窗格中列表的底部。 这有助于您专注于显示在注释列表顶部的活动（未解析）注释。

要检查整个项目中是否有任何未解决的注释，请使用 全部 在注释窗格的顶部切换。 这样，您将看到所有页面的注释，而不是仅针对当前页面的注释。

点击一个评论语音泡沫图标，你将被直接带到该评论被留下的页面。 滚动位置也将被调整，使这个语音气泡图标定位在屏幕的中心。

要查看整个线框或模型项目而不是特定页面的状态，可以使用项目概述网页。 您可以通过单击"概述"来访问它。

导出为PDF并在纸上打印仍然是线框的重要组成部分。 许多创意创作者打印出他们的线框，并把它们放在办公室的墙上;有些人用它们来获得灵感，其他人则作为一个小组讨论设计，并在墙上添加评论。

在NinjaMock线框编辑器中，我们支持这种做法，让您有机会导出带有页面链接和页面注释的线框。 这样，即使设计在纸面上，您也可以浏览设计的交互。

当您导出并选择包含注释时，我们会将所有页面注释添加到线框页面旁边。

注释具有与NinjaMock设计图面中相同的唯一注释编号。

您也可以将项目导出为HTML。 导出为HTML允许您将文件下载到您的计算机或将它们添加到您自己的web服务器，以便于访问和存储。 这可以方便地与您的合作伙伴和客户共享您的项目。

HTML原型在预览工作时提供了更具交互性的体验，例如，允许您键入文本并标记复选框。

当您的项目增长并且变得更加难以导航时，将页面分成组是很好的。 例如，您可以在应用程序设计中按各自的区域对它们进行分组;例如登录页面，设置页面等-或您喜欢的任何其他方式。

页面组只是一组命名的页面（一个页面一次只能在一个组中）。 您可以根据需要创建任意数量的组，在组之间移动页面，或在组内对其进行排序。

要创建页组，请通过单击窗格右上角的相应图标展开"页"窗格。

想想你电脑上的文件。 当你有太多的文件，它变得很难找到你想要的，你只需创建文件夹，并移动里面的文件，对不对？

我们在NinjaMock中重现了相同的体验;您可以创建项目文件夹，将不同的线框和模型项目放入文件夹，将文件夹移动到其他文件夹等。 这是一个方便和熟悉的方式来组织你的工作。

将项目（或文件夹）移动到文件夹中:

1. 突出显示（将鼠标悬停在）项目列表中的项目。
2. 点击"移动。.."文本链接。
3. 选择目标文件夹，然后单击"移动"按钮完成。

要展开或折叠弹出窗口中的文件夹，请单击灰色文件夹图标。