flinto

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 随着信息行业的日益发展，软件的开发设计得到了更多人的重视，软件的原型设计也同样的变得原来越重要。我们目前使用的原型设计工具中，设计的模式普遍为两种，一种是以页面状态为中心来设置交互，比如Flinto for Mac和Principle。另一种模式则是以组件为中心，这种工具也很多，比如大家常用的Axure和 Mockplus 。那么这两种方式哪一种才是最好的呢？我们这里来做一下具体的分析。 一、以页面状态为中心 Flinto for Mac和Principle这类原型设计工具有一个共同点，那就是它们本身几乎不具有任何产生组件的能力，基本都是通过使用导入其它图形工具导出文件而获取组件和页面的。Flinto敏感的抓住了一个现象，那就是Sketch的崛起。它果断用一种可以说是与Sketch捆绑的方式开发了Flinto for Mac的版本。通过以页面状态为中心来设置交互，在状态罗列在页面后，简单的链接就会自动产生动画效果，而且动效还很逼真。这对于开发后期的UI演示来说，帮助是极大的。Principle的工作原理和Flinto for Mac基本相同。 这种以页面状态为中心设置的方式确实受到了很多人的追捧，但是问题也是确实存在的。当一个页面中有大量的组件需要实现交互的时候

原型设计是软件设计开发过程中必不可少的一部分，但是现在我们能够看到的原型设计工具种类多到让人眼花缭乱。如果你只是选择了其中的一款工具，并且觉得原型设计工具只需要一个，对于整个设计开发过程就足够了，那你就大错特错了。事实上，这些原型设计工具连接起来，才是一个完整的设计流程。 草图/线框图阶段：纸笔、白板、Balsamiq、 Mockplus 无论是美术设计还是用户体验设计，或者是用户界面设计，首先要做的事情就是画草图、打草稿。当我们天马行空的进行想象的时候，记录的工作交给它们就好了。纸笔和白板不用多说，千百年来老祖宗留下的好东西为我们解决了太多的记录问题。Balsamiq、Mockplus以及其他的可以产生线框图的工具是新世纪科技带给设计师们的福音。Balsamiq作为一款静态的线框图工具凭借素描的风格收复了不少用户。虽然近几年版本之间的改动并不是很大，但仍然有着坚实的用户基础。Mockplus作为行业新秀，不仅传承了素描风格，同时加入了写实的线框图，满足更多人的需求。 交互设计阶段：Axure、Justinmind、 Mockplus 、UXPin 线框图的设计告一段落，下一步就是为它们添加交互动作。交互，作为程序运行中影响用户体验的关键因素，一点也马虎不得。产业初期并没有专业设计师的时候，很多程序员同事担当起了原型设计的重任，也正是因为如此

最近看到网上很多的文章在推荐一些与UI/UX设计相关的书籍和网站，熊先生想了想，决定写一篇推荐原型设计工具的文章，和大家一起分享一下。这一次我收集了10款工具，根据特点的不同，主要分为以下三类：简单快速、灵活轻快、功能全面。 第一类特点：简单快速。 代表工具： Chainco 、InVision、Flinto Lite。 操作难度：低。 就像Chainco的标语一样，这一类工具是UI设计师的交互演示利器。三款工具都是在网页端进行设计，虽然风格略有不同，但实质上是大同小异。交互的设置上多以创建热区为基础，点击热区跳转页面为主要功能，几乎不需要任何学习成本，也没有什么操作难度。国内用户可能对Chainco更熟悉一点，但Chainco还没有国外的版本，而且由于具有协作功能等原因，InVision显现出更加优秀的一面，也赢得了更多国外用户的青睐。 使用这一类的工具有一点明显的好处，就是可以把UI设计师做好的图片直接导入当做界面，比如InVision和Flinto Lite，它们可以直接导入PS或AI的设计文件。然而，它们是，也只能是UI设计师的交互演示利器，因为这三款工具并不支持设置组件以及组件交互。 Chainco： InVision： 第二类特点：灵活轻快。 代表工具： Mockplus 、Proto.io 6、UXPin、Flinto for Mac。 操作难度：适中。