[framerjs文书档案翻译]原型还足以用代码写——简介(0)

前不久自家利用该软件做了一部分小的原型,感觉还很顺手。假使你和作者同样曾经是二个前端工程师,依然很推荐你利用那个软件的。近期该软件只协理mac,有14天的试用期,价格是79.99法郎。下一篇作品小编就起来边翻译官方文书档案边写教程啦,欢迎关切。

与此同时,framerjs还援救photoshop和sketch的文书导入,把图层变成带有属性的js对象处理,省去了累赘步骤。在三哥伦比亚大学(Android或IOS)上装上framerjs预览软件,在同三个局域网下就能够实时预览和操作你的原型。你还足以窥见它的这一个特色:

  • 编辑器
  • 基于COFFEESCRIPT:让javascript代码在挥洒时进一步鲜明、简单。
  • 代码片段:由一段段能够复用的代码块组成,工效更高。
  • 不当提示:自带浏览器成分审查器,实时检查错误。
  • 自动补全:编码时会自动补全你定义的函数、脾性、变量。
  • 预览器
  • 视觉反馈:改变可以立即表以往预览器或运动设备上。
  • 实时显示:开启全屏方式实时体验你的动作效果界面。
  • 多预览情势:能够创制各样桌面、pad、手机原型。
  • 预览变换:能够调整展现比例,以适应分裂荧屏。
  • 特效
  • 滤镜:拥有模糊、亮度、相比较度、色调、饱和度等种种滤镜。
  • 卡通曲线:支持线性、缓动曲线,使用四个大体参数控制移动曲线。
  • 3D效果:在3D空间中肆意行使各个卡通变换。
  • 意况转换:定义不一样情状,使用各状态之间的质量变换到成立复杂交互。
  • 做事流程
  • 分享 :一键上传并分享您创制的动作效果原型。
  • 镜像 :使用镜像功效,在你的安卓或苹果设备上实时预览原型。
  • WEBKIT 2.0 :使用新型的web技术。
  • 拖动拖放 :图片能够直接拖动到界面上。

framerjs工作界面

率先介绍一下framerjs那款软件。这是一款mac下的互相设计软件,主要利用类似于javascript的语言来实现互动成效。对于想要转产品设计师或相互设计师的前端工程师来说,是一款再好不过的工具。绝对于其余交互设计工具以来,它有以下特征:

※本文系翻译文章,转载请务必申明:转发自leadream的简书。多谢!※

  • 代码编写
    :framerjs能够全程选取代码编写原型中的动作效果和互动,它是依照CoffeeScript的。
  • CoffeeScript,实时预览
    :在左边编写代码,左侧能够实时预览,看还足以在运动设备中查阅。
  • 能够相互
    :使用状态转换定义原件属性,能够成功复杂的交互,对种种手势都支持。
  • 动画片特效 :使实体在3D空间中实现弹性的情理位移,同时使用60
    FPS硬件加快。