页面状态还是组件?到底什么才是交互的中心?

随着信息行业的日益发展,软件的开发设计得到了更多人的重视,软件的原型设计也同样的变得原来越重要。我们目前使用的原型设计工具中,设计的模式普遍为两种,一种是以页面状态为中心来设置交互,比如Flinto for Mac和Principle。另一种模式则是以组件为中心,这种工具也很多,比如大家常用的Axure和Mockplus。那么这两种方式哪一种才是最好的呢?我们这里来做一下具体的分析。

一、以页面状态为中心

Flinto for Mac和Principle这类原型设计工具有一个共同点,那就是它们本身几乎不具有任何产生组件的能力,基本都是通过使用导入其它图形工具导出文件而获取组件和页面的。Flinto敏感的抓住了一个现象,那就是Sketch的崛起。它果断用一种可以说是与Sketch捆绑的方式开发了Flinto for Mac的版本。通过以页面状态为中心来设置交互,在状态罗列在页面后,简单的链接就会自动产生动画效果,而且动效还很逼真。这对于开发后期的UI演示来说,帮助是极大的。Principle的工作原理和Flinto for Mac基本相同。

这种以页面状态为中心设置的方式确实受到了很多人的追捧,但是问题也是确实存在的。当一个页面中有大量的组件需要实现交互的时候,这个依靠不同的页面状态来实现交互设置的方式就面临了一个巨大的挑战,那就是如何来显示大量的状态。Flinto和Principle的方法想必也是出于无奈,它们只能把各个层级按照某种顺序排列在地面上。

二、以组件为中心

Axure、Justinmind以及Mockplus这类原型设原型设计工具本身是具有产生组件的能力,很自然地,组件就成了这类工具软件设置交互的中心。多数的交互都是通过改变组件的属性来实现的,使得整个设计过程变得灵活起来。而也正是这种灵活的设计方式在软件开发的前期需求表述上可以真正的做到快捷、有效。

相信很多用户在升级了Axure新版本之后并没有收获原有的期待,不过Axure仍然是用户最多的原型设计工具。它的设计操作模式也为很多同类的工具提供了借鉴,甚至可以说,有很多原型设计工具是在模仿Axure。Mockplus在设置上通过高度可视化减少了设置步骤,在面对大量的交互设置时,仍然能够实现敏捷迅速。

然而,当交互的设置对象为组件而不是页面状态的时候,那么这个项目显示出来的整体篇幅就小了很多。Axure对于交互功能的支持更加丰富。Mockplus也不甘示弱,尤其是它对可视化程度的把握。它采用的拖拽方式是设计过程变得可视化,而设置结束之后链接线就会隐藏,所以即使页面内部的交互设置多达几十个,也并不会影响整体的视觉效果。

不管是以页面状态为中心,还是以组件为中心,最好的原型设计方式只存在与相对的人群之中。开发前期的需求表述方面,Axure和Mockplus很明显是占有优势的。而Flinto for Mac和Principle则在后期的演示中能够呈现出更好的效果。结合需求才能选择正确的工具。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏java学习

为什么一定要前后端分离?

原文: http://www.cnblogs.com/rjzheng/p/9185502.html

19810
来自专栏互联网数据官iCDO

【基础知识】现在很火的app上的deeplink技术,到底是什么?

主编前言: Deeplink,简单讲,就是你在手机上点击一个链接之后,可以直接链接到app内部的某个页面,而不是app正常打开时显示的首页。不似web,一个链接...

3.7K70
来自专栏美团技术团队

大众点评支付渠道网关系统的实践之路

业务的快速增长,要求系统在快速迭代的同时,保持很好的扩展性和可用性。其中,交易系统除了满足上述要求之外,还必须保持数据的强一致性。对系统开发人员而言,这既是机遇...

422100
来自专栏伪君子的梦呓

用 Python 实现聊天机器人

0 前言 一个人在家无聊,所以我打算弄一个机器人和自己聊天,后来弄着弄着就出现一点小偏差,聊天机器人是有了,就是没办法用来和自己聊天,只能给别人聊天 ? ? ...

85270
来自专栏云计算D1net

如何云化你的 Windows 应用?

AWS AppStream是一项新的亚马逊服务,它可实现Windows应用的云化,可将操作系统扩展至各种计算机和移动设备。今天,服务最实用的用例是将提供简单的游...

36670
来自专栏鹅厂网事

挖掘故障中的金矿----记一次故障的详细分析

“鹅厂网事”由深圳市腾讯计算机系统有限公司技术工程事业群网络平台部运营,我们希望与业界各位志同道合的伙伴交流切磋最新的网络、服务器行业动态信息,同时分享腾讯在网...

21280
来自专栏北京马哥教育

20款开发运维必备的顶级工具

开发运维工具与软件开发领域的最佳实践密切相关,也与必要的规范密切相关。在整个开发生命周期涉及到一大批新旧工具,从规划、编码、测试、发布到监控。本文介绍你应该考...

53760
来自专栏Android开发实战

Android 一直怎样在速度上追赶 iOS

一直以来人们都有这样的印象,认为搭载iOS系统的iPhone一定比搭载Android系统的安卓手机流畅。潜移默化中,不少果粉甚至是普通吃瓜群众都形成了这样的思维...

9720
来自专栏Linux Python 加油站

揭秘Linux工程师一路走来都需要哪些技能

大公司也是从小公司一步步走过来的,而大公司之所以与小公司不同,不在于基础的技术体系不同,而是当数据量达到一定程度后,引发的质变而已。而在思考质变带来的性能问题中...

13540
来自专栏云计算D1net

私有云下的身份与管理解决方案

信息化时代,企业分布式管理模式的广泛应用使当今的IT系统管理变得复杂,企业必须提供一个全方位的资源审视以确保企业资源的有效访问和管理。而云计算的不断发展使得众企...

40780

扫码关注云+社区

领取腾讯云代金券