zoukankan      html  css  js  c++  java
  • 原型设计工具比较及实践

    一.墨刀、Axure、Mockplus原型设计工具的比较

    (一)墨刀的体验

            墨刀,可以说是专为移动端产品原型设计而生。

           它的免费版本自带的部件、交互、功能,基本上能满足移动端产品原型的设计要求,并且墨刀的控件都是基于APP,以及系统平台IOS和安卓,因此在创建项目时可以首先选择相应的设备布局,减少了不少工作环节。

    另外,墨刀是线上化的产品,只需要记住帐号和有网,在公司和家里都能对其设计,十分方便,当然也要避免账号信息泄露导致作品丢失的情况。

          优点:

          1. 简单好用。之前用过Balsamiq,手绘风格,刚开始觉得很有意思,后来觉得不好看,不真实。后来用Axure,很专业,但是比较复杂,我记得我学一个动态面板就学了半天。墨刀上手很快,一天就可以轻轻松松做出个简单应用。

          2.相信PM们总是被原型折磨,特别是新手,用Balsamiq自信满满,但保真度太低,总被人推荐用Axure,但Axure对个小白来说真的不简单。墨刀比Axure易用,虽然交互没有那么丰富,但也能做出很不错的原型。

          3. 使用时有任何问题可以直接在墨刀的Forum提出来,会有人及时为你解答。或者你也可以分享自己做的原型作品。墨刀有什么更新也会出现在这里。这里的互动氛围很好。

          4.程序原型的快、用户最快解决面临ta的问题;

          5.因为是一款在线工具,可以云端保存工作,这点确实很便捷。

          缺点:

           1.墨刀的缺点在于对交互效果、控件组合、操作面板的选择都不如Axure灵活,内置交互效果包括点击、滑动、滚动等,做高保真原型的时候不够用;

           2.另外,效果切换因为是采用连线的方式,有时会让用户产生错乱的感觉。

           3.对于免费版只能做20个页面,需要收费,有体验时间限制。

           

    (二)摩客的体验

          优点:

          1.Mockplus除用于移动APP原型设计,还可以制作PC、网页的原型设计,它可以帮助UI设计师在最短的时间内完成产品原型图的设计。

          2.高效编程,轻松还原设计,查看图层标记一键获取标记图层的数据,轻松查看备注信息。

          3.自主获取标注轻松查看智能标注、百分比标注。

          4.一键下载切图支持切图压缩,自动生成不同倍率的切图,自由切换平台。

          5.自动生成代码一键复制属性值,样式代码自动导出。

          缺点:

          1.开发技术非常不稳定,稍微复杂一点就崩,功能也很少不提供源文件,你只能导出图片或者生成原型,但没有原型源文件。

          2.Mockplus的免费图标数量只有100个。

          3.Mockplus里线条没有提供隐形的扩展感应区,不好点到。

    (三)Axure的体验

          优点:

         1.高保真的原型设计工具,名声大。

         2. 用axure制作原型的速度比较慢(交互操作太多),常常耽误时间,而且修改起来也比较繁琐,用了一段时间的axure后就弃用了。

         3.元件数量多,种类丰富,功能很多,但是学习起来有点难度。

         4.本地型软件,可以下载html文档预览,手机预览不方便。

         缺点:

        1.由美国制造,界面均为英文设计。

        2.汉化包途径寻找困难,有些需要付费。

        3.功能多样,复杂,不适用新手上阵。

    在用axure的时候就想找一个能够快速制作原型的工具,就找到了摩客和墨刀。使用摩客来制作Web,使用墨刀来制作app,两个工具都是没有复杂的交互,只进行页面元素的设计和页面交互,使用起来就比较快速而且很便捷。

    (四)三者的比较

            墨刀强大易用的原型设计与协同工具。

            摩客是更快、更简单的原型设计。

           Axure RP是一个专业的快速原型设计工具。

     一、Mockplus和Axure的比较

    •  如果说Axure这种原型工具是一头沉重的大象,Mockplus则是一只轻快的小鹿。至简即至繁。

    二、Mockplus和墨刀相比这样移动APP原型设计相比

    • 如果说墨刀是移动APP原型设计工具上的一只麻雀,Mockplus则是一只成熟的老鹰。原型设计和功能比较齐全,而且应用场景广。
    • 比如墨刀是一款在线工具,而Mockplus除了在线的,还有基于桌面的应用。适合各种平台。比如Mockplus支持Win/Mac系统。当然,现在的墨刀也有这些了,但是安卓版还未上线。
    • 从这一点上,mockplus比墨刀多迭代了几个版本。从性能和成熟度上来说,mockplus更胜一筹。

    二.推荐的比较好的原型设计博客推荐

    博客推荐:

       用墨刀设计原型,易被忽略的8种玩法

       墨刀原型设计工具学习体会

       用墨刀创建原型图的心得

       系统原型设计图工具--墨刀 使用

    三.设计一个简单的音乐播放器app原型设计案例

    1.原型设计登录界面

    登陆界面:用户输入登录账号,密码登录。

     2.主功能界面分为音乐和电台

    主界面主要有音乐播放和电台,底部有榜单,精选,视频,我的四个导航栏,分别可以切换到对应的界面。

    音乐界面:切换不同的歌曲播放。

    电台主界面:可以选择听取自己喜爱的电台,节目。

           

    3.底栏导航栏界面

    导航栏界面截图,用户通过界面的切换实现不同的功能。

    榜单界面:榜单界面可以根据不同的榜单选择不同的歌曲。

    精选界面:也是播放app的主界面,有最新的歌曲及不同分类音乐。

    视频界面:视频主要收集各类音乐视频,MV等。

    我的界面:我的主要是一些个人信息,如昵称,账户号,以及用户收藏的音乐,视频,下载等。

                   

    4.音乐播放及电台播放界面

    音乐播放界面:播放器进入选歌界面,可以选择不同歌曲播放。

    电台界面:进入电台切换条频界面选择听取的电台,界面选择了使用户感到轻松的颜色。·

                   

    5.本原型案例网址及二维码(点击链接或扫描二维码进行真机演示)

    网址:https://free.modao.cc/app/730b63ada550c388a041d483a6a78df31ef1b856?simulator_type=device

    二维码:

  • 相关阅读:
    给定圆心和半径在圆内随机画点
    mqtt使用二(集成到java代码中)
    mqtt使用一
    vue的细节
    mongodb学习一(使用mongoResposity)
    jadx-gui for Mac
    对xx面APP进行分析
    使用jeb对某圈进行协议分析
    proxifier 安卓模拟器设置全局代理fq
    安卓开启真机调试ro.debuggable 1修改ro属性
  • 原文地址:https://www.cnblogs.com/houzitong/p/12720271.html
Copyright © 2011-2022 走看看