InVision Studio 1.11.0 正式版

Tags：设计软件辅助设计设计

InVision Studio是一款关于软件的界面设计软件，能将设计，原型和动画这三者天衣无缝的结合起来，帮助设计师更快、更高效地创建交互式原型和用户界面设计。让原型展现更加逼真和生动，快速创建常见的UI元素和布局。有需要就快来试试这款软件吧！

软件特色

动画和交互方面，InVision Studio提供了丰富的动画和交互效果，可以轻松实现各种动态效果和过渡效果。它还支持创建交互式原型，可以在设计过程中快速测试和验证设计想法。协作方面，InVision Studio提供了强大的协作功能，可以让设计团队在同一个平台上协作工作。设计师可以轻松分享设计文件和原型，并且可以在InVision平台上进行评论和反馈。

软件功能

1、Responsive Design | 响应式设计

web端与移动端之间的适配是不是很酷炫，就是这么吊炸天。

=

2、Share Design System | 设计系统共享

利用InVision Studio，当改变设计系统中某些 UI Component 的样式后，整个设计文件中的相同 UI Component 都可以同步更新，可谓是“牵一发而动全身”。

3、Rapid Prototyping | 快速原型搭建

在 InVision Studio 中根据跳转逻辑连接控件和界面，制作可交互原型。

4、Advanced Animation | 交互动效调节

新工具中不但实现了界面跳转，还可以做出花式跳转，是不是简单粗暴。

5、Collaboratively Connected | 设计协作

这是 InVision 给 Sketch 开发的插件 CRAFT 中带的功能 ──Freehand，设计稿评审的时候大家可以针对陈列的界面各抒己见，实时沟通。不同颜色的评论和画笔代表不同的参与者，非常方便识别。(试想，要是程序猿、射鸡湿和产品狗在这个界面上讨论，万一谁生气了，整个画面会不会被涂成天花乱坠，画面太美。不过庆幸的是没人在你电脑上指手画脚了。)

这也是 InVision 中的一个功能，设计稿上传到线上以后，团队中各种角色都可以标注并给出意见。当然，这不是一种同步沟通的功能，而是异步的。即使下班了，也能看到清晰明了每个人的想法与意见。

io 实现的只是简单 Layer 和 Text Layer 样式代码，那么并没有多大实际用途。但是如果能和之前的 Share Design System 功能配合，对定义好的 UI Component 直接生成代码，那就牛轰轰了。说不准很多前端工程师也要重新拿起书，开始学习后端知识了。

柔和的Loading动画，待加载完毕后，随之而来的是高端大气的界面与酷炫的动效。乍一看，是不是跟Sketch有些像，但是，他并不是他，他就是他，颜色不一样的全新设计工具。

鼠标向下滑，紧接着的是实战操作的视频，带你身临其境的体验一番。

软件说明

添加和编辑文本图层

出色的排版是优秀设计的支柱, Studio为您提供制作强大排版决策所需的工具。

管理图层

随着项目规模的扩大和文档中的元素密集,保持组织和敏捷变得越来越重要。

掩蔽层

遮蔽是一种将设计元素保持在特定区域或形状内的强大方法。

使用布尔运算

使用布尔运算,通过组合简单的设计元素,可以轻松生成复杂的矢量形状。

滚动画板

当您的屏幕设计内容超出设备物理尺寸的边界时, Studioja通过易于制作的可滚动画板解决了这个问题。

快速原型设计

在项目中开始原型设计和测试与产品交互的体验永远不会太早。

在设备上预览

在Stud中预览原型是快速而简单的,但直接在您的设备上预览您的工作可以更加切实地查看您的交互式设计。

使用动作的高级动画

当您准备好将原型的保真度提升到一个新的水平时, Motion4转换可以完全控制屏幕的每一层之间发生的转换。

使用时间轴编辑器微调动画

使用时间轴编辑器,我们可以精确定位每个层的完美时间和持续时间,从而通过运动创建有意义的上下文。

定时器触发器

在设计复杂的体验和动画时,您可能希望自动开始转换,而无需用户采取措施。

创建,添加和编辑组件

通过保持重复设计元素的外观彼此同步,组件可以节省大量的工作时间。

组件覆盖

有规则的地方有例外。组件覆盖允许我们为组件实例创建视觉异常,以获得令人难以置信的灵活性。

组件大小调整

使用基于百分比的测量和锚定,可以使组件具有可扩展性和响应性,以实现更好灵活性。

共享设计库

共享设计库允许任何Studio文档的组件库成为单一事实来源-使用这些组件将更改传播到所有文件。