发布时间:2025-06-20
浏览次数:0
2月28日,新版本的发布信息传来,我迫不及待地登录官网观看了版本更新的演示视频,内心充满了兴奋。想见得,按照这样的进步势头,我们很快就能实现“一统江湖”的壮志,不禁笑出声来。
快来看看这次更新带来了哪些新增功能吧!(先阅读介绍,详细的使用指南将在后续提供!)
亮点一:交互原型功能
画板上的特定区域与热区功能相结合,能够实现不同页面之间的无缝跳转,从而打造出具有动态交互功能的原型设计(这类似于交互软件中常见的热区链接功能)。
版本里的交互原型预览图(哎,这线条分布得也太随意了吧,页面内容太多的话,眼睛会不会看花呢?)这确实是一个需要改进的用户体验问题,我期待在后续的版本中能看到更优的解决方案。
亮点二:便捷的效果预览
设计制作的交互原型,可以通过三种方式预览查看:
软件内部展示功能,其作用类似于其他软件中的预览窗口sketch网页模版,亦或是Xcode中的模拟器。
2. 内实时预览,(USB连接或同局域网内预览操作)
在Cloud平台进行实时查看,登录该平台后,用户可将项目资料上传至官方的云端服务器,从而实现多人在线共同预览,并支持实时讨论交流。
其他更新
交互原型功能教程
1. 页面链接跳转(也就是画板之间的切换)
更新到后,在工具栏右侧会发现“Link”功能按钮
在画板中选取某个对象之后,“Link”按钮即可被启用(若仅选中画板本身,则无法建立链接关系)。
建立好Link链接之后sketch网页模版,我们观察到左侧的图层矩形上出现了新的变化——多了一条曲线箭头,它标志着链接的存在。
修改页面切换动效:
从左至右依次排列的是:无、向左进行切换、向右进行切换、向上进行切换、向下进行切换。这一版本在动效选项上较为保守,提供的切换效果种类不是很多。
2. 如何取消链接操作呢?
选中 原有链接对象-矩形 ,右侧面板中可编辑链接
或将 修改为 none
检测页面逻辑可以通过查看跳转目标验证
3. 如何创建热区?
在热带地区,这一功能被称为“插入”,您可以在菜单栏中找到它,或者通过快捷键H进行操作。
在画板内鼠标左键圈出“热区”范围,箭头指向目标画板(页面)
在自定义工具栏中可以为“热区”添加快捷入口
4. 如何预览交互效果?
A. 软件内部预览(黑屏的小伙伴请看文末说明)
连线操作完成后,点击 预览按钮
B. 手机内预览(暂无版本,且无法像缓存至手机内离线操作)
打开 ,按照在内设置的交互操作即可。
当忘记操作热区时,会有红色线框提示:
C. Cloud云端团队协作预览
注册/登录 Cloud
登录后可将当前项目上传至 Cloud云端
邀请项目成员及权限设置
上传成功后可查看当前原型项目
预览窗口“黑屏”怎么回事?
作者同样遭遇了这一困扰,心情郁闷了一段时间,于是邀请了数位朋友协助进行测试,结果发现可能是由OS X系统版本引起的差异,自己的 Pro(运行10.12.6版本)能够正常预览和显示,然而家里的iMac(运行10.13.3版本)却始终无法建立连接。
但是暂没有看到官方解释,我也仅仅是个人猜测。
最后总结
此次更新幅度相当显著,从移动端设计上的增强可见一斑,真期盼有朝一日能实现“一统江湖”,届时UI设计师们或许将不再疲于奔命,减轻不少压力。
为了提升您的学习感受,我们恳请您抽出大约五分钟的时间,通过参与问卷填写的方式,帮助我们以及美啊(http://meia.me)在线教育平台优化和升级我们的服务。作为对您支持的答谢,您将获得一张价值50元的课程优惠券,更有机会赢得设计师专属礼包。只需点击“阅读原文”按钮,即可轻松参与活动。
如有侵权请联系删除!
Copyright © 2023 江苏优软数字科技有限公司 All Rights Reserved.正版sublime text、Codejock、IntelliJ IDEA、sketch、Mestrenova、DNAstar服务提供商
13262879759
微信二维码