最赞的界面设计工具InVision Studio功能介绍及Mac体验版下载及Win版下载地址

 

这是一款全新的 UI 设计工具 ,是世界上目前为止最赞的界面设计工具。

About 信息

Launcher 启动界面

 

先看下视频了解下InVision Studio怎么工作的吧!

一手机端浏览器观看可能会出现页面错乱,缩小页面观看即可,建议使用电脑端观看一

 

 

Responsive Design | 响应式设计

从这个视频片段可以看出,使用 InVision Studio,针对移动端和 web 端都可以设计出适应不同屏宽的界面。具体实现机制应该和 Sketch 的「Resizing」功能差不多,需要设置图层的一些相关选项才能达到效果。

 

Share Design System | 设计系统共享

利用 InVision Studio,可以将团队的设计规范落地在设计工作中了。那些 UI Component,看上去像是 Sketch 中「Symbol」的升级版。当设计系统中某些 UI Component 的样式更新以后,整个设计文件中的相同 UI Component 都可以同步更新。

 

Rapid Prototyping | 快速原型搭建

在 InVision Studio 中根据跳转逻辑连接控件和界面,制作可交互原型。这个本来就是 InVision 的拿手好戏,他们只是把原有的能力融进了新产品,解决了整个设计流程的一些必要环节的痛点,例如设计评审、用户测试。

 

Advanced Animation | 交互动效调节

新工具中不但实现了界面跳转,还可以做出花式跳转,这个也是原本 InVision 的功能。

 

Collaboratively Connected | 设计协作

 

这一段信息量比较大,拆三段解释一下。

这是 InVision 给 Sketch 开发的插件 CRAFT 中带的功能 ──Freehand,设计稿评审的时候大家可以针对陈列的界面各抒己见,实时沟通。不同颜色的评论和画笔代表不同的参与者,非常方便识别。

 

这也是 InVision 中的一个功能,设计稿上传到线上以后,团队中各种角色都可以标注并给出意见。当然,这不是一种同步沟通的功能,而是异步的。

 

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

 

InVision Studio 不仅仅是一个界面设计工具。它更是一个标准化的数字产品设计平台,具备前所未有的创造和协作功能:

  • 自适应布局引擎,轻松实现响应式设计。

  • 快速搭建可交互原型和交互动效精细调节。

  • 共享设计系统,帮助设计团队时刻保持一致,联系。

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

  • 通过我们的应用商店提供一个用户制作插件和 Kit 的开放平台。

 

 

 InVision Studio Mac版(体验版)

链接:https://pan.baidu.com/s/1VF8T77vxOR-JorFN-NM9eg 密码:o9li

 

InVision Studio Win版

Win版内测申请:https://www.invisionapp.com/studio

 

 

参与评论