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

诚信、勤奋、创新、卓越

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

13262879759

工作日:9:00-22:00

Sketch49新版本发布!速来围观其交互原型等新功能亮点

发布时间:2025-06-20

浏览次数:0

2月28日,新版本的发布信息传来,我迫不及待地登录官网观看了版本更新的演示视频,内心充满了兴奋。想见得,按照这样的进步势头,我们很快就能实现“一统江湖”的壮志,不禁笑出声来。

快来看看这次更新带来了哪些新增功能吧!(先阅读介绍,详细的使用指南将在后续提供!)

亮点一:交互原型功能

画板上的特定区域与热区功能相结合,能够实现不同页面之间的无缝跳转,从而打造出具有动态交互功能的原型设计(这类似于交互软件中常见的热区链接功能)。

Sketch49新功能_交互原型功能教程_sketch网页模版

版本里的交互原型预览图(哎,这线条分布得也太随意了吧,页面内容太多的话,眼睛会不会看花呢?)这确实是一个需要改进的用户体验问题,我期待在后续的版本中能看到更优的解决方案。

交互原型功能教程_Sketch49新功能_sketch网页模版

亮点二:便捷的效果预览

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

软件内部展示功能,其作用类似于其他软件中的预览窗口sketch网页模版,亦或是Xcode中的模拟器。

交互原型功能教程_sketch网页模版_Sketch49新功能

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

在Cloud平台进行实时查看,登录该平台后,用户可将项目资料上传至官方的云端服务器,从而实现多人在线共同预览,并支持实时讨论交流。

其他更新

sketch网页模版_交互原型功能教程_Sketch49新功能

交互原型功能教程

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

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

Sketch49新功能_sketch网页模版_交互原型功能教程

在画板中选取某个对象之后,“Link”按钮即可被启用(若仅选中画板本身,则无法建立链接关系)。

sketch网页模版_Sketch49新功能_交互原型功能教程

建立好Link链接之后sketch网页模版,我们观察到左侧的图层矩形上出现了新的变化——多了一条曲线箭头,它标志着链接的存在。

修改页面切换动效:

Sketch49新功能_交互原型功能教程_sketch网页模版

从左至右依次排列的是:无、向左进行切换、向右进行切换、向上进行切换、向下进行切换。这一版本在动效选项上较为保守,提供的切换效果种类不是很多。

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

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

Sketch49新功能_sketch网页模版_交互原型功能教程

或将 修改为 none

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

Sketch49新功能_sketch网页模版_交互原型功能教程

3. 如何创建热区?

在热带地区,这一功能被称为“插入”,您可以在菜单栏中找到它,或者通过快捷键H进行操作。

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

Sketch49新功能_sketch网页模版_交互原型功能教程

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

sketch网页模版_Sketch49新功能_交互原型功能教程

4. 如何预览交互效果?

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

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

交互原型功能教程_sketch网页模版_Sketch49新功能

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

打开 ,按照在内设置的交互操作即可。

交互原型功能教程_Sketch49新功能_sketch网页模版

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

sketch网页模版_交互原型功能教程_Sketch49新功能

C. Cloud云端团队协作预览

注册/登录 Cloud

交互原型功能教程_sketch网页模版_Sketch49新功能

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

Sketch49新功能_sketch网页模版_交互原型功能教程

Sketch49新功能_sketch网页模版_交互原型功能教程

邀请项目成员及权限设置

交互原型功能教程_sketch网页模版_Sketch49新功能

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

Sketch49新功能_交互原型功能教程_sketch网页模版

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

交互原型功能教程_sketch网页模版_Sketch49新功能

作者同样遭遇了这一困扰,心情郁闷了一段时间,于是邀请了数位朋友协助进行测试,结果发现可能是由OS X系统版本引起的差异,自己的 Pro(运行10.12.6版本)能够正常预览和显示,然而家里的iMac(运行10.13.3版本)却始终无法建立连接。

但是暂没有看到官方解释,我也仅仅是个人猜测。

最后总结

此次更新幅度相当显著,从移动端设计上的增强可见一斑,真期盼有朝一日能实现“一统江湖”,届时UI设计师们或许将不再疲于奔命,减轻不少压力。

为了提升您的学习感受,我们恳请您抽出大约五分钟的时间,通过参与问卷填写的方式,帮助我们以及美啊(http://meia.me)在线教育平台优化和升级我们的服务。作为对您支持的答谢,您将获得一张价值50元的课程优惠券,更有机会赢得设计师专属礼包。只需点击“阅读原文”按钮,即可轻松参与活动。

交互原型功能教程_Sketch49新功能_sketch网页模版

如有侵权请联系删除!

13262879759

微信二维码