uicomponent 了解来自未来的

大家好，今天给各位分享uicomponent的一些知识，其中也会对了解来自未来的进行解释，文章篇幅可能偏长，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在就马上开始吧！

1、今早打开邮箱时，收到InVision的邮件，得知他们推出了一个全新的UI设计工具InVisionStudio。介绍页面中有一段一分四十二秒的视频，足足让我暗嗨了一整天。非常希望可以及时和大家分享这款全新设计工具的信息。目前网上还没有什么信息，找到一段宣传视频和InVisionCEO写的新产品引介文章。我在这里先解读一下视频，再把文章译给大家。

2、原文作者：ClarkVolberg@InVision,CEO

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

4、ShareDesignSystem|设计系统共享

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

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

7、AdvancedAnimation|交互动效调节

8、新工具中不但实现了界面跳转，还可以做出花式跳转，这个也是原本InVision的功能。我觉得Framer、Protopie、Flinto以及Kite的同学们最近要加班了。

9、CollaborativelyConnected|设计协作

10、这一段信息量比较大，我给拆三段解释一下。

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

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

13、有一点吓人的是这个功能，之前在SketchMeasure、Zeplin和PxCook中也见过类似的，如果InVisionStudio实现的也只是简单Layer和TextLayer样式代码，那么并没有多大实际用途。但是如果能和之前的ShareDesignSystem功能配合，对定义好的UIComponent直接生成代码，那就牛轰轰了。说不准很多前端工程师也要重新拿起书，开始学习后端知识了。

14、「译」引介InVisionStudio：世界上最赞的界面设计工具

15、优秀的界面设计承载了用户的交互行为。让人爱不释手的产品与不常使用的产品，不断进步的产品与逐渐落后的产品，他们的差别往往很明显。因此，设计师比以往更乐于雕琢他们的作品。不幸的是，现在的设计工具并不能完全满足设计师和设计团队的需求。更糟的是，这些零零碎碎的设计工具可能导致整个设计流程的脱节与紊乱。

16、我们对这些时常发生的挫败感同身受，并认为设计团队更应将时间和精力投入在设计绝伦的体验中。这就是为什么我们创造了世界上最强大的界面设计工具—InVisionStudio，帮助设计师不断提升自己视野和作品。

17、为深陷困境中的设计师寻找一个大胆的，全新的出路，当我们的Studio团队接受了这个挑战后，他们带着对设计数字产品的艺术和科学的欣赏进行工作，在与一些世界一流设计团队紧密合作中洞悉需求，并在这些团队创造世界一流产品的工作方式中获得启发。

18、我们对InVisionStudio的每一个像素精雕细琢，以此回应设计师群体的期望，帮助他们驾驭自己能力。

19、LucasSmith，Airbnb设计工具经理

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

21、自适应布局引擎，轻松实现响应式设计；

22、快速搭建可交互原型和交互动效精细调节；

23、共享设计系统，帮助设计团队时刻保持一致，联系；

24、与InVision基于云端的工作流程无缝协作，实现无损反馈；

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

26、上面说的这些功能都被做进产品里了。这才是我们梦寐以求的设计工具。

27、其实懂行的都看得出来，很多功能都是原本CRAFT和InVision中做好的。InVision的打法就是「农村包围城市」，先放着Sketch不动，针对设计流程中其他环节的需求开发功能，然后创造一个代替Sketch的产品，和原有功能组成InVisionStudio，彻底吃下设计场景的蛋糕。

文章分享结束，uicomponent和了解来自未来的的答案你都知道了吗？欢迎再次光临本站哦！