恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
了解来自未来的 UI 设计工具:InVison Stu
0.0°
2017-11-08 好文转载 设计趋势 原作者: Clark Volberg@InVision, CEO 举报 1291 5 2 0

Responsive Design | 响应式设计

Image title


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


Share Design System | 设计系统共享

Image title

Rapid Prototyping | 快速原型搭建

Image title

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

Rapid Prototyping | 快速原型搭建

Image title

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

Collaboratively Connected | 设计协作

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

Image title


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

Image title

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

Image title


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

「译」引介 InVision Studio:世界上最赞的界面设计工具

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

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

InVision Studio

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

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

在 Airbnb,设计团队的一部分工作是使我们的用户体验产品时毫不费力。 InVision 现有的工具已经成为我们工作流程的重要组成部分,而这一新产品将绝对有助于我们简化流程并跨越最初设计构思和最终产品落地之间的鸿沟。──Lucas Smith,Airbnb 设计工具经理

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

自适应布局引擎,轻松实现响应式设计。 快速搭建可交互原型和交互动效精细调节。 共享设计系统,帮助设计团队时刻保持一致,联系。 与 InVision 基于云端的工作流程无缝协作,实现无损反馈。 通过我们的应用商店提供一个用户制作插件和 Kit 的开放平台。

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

总结:

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


这是UI设计的学习交流群:514985251,如果你是小白或者想提升的可以加群来学习和交流请教,如果你有想法想去从事这个职业那么请多多找我交流哦


这是我微信公众号:uisjxy,关注后输入:梦梦,可领取图下资源。

Image title




更新:2017-11-08

收藏

5人已收藏

梦梦_喵喵星人

小白领取资源,咨询设计问题都可以加我qQUN:652137396

  • 175

    作品

  • 748

    粉丝

  • 4

    关注

  • PS鼠绘章鱼角图标教程
  • PS鼠绘邮件图标教程
  • AI绘制扁平化快餐图标教程
  • PS绘制简约风格沙滩插画教程

    猜你喜欢

      2017-11-08 好文转载 设计趋势 原作者: Clark Volberg@InVision, CEO 举报 1291 5 2 0

      了解来自未来的 UI 设计工具:InVison Stu

      0.0°

      你确定要举报了解来自未来的 UI 设计工具:InVison Stu

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年11月08日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      2
      5
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录