mac原型设计工具:原型设计,简而言之就是对一个产品最初始的设计。原型设计工具的主要功能是负责定义需求...
Framer Studio for mac是Mac平台上的一款原型交互设计工具,Framer Studio for mac出现新版本更加适合设计师们,完全可以不写任何代码就能做出简单效果。不过在不断地代码练习中也能实现更加复杂的交互原型设计。当然,软件永远在不断的更新不断的进步,也希望用户一如既往的支持。
Framer.js 的创始人 Koen Bok 和 Jorn van Dijk 分别是之前 Mac 平台著名的软件开发公司 Sofa 的创始人和设计总监,随着 Sofa 几年前被 Facebook 收购,他们也都加入到 Facebook 做起了产品设计,但最近两人离职后创立了 Podium,专注于打造小而美的生产力工具,当然目前还只是针对 Mac 平台,可以说是建立了第二个 Sofa 吧。
其实 Framer.js 很早就推出并且开源了,随着最近 3.0 的发布,底层代码已经重新全写了,功能和动画效果也更加完善了,官网上的教程和例子也很丰富,可以看到利用它可以创造出和 Carousel,Google Now 这些 app 一样的复杂交互。另外它还提供了一个 The Framer Generator,可以方便的让设计师把 Photoshop 或 Sketch 里的设计图导入到 Framer.js 里面,而这次 Framer Studio 的发布,让这一创作过程更加简便了,极大了方便了设计师,并且之前内测时也得到了包括 Facebook,Dropbox 等公司的顶级设计师们的一致好评。
1、新增图形化设计方式
在图形化的交互设计工具扎堆出现时,Framer独辟蹊径鼓励设计师用代码进行创作,但是由于编程门槛较高,一直以来很少有设计师愿意去尝试使用。这一次估计Framer团队也意识到了这个问题,将改版后的Framer加入了可视化设计。
2、设计图与代码同步
Framer界面很清晰地被分成左右两边,左边是代码书写区,右边是图形设计区。看起来好像有点分裂,但其实不然。当你在右侧进行图形设计时,左边对应的代码也会跟着改变;当你在左侧编写代码时,也能实时看见右侧的图形跟着变化。
3、支持图片文件拖入
以前在进行设计时如果需要图片,除了直接导入sketch和ps设计文件,就只能把图片放进对应文件目录下。但这一次你可以使用一种更加简单的方式——直接将图片拖进编辑区——Framer会自动将图片转化成代码。
4、不只能插入图层,交互动作也能插入
我们不仅仅可以通过直接插入的方式添加一些图层,还可以插入状态和事件,来实现可交互的效果。
mac原型设计工具:原型设计,简而言之就是对一个产品最初始的设计。原型设计工具的主要功能是负责定义需求...