你好,欢迎进入江苏优软数字科技有限公司官网!

诚信、勤奋、创新、卓越

友好定价、专业客服支持、正版软件一站式服务提供

13262879759

工作日:9:00-22:00

Sketch49新功能教程:交互原型怎么做?原型设计技巧

发布时间:2026-03-18

浏览次数:0

昨日,新版本予以发布,小编的朋友圈又一次因之被多次刷屏。针对于此全新版本,具体究竟存在哪些新的功能,而且又是怎样去进行使用的呢?

经「10000个知识点」特别邀请的讲师乔帮主,在夜里连续不断地制作了关于新功能的测评教程,而后将其分享给众人,期望能够给你们带去助力。

夜里时分,为大伙梳理了版本进行更新之后所具备的新功能,也就是交互原型,期望大家能够从中获取到一些收获。

午后于圈内微信社群之中sketch教程视频,猛地见到二月二十八日发布了新版本的讯息,点开官网观瞧到了最新的版本更新视频,着实蛮激动的。寻思依这般的发展趋向,即刻便能“统一六国”了,哈哈。

邀大家同时瞧瞧此次版本更新了哪些全新功能哟!(先瞅介绍哈,使用教程处于后面呢)

亮点一:交互原型功能

画板,通过与热区进行链接,达成页面之间的跳转,进而实现动态交互原型,此原型类似于交互软件里的热区链接。

版本里的交互原型预览图,(讲真这线条能不能别再这么乱,页面多的话眼睛会不会瞎呀?相比之下倒还算挺好的了)我认为这也是那种需要去解决的一个使用体验方面的问题,期望后续版本能够有不错的解决方案。

亮点二:便捷的效果预览

设计制作的交互原型,可以通过三种方式预览查看:

能够在软件内部进行预览,这种预览类似于特定环境里的预览窗口,又或者像 xcode 当中的模拟器那样。

2. 内实时预览,(USB连接或同局域网内预览操作)

三、Cloud当中存在着实时预览的情况,登录Cloud之后sketch教程视频,能够把项目文件上传到官方云端之处,达成在线多人预览的状态,并且还可以展开讨论。

其他更新

· Cloud 中文件可安装为

· 增强复制粘贴大型文档性能

· 改进 EPS/SVG格式文件 导入

· 渐变锚点改为单击增加

· 图层列表拖入画板内不再是位图

· 优化缩略图性能新增原型设计模板及修复已知Bug

交互原型功能教程

1.页面链接跳转(也就是画板之间的切换)

更新到后,在工具栏右侧会发现“Link”功能按钮

在画板里,当选中一个对象之后,能够激活“Link”按钮,只是仅仅全选画板,却不可以创建链接。

于创建Link链接这一过程之后,我们就会发觉,在左侧图层的矩形之上,出现了一些变化,具体而言,是多了一个呈现为曲线状的箭头,它意味着存在着链接。

修改页面切换动效:

从左边开始,一直到右边,依次是:不存在的状况、朝着左边进行切换、朝着右边进行切换、朝着上方进行切换、朝着下方进行切换。

(第一个版本可能比较保守,没有太多动效选择) 。

2.如何取消链接操作呢?

选中 原有链接对象-矩形 ,右侧面板中可编辑链接,

或将 修改为 none

检测页面逻辑可以通过查看跳转目标验证

3.如何创建热区?

在这个当中欸,有一种热区名称就叫做那个特定称称呼,它能够借助菜单栏里头的那个(插入)选项去寻找到,并且还能够运用快捷键H来达成找到它这件事儿。

在画板内鼠标左键圈出“热区”范围,箭头指向目标画板(页面)

在自定义工具栏中可以为“热区”添加快捷入口

4.如何预览交互效果?

A.软件内部预览(黑屏的小伙伴请看文末说明)

连线操作完成后,点击 预览按钮

B. 手机内预览(暂无版本,且无法像缓存至手机内离线操作)

打开 ,按照在内设置的交互操作即可(凌晨亲测)

当忘记操作热区时,会有红色线框提示

C. Cloud云端团队协作预览

注册/登录 Cloud

登录后可将当前项目上传至 Cloud云端

邀请项目成员及权限设置

上传成功后可查看当前原型项目

预览窗口“黑屏”怎么回事?

我自己也碰到了这个问题,为此纠结烦恼郁闷了好长一段时间,之后找了好几个一块儿的小伙伴,大家齐心协力共同帮忙去做测试,这才发现了貌似很有可能存在问题的情况。经查明是因为OS X版本所导致的,我的PRO(版本是10.12.6)能够正常地进行预览显示。然而家中那台iMAC(版本为10.13.3)却始终一直都没办法连接成功。

只是暂时还没瞧见官方作出的解释,我不过是独自一人进行猜测,同样也欢迎各位小伙伴一块儿开展测试,然后留言给我。

最后总结

这一回更新的程度着实是颇为可观的,能够瞧出来在移动端的设计领域它愈发具备强大的能力,真心祈愿有朝一日能够达成“统一六国”般的成果,UI设计师们大概也就不会那样频繁地折腾,继而不会那般疲惫劳累了!

深夜时分,为小伙伴们制作了关于版本新功能的测评教程,期望大家能够对我们予以关注,在第一时间获取新技能。

如有侵权请联系删除!

13262879759

微信二维码