ui设计Studio工具好用吗

一、视觉设计

打开Studio，*一个弹出的是欢迎窗口，你可以在右侧列表中看到较近打开的.sketch文件。是的，Studio与Sketch的文件格式兼容，但还不能够兼容。

例如，当导入我们常用的 Symbol的Sketch文件时，Symbol将不会显示。

进入Studio后，页面布局类似于Sketch，也是macOS上常见的布局样式，左侧是图层列表和组件库，顶部是工具栏，右侧是检查器。深色和亮色的两组主题是很好的设计，在不同的环境光线下选择不同的主题有助于缓解视觉疲劳。

其次，基于不同颜色的设计稿，更舒适的主题更容易专注。

Studio作为一个后来者，从交互、功能和快捷键上借鉴了Sketch，无论是否抄袭，这样做的好处是大大降低了学习成本，让设计师更容易迁移到Studio。

如果你精通Sketch、XD，那么Studio对你来说是很容易上手。

可以试着做四个简单的页面。在绘制这些页面的过程中，Studio基本可以满足通用的功能需求，遗憾的是，位图的编辑功能并不丰富，目前还不支持基本的模糊、裁剪、投影、混合模式等。

Studio目前存在很多bug，流畅度不高，图像边缘渲染精度不高，抗锯齿效果需要加强，距离成为主要的设计工具还有很长的路要走。但如果你是产品经理或交互设计师，这就足够了，可能还会有惊喜。

Studio还提供了类似 Sketch Mirror的预览app(Android不支持预览只有查看在线项目),iPhone的预览设计稿不支持数据连接,只能通过WiFi,那么问题就来了，在复杂的网络环境下(如公司内成千上万的设备同时在线)刷新有很大的延迟,类似于早期的Sketch Mirror。

二、动效与原型设计

早在2016年,InVision收购一款叫Silver Flows的工具,是一款Sketch 插件,可以在Sketch里实现原型设计(页面跳转、过渡效果、调用iOS系统控制等等)，收购时Silver Flows仍在测试阶段,然后集成到InVision Craft插件内,顺其自然的集成到Studio中。

说到动效制作，大家都会首先想到一个强大性感的After Effect，但Studio并不弱，虽然它不如AE的全能，但它更容易使用。

Studio的动效实现原理与Keynote的“magic move”(神奇移动)非常相似，使用两个画板来固定一组动作的*一个和较后一个关键帧，并且相同的元素自动完成中间的过渡帧，不相同的元素将以渐隐渐现的形式出现。

在时间轴编辑面板中，可以逐个编辑各图层的时间关系，在预览中时，可以选择0.1x的倍速播放，这样就可以观察并调整细节。

Studio还支持动效缓动节奏的的调整，以其特有的POP弹性效果，让你告别AE表达式。然而，目前使用的感觉是，缓动调节的灵敏度和精确度上离AE还有些差距。