当我今天早上打开邮箱时，我收到了来自InVision的电子邮件，并了解到他们已经推出了一个新的UI设计工具InVision Studio。介绍页面上有一分钟四十二秒钟的视频，这让我整天偷偷溜走。我希望我能及时与您分享这个新设计工具的信息。目前没有互联网上的信息，查找由InVision首席执行官撰写的宣传视频和新产品介绍文章。我在这里首先解释视频，然后将文章翻译给每个人。

视频地址：Vimeo

原作者：Clark Volberg @ InVision，CEO

原文地址：InVision博客

响应式设计|响应式设计

正如您可以从此视频剪辑中看到的，使用InVision Studio，您可以设计适应移动和Web的不同屏幕宽度的界面。具体实现机制应类似于Sketch的“调整大小”功能。您需要设置图层的一些相关选项才能达到效果。

分享设计系统|设计系统共享

使用InVision Studio，您可以将团队的设计规范纳入设计工作中。这些UI组件看起来像Sketch中的“Symbol”的升级版本。当更新设计系统中某些UI组件的样式时，可以同步更新整个设计文件中的相同UI组件。

快速成型|快速原型制作

在InVision Studio中基于跳转逻辑创建交互式原型，以连接控件和接口。这就是InVision所做的。他们只是将原始功能集成到新产品中，并解决了整个设计过程中必要部分的痛苦，例如设计审查和用户测试。

高级动画|交互式运动调整

新工具不仅可以实现界面跳转，还可以实现奇特的跳跃。这也是原始InVision的功能。

协作连接|设计协作

这部分信息比较大，我将解释分三段。

这是InVision for Sketch开发的插件。 CRAFT中的函数是Freehand。在审查设计草案时，您可以表达您的意见并实时沟通。不同的颜色注释和画笔代表不同的参与者，并且非常容易识别。

这也是InVision的一项功能。将设计草稿上传到在线后，可以标记团队中的各种角色并给出评论。当然，这不是同步通信功能，而是异步。

可怕的一件事是这个功能，它在Sketch Measure，Zeplin和PxCook中类似。如果InVision Studio实现了简单的图层和文本图层样式代码，则它没有太多实际用途。但是，如果您可以使用以前的Share Design System功能直接在定义的UI Component上生成代码，那么它就会受到重创。不可能说许多前端工程师必须拿起书籍并开始学习后端知识。

“翻译”简介InVision Studio：世界上最好的界面设计工具

出色的界面设计带来了用户的交互行为。人们喜爱的产品与不经常使用的产品，不断改进的产品以及逐渐落后的产品之间的差异往往非常明显。因此，设计师比以往任何时候都更渴望塑造他们的作品。不幸的是，今天的设计工具并不能完全满足设计师和设计团队的需求。更糟糕的是，这些分散的设计工具可能导致整个设计过程脱节和混乱。

我们感受到经常发生的挫折，并相信设计团队应该将时间和精力投入到设计体验中。这就是为什么我们创建了世界上最强大的界面设计工具InVision Studio，以帮助设计师不断改进他们的愿景和工作。

InVision Studio

为陷入困境的设计师寻找一条大胆的，新的出路，当我们的工作室团队接受这一挑战时，他们与设计数字产品的艺术和科学的欣赏，以及一些世界级的设计。团队密切合作，了解需求，并从这些团队创建世界级产品的方式中获得灵感。

我们精心设计了InVision Studio的每个像素，以响应设计师社区的期望，并帮助他们发挥自己的能力。

在Airbnb，设计团队的一部分工作是让我们的用户毫不费力地体验产品。 InVision现有的工具已经成为我们工作流程的重要组成部分，这个新产品肯定会帮助我们简化流程并缩小原始设计理念与最终产品之间的差距。 ─Elubnb设计工具经理Lucas Smith

InVision Studio不仅仅是一个界面设计工具。它也是一个标准化的数字产品设计平台，具有前所未有的创建和协作功能：

自适应布局引擎，易于响应设计。

快速设置可互换的原型和交互式效果的微调。

共享设计系统，以帮助设计团队保持一致和连接。

与InVision基于云的工作流程无缝协作，实现无损反馈。

为用户提供一个开放平台，通过我们的应用商店创建插件和工具包。

上述所有功能都已制成产品。这是我们一直梦寐以求的设计工具。

总结：

事实上，我可以看到许多功能都在原始的CRAFT和InVision中完成。 InVision的游戏风格是“乡村环绕城市”。首先，Sketch保持不变，并且开发功能以满足设计过程的其他部分的需要。然后，创建一个替换Sketch的产品，并且原始功能由InVision Studio组成，以完全吃掉设计场景。蛋糕。