sketch新手入门(中文版)-11 原型

使用sketch中的原型,您可以使用动画交互预览设计。要使用Sketch的原型功能,您需要在文档中使用艺术板。

我们还在原型制作教程中提供了原型制作的实践指南。您可以在Mac应用程序的“文档”窗口的“模板”选项卡下找到它。

一.添加链接

创建原型的最快方法是在两个艺术板之间添加链接。您可以将任何层的链接添加到任何艺术板。

若要添加链接,请选择层,在检查器中选择“原型制作”旁边的“+”(或按W),然后单击要将层链接到的艺术板。

添加链接

#如何编辑链接

在检查器中,您可以使用动画按钮选择链接的转换外观,并使用目标下拉菜单更改链接带到的艺术板。

编辑链接

在“目标”下拉菜单中选择“上一个艺术板”,告诉Sketch返回到当前艺术板之前预览的任何艺术板。当你有很多链接指向一个艺术板时,这很有用。

#如何删除链接

选择原型>移除选项的链接,将链接的目标设置为“None”,或者单击检查器Prototyping部分中的回收站图标以删除链接。

二.添加热区

热点提供比链接更多的控制,如果要创建比单个层更大的可单击区域,则热点非常有用。

若要添加热点,请选择“插入>热点”(或按H键),然后单击并拖动以绘制热点区域。之后,单击要链接热点的艺术板。

您可以在检查器中编辑热点的动画和目标艺术板,就像使用链接一样。

热区

#如何将链接转换为热点

选择任何链接,然后单击检查器中的“创建热点”图标,将其转换为热点。

#如何确定热点位置

选择您的热点,然后在检查器中选择滚动时的固定位置复选框,以固定其在画布上的位置,即使您的其他层滚动,比如底部按键。

#如何将热点与控件一起使用

如果将热点作为控件的一部分包含,则可以重用该控件,但可以单独覆盖其热点的目标。如果不希望热点链接到其他艺术板,也可以将其目标重写为“无”。

#如何隐藏链接和热点

选择“视图>显示原型”(或按Ctrl+F)隐藏表示原型链接和热点的不同路径。也可以在“首选项”的“画布”部分下更改它们的颜色。

#创建固定元素

要创建固定元素,请选择一个层或热点,并检查检查器原型部分中的滚动时的固定位置选项。或者,在菜单中滚动时选择Prototyping>Fix Layer Position。

例如,当你想在应用程序设计的底部固定一行标签页,或者在网站上有一个浮动按钮时,这是很方便的。

#如何创建滚动式艺术板

如果要创建带有滚动元素的原型,则需要选择艺术板预设,或创建自定义预设,并调整其高度。如果不使用预设,而是绘制自定义艺术板,则原型将不会滚动,并将在应用程序、草图云和草图镜像中显示为缩小。

左侧:使用iPhoneX预设的调整大小的艺术板将在预览中滚动。在右边:一个自定义的艺术板,它将缩小以适应预览窗口。

要从艺术板预设创建滚动原型,请选择预设并在画布上更改其高度。执行此操作时,检查器中的预设名称将更改为包含“已调整大小”一词。

若要创建可滚动的自定义尺寸艺术板预设,请选择检查器底部的“创建自定义尺寸”。确认您的艺术板的尺寸和名称,然后更改其在画布上的高度。与常规预设一样,它在检查器中的名称将更改为包含“已调整大小”一词。

三.设定起点

在预览原型时,起点允许您选择从哪个艺术板开始。要设置起点,请在预览窗口中打开原型,从下拉菜单中选择一个艺术板,然后单击它旁边的标志按钮。

起点

每当你预览你的原型时,你总是从你设置的艺术板开始。若要删除起点,请在预览窗口中选择艺术板,然后再次单击“标志”按钮。

#设置多个起点

您可以设置多个起点,以引导人们了解更复杂设计的不同方面(例如,注册流程和用户设置流程)。每次设置新的起点时,它都会在Sketch Cloud中的同一文档中显示为不同的原型。

#预览原型

有三种方法可以预览原型-在Sketch应用程序中,在使用Sketch Mirror的iOS设备上,或者在Sketch Cloud中,您可以与其他人共享原型。

#如何在Mac应用程序中预览原型

若要在草图应用程序中启动预览,请单击工具栏中的“预览”按钮。如果你已经设定了一个起点,你的原型将从那里开始。如果没有,它将从当前选定的艺术板开始。

预览圆形

1.单击预览窗口中的任何位置,可以查看显示链接和热点在当前艺术板上的位置的点击目标。

2.“后退”按钮将使您返回到原型中的上一个艺术板。

3.“艺术板”下拉菜单提供了在不同的艺术板之间快速跳转的方法。

4.标志图标将当前查看的艺术板设置为起点。

四.如何在草图云中预览原型

在SketchCloud中打开文档时,您将在文档概述顶部的一个部分中看到它包含的任何原型。单击原型的缩略图以在浏览器中打开并预览它。

与Mac应用程序中的预览窗口一样,单击屏幕上的任何位置都会突出显示任何热点或链接。若要返回到上一个艺术板,请单击浏览器中的“上一步”按钮。

如果您对文档启用了注释,则任何查看原型的人都可以选择窗口底部的“查看艺术板”以离开原型并输入该艺术板的静态视图。从那里,他们可以在侧边栏中留下评论。要关闭原型并返回到文档概述,请选择“关闭”。

#如何在草图镜像中预览原型

在iOS设备上启动Sketch Mirror应用程序并通过USB或Wi-Fi连接,然后单击Sketch应用程序窗口上角的通知进行连接。

在“草图镜像”中,点击艺术板开始预览原型。从那里,你可以点击链接和热点来浏览你的原型,或者向下轻扫一个艺术板来关闭它。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,835评论 4 364
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,598评论 1 295
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 109,569评论 0 244
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,159评论 0 213
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,533评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,710评论 1 222
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,923评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,674评论 0 203
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,421评论 1 246
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,622评论 2 245
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,115评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,428评论 2 254
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,114评论 3 238
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,097评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,875评论 0 197
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,753评论 2 276
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,649评论 2 271

推荐阅读更多精彩内容