原型设计工具GUI Design Studio应用教程：创建新的iOS设计库学习到的3个关键教训

Caretta Software的?iOS设计库是作为原始iPhone库的扩展而创建的，旨在取代该库以用于所有新项目。使用iPhone库中组件的现有项目应继续链接至该项目，但也可能链接至该新库。iOS库包含用于为Apple iPad，iPhone和iPod Touch应用程序制作原型的自定义元素小部件，组件和图标的集合。像这样创建库能够提供许多有关如何改进GUI Design Studio本身的想法，但也为库设计带来了一些有趣的学习经验。

GUI Design Studio是一款用户界面及软件原型设计工具，适用于Web，桌面，移动和嵌入式软件应用程序设计。其快速、易于使用以及无需任何编码的优点，使其成为软件设计师，用户体验专家，业务分析师，开发人员，项目经理和咨询专家的首选原型设计工具。

GUI Design Studio

Caretta Software的iOS设计库是作为原始iPhone库的扩展而创建的，旨在取代该库以用于所有新项目。使用iPhone库中组件的现有项目应继续链接至该项目，但也可能链接至该新库。iOS库包含用于为Apple iPad，iPhone和iPod Touch应用程序制作原型的自定义元素小部件，组件和图标的集合。像这样创建库能够提供许多有关如何改进GUI Design Studio本身的想法，但也为库设计带来了一些有趣的学习经验。

以下是学到的三个关键课程，它们可能对您创建自己的设计库以重用自己项目中的小部件和组件很有用。

规划图书馆结构时要三思

当生产原始的iPhone库时，总是有人想生产一个单独的iPad库。但是，当开始使用iPad库时，很快意识到，两个库中出现的相同小部件存在很多重叠。如果苹果曾经生产过另一种具有类似UI的iOS设备，那么重叠问题将会恶化。不仅如此，还需要针对两个平台设计许多iOS应用程序，因此单个设计项目可能包含两个目标的屏幕。虽然分别链接到iPhone和iPad库仍然很容易，但仅需要一个库就很有意义。

最后，为iPhone组件保留了几乎相同的文件夹结构和文件名，并为针对iPad的新添加内容添加了“ iPad”标签。因此，如果设计文件或文件夹包含“ iPad”，那么它就是它的用途，否则，它适用于iPhone或通用产品。对于小部件来说，还不错。该结构并不重要，因为与组件不同，小部件被复制到设计中，而没有引用它们的原始位置。

总的来说，只要经过一些前瞻性的思考和规划，我们就可以拥有一个更加一致的结构和命名约定，还可以避免过时的设计库浮出水面的问题。

将复杂的静态组件转换为图像以提高性能

虚拟键盘对于应用程序设计至关重要，因为虚拟键盘在激活时会占用大量屏幕空间。您需要设计您的应用程序，以便在您只有一半的屏幕可以播放时才能正常运行。但是，渲染构成iPad键盘的93层元素以及细微的渐变填充会影响性能。

那该怎么办呢是这样的设计仅用作静态组件。在原型中没有与他们的真正互动。在使用虚拟键盘的情况下，您将使用真实的键盘输入文本（直到在实际iPad上运行的日期）。

Caretta Software了解到，将设计转换为图像可显着提高性能，因为所有单独的图层均被单个图像替换。而且只需几秒钟即可完成，因此如果您需要更改设计并重新创建图像，这没什么大不了的：

1. 在项目文件树中选择目标文件夹。我们建议使用与原始设计相同的文件夹。
2. 单击“将图像粘贴到文件”按钮或使用“项目| 将图像粘贴到文件…”菜单命令。
3. 输入图像文件名。我们建议您使用与设计相同的名称，但当然要带有图像扩展名，而不要使用“ .gui”。

现在，您可以拖放设计的图像版本而不是设计文件。从一开始就使用实际的iPad键盘屏幕抓图，而不是花所有精力从元素重新创建然后将其变成图像，这是很诱人的。如果要创建供私人使用的库，这是可以接受的，但是在分发库时，版权问题将成为主要考虑因素。

考虑如何更轻松地重用自定义元素小部件

自定义元素（也称为小部件）是设计库的真正核心。除了最简单的小部件之外，所有小部件通常都由多个元素层组成。但是，如果没有以正确的方式创建它们，则在设计项目中使用它们可能会很尴尬。

自定义按钮小部件和分解图，显示了其从4个元素层的构造以及顶部，文本层调整锚点的大小。

在某些情况下，以下某些技巧可能不适用，例如在输入表单中组合多个控件时，但是如果您要创建一个独立的小部件，则在大多数情况下它们都是有意义的：

1. 有时，您必须通过在各个图层中组合可用的基本元素来发挥创意，以实现所需的效果。最后一个技巧是确保小部件具有包含整个内容的单个背景元素。将小部件拖到设计上时，将选择所有背景元素。如果只有一个，则该操作是干净的，并且假设调整大小锚点已正确设置，则可以调整该元素的大小以调整整个窗口小部件的大小。

最后，值得注意的是，每当您在设计中使用分层小部件并且想要选择背景元素以调整大小时，请记住，Tab键和Shift + Tab组合是您在选择的元素之间切换的朋友。

如果您觉得有用，请在下面发表评论，并与您的朋友和同事分享这篇文章。

| 查找更多界面类产品请访问用户界面专题|

标签：iOS原型设计