交互原型设计软件Drama

Drama是一款专业的交互原型设计工具，这款软件便捷三合一功能将设计，动画和原型设计独特地集成到一个熟悉的工具中。不再需要在应用程序之间切换或学习新东西。

使用体验：

Drama只涉及了一般的元素功能。其实如果不制作复杂的页面效果时，是完全够用的。但如果想要达到无需其他App来辅助制作的话，还需要不断地去更新迭代功能。但仅仅是这样的话，Drama就没资格站出来了。事实上，Drama在交互原型制作方面，不仅综合了Principle和InVision Studio等工具的优点，还有着自己独特而吸引人的地方。

Principle火热的原因在于其Driver和Animation功能投入市场时间早，可导入Sketch文件，既实用效果又好。之后又更新了iOS 端直接读取动效文件，一些设计师就开始嘴叼摄像机录屏开始忽悠新人——这都是后话了。就像Ps的特色为图层驱动，MagicaVoxel为颜色驱动（至少我这么理解）一样，理解了其背后逻辑的思路便可以更好地上手软件，提高上限。你可以看到Drama里也是综合了Driver和Animation，只不过Drama的Animation可以单页里去执行，并不依赖于多页面间的过渡，其做法和Ae一样取元素信息做关键帧：

就使用体验上而言其实还有不小的提升空间，比如Drama是自动做出一段时间后的关键帧节点的，而不是像Ae一样手动在某个时间定位关键帧，没有可控感。以及时间轴（/ Driver轴）的放大缩小单位里程等还有些难用。但这些不妨碍Drama的独立动画功能让交互整体更自由，比如可以搭配Automatic事件去完成一系列连续动画（类似AdobeXD团队曾做过的这个案例），或者像是css animation一样做载入后的动画。官网也有动画相关的演示，做的是一个倒计时效果：

至于最常见的画板（注：Drama里叫Scene，后面为了方便依然称之为画板）之间切换动画，这个动效思路从一开始便沿用到了至今。Ae的单画板工作流对多页面（/画板）的UI很不友好，像是Hype、Principle等一众都开始简化关键帧模型，变为自动的元素对照与制作关键帧。Framer（/ Framer X）和Origami比较特殊，前者总是找不准自己的定位；后者是另外一个世界，让人感觉不愧是工程师思维所主导公司的产品。Hype3之后我就没用过了不多说，听说他们挺专注于HTML5的。Principle和InVision Studio 一开始都采用了比较迷的元素识别方式，后来Principle不知哪个版本开始使用顺应直觉的「图层命名」来识别跨画板的同一元素，这一点上Drama一开始就在官网明确说明了。InVision Studio到现在依然不支持，这导致一旦我在后续画板丢失了什么元素想要回头补齐时，InVision Studio直接无视了。但InVision Studio明显在UI绘制层面上更优于Principle，或者说Principle几乎没什么元素选择器，大部分资源需要依靠Sketch或Figma来导入（而且图层效果支持并不全），涉及到临时编辑的话更是需要返工非常麻烦。而后Adobe XD开始对InVision Studio补刀，除了组件动画和支持图层命名识别外，其「自动制作动画」甚至连矢量图形的锚点也能追踪，加上其「原特色」功能重复网格（虽然早已不是特色），可以说是Windows设计用户除Figma外（？）的首选设计工具了。