你需要知道的关于在草图中进行原型设计的一切

对于许多设计师来说,去年在Sketch中加入原型设计功能是天赐之物。当我们需要快速组装一个原型时,这是一个帮助我们简化工作流程和提高生产力的好工具。尽管有许多原型工具可以与Sketch同步,但在应用程序内部拥有这种功能是完全不同的。

原型功能很容易使用。您可以预览原型并与同事或涉众共享,以便通过Sketch cloud获得反馈或评论。此外,你还可以通过Sketch Mirror预览并在iOS设备上使用。让我们看看发生了什么,看看我们如何在草图中创建原型!

这对我们设计师来说意味着什么?

现在,我想说的是,与漫威等完整的原型应用程序相比,这个功能是基础的。然而,这只是一个开始,对于快速而简单地组装东西来说,它是完美的。

就我个人而言,我不认为它会取代超级先进的功能,但它有潜力。这也是Sketch试图与adobexd竞争,但我也不认为它是一个强大的原型工具。

速写的Gif曲线

我想让你们明白这不是最先进的功能。然而,它仍然是非常酷和有用的-不要让我淡化它。对于快速测试来说,它肯定会派上用场,我相信随着时间的推移,原型将变得更加先进。毕竟,草图和波西米亚式编码的本质是让事情尽可能简单。

获得原型功能

当然,原型特性带来了新的功能。首先要知道的是热点图标,它有两种工作方式。你可以点击想要的组,它会自动选择它,或者你可以用画矩形的方法来画它。当你选择的时候,Sketch会提示你选择画板,它会链接到画板。

如果你选择了一个热点,想要改变它当前链接的画板,选择链接图标来重新选择一个新的画板。

最后要讨论的功能是预览!要使用它,选择所需的画板或其中的一个层(自动选择自己的画板),然后继续选择工具栏中的预览图标。这将打开预览窗口。

此外,链接层和热点层在受影响的文件夹上显示为小图标,就像符号或切片一样。即使原型是隐藏的,图标仍然在层上。

必须知道快捷键

当然,也有捷径。如果你选择一个图层或者组,按W,图层或者组会自动变成热点。如果你想在画板上插入一个热点层,按H。

原型图标打开和关闭原型UI视图的方式与您打开和关闭标尺、网格或布局的方式相同。隐藏或显示原型与快捷方式,它的控制+ F。

预览的键盘快捷键是Command + P。

热点属性

如果您选择一个现有的热点,您将需要看到一对夫妇的新添加的属性,在右边,检查器侧栏。第一个是目标,即热点所链接的画板。您可以通过从下拉菜单中选择一个画板来手动更改。如果您的UI中有一个back按钮,您可以将这里的目标更改为原型流程中的前一个画板。这是非常方便的,因为在原型设计中返回是很棘手的。

画板的过渡是非常基本的,默认的动画是让画板从右边动画;你也可以选择让画板从左、上或下移动,也可以完全不动,这是第一个图标。

预览原型的三种方法

您可以通过以下三种方式之一预览和与原型交互;在素描使用预览功能,对素描云或通过素描镜子。在预览窗口中,小标志图标选择一个起始点。当它是蓝色时,这意味着正在查看的画板是起点。没有起点,原型将预览目前选定的画板在草图。通过预览窗口,您可以随意点击并使用原型。

如果你正在进行iOS设计,你可以在iPhone或iPad上通过草图镜预览原型。如果你从未使用过这个,你可以在这里阅读更多关于它的信息,但是你可以在你的移动设备上预览你的设计。这是一个很棒的功能,因为你可以把你的设备交给别人在正确的环境下测试,而不是在电脑上。热点将是交互式的,并可自动tappable,如果他们是在草图的画板上确定。

第三种预览原型的方法是通过Sketch Cloud。这也是与他人远程共享的唯一方法。你可以上传一个原型,就像你设计草图一样。单击工具栏中的Sketch Cloud图标,选择“Upload Document”。“您必须定义一个起点,以便原型在Sketch Cloud的原型部分中显示。

速写的Gif曲线

为反馈和协作绘制云草图

如果你使用Sketch Cloud,你会知道它有一个评论功能!这很好,因为你的团队或客户可以给你关于原型的反馈,就像他们对设计的反馈一样。他们可以在原型的各个画板上留下评论!到目前为止,Sketch Cloud是在原型中使用注释的唯一方法。

你自己试试吧

如果你目前还没有一个可用的设计,只是想自己尝试一下原型功能,那么Sketch可以帮你。他们已经添加了一个样本模板,以及一个虚拟的移动应用程序原型,这样我们就可以立即检查我们自己是如何工作的。要打开样例原型,请从模板>原型教程中选择Sketch >文件>。一切都是为了你。

关于原型模板很酷的一点是,它附带了一些简单的介绍。通过这种方式,您可以直接与该特性进行交互和尝试。但是,如果你还在寻找更多的信息,请查看Sketch自己的网站和文档。

结论

许多设计师都在问Sketch是否会发布这样的功能,现在我们就在这里!Sketch最终在2018年2月推出了原型功能。你自己用过吗?您对在工作负载中使用Sketch的原型功能有什么想法?

2019-12-31 15:59
相关热门