• 原型设计工具比较及实践


    一、原型设计工具比较:

    1.AXURE
    ①优点:
    与墨刀相比,给产品经理、交互设计师的一个感觉就是“”自由“”,对于自由可以从控件、素材、控制上,你可以在AXURE尤其是目前AXURE 8上设计出千奇百怪的动态效果。另外AXURE对于PM来说更像是一个PS工具,不仅是原型的设计,在PS上作为一个利器,也是不错的。相应图片处理、编辑,满足日常使用。
    ②缺点:
    AXURE无非就是两点第一是注册,国内目前版本最新版本上已经不能使用网上散步的注册码了。所以需要国内用户买正版啦!
    AXURE的素材也是很蛋疼的问题,当然有逼格的设计师或PM完全可以自己去设计自己的ICON等素材,但我相信一定会花费不少时间,因此大部分PM 比如KEVIN都会在AXURE原型库、素材库去寻找相应的第三方 素材库,进行载入。当然啦,这个就需要花费相应的时间

    适用领域推荐:适合于更加专业的人士使用。有长期进行原型设计的需求的可以一步到位。更加自由多变。不推荐短期使用和仅作了解的人士使用。


    2.墨刀
    ①优点:
    墨刀对于APP的原型设计真的是体验非常好,怎么说呢?就像有一个无形的人在帮助你,和你一起打造你的原型APP。(当然以后也适用微信小程序的设计),其控件的拖拉、大小的调整,都会自然的去匹配相应的母版大小。无需去担心有多移动一点或多 选择一点。并且墨刀的系统控件都是基于APP,以及系统平台IOS和安卓,因此在里面可以首先选择相应的设备布局,减少了不少工作环节。
    另外墨刀的APP原型可以支持下载在手机里,当然是单机版,但是你可以完全通过手机来打开你的原型,相应的AXURE这一点就做的很不好,虽然有插件支持手机预览,但是非常卡顿。
    ②缺点
    相应的就是不自由啦,首先这也于墨刀的产品定位有关,清晰定位为移动端原型设计工具,因此在交互效果上、控件组合上,操作面板的选择上都不如AXURE 灵活,并且效果切换因为是采用连线的方式,有时候会让使用者脑子错乱的感觉。并且目前原型的交互效果系统自带的还比较少,但基本满足日常所有原型的使用。另外需要充费才能够使用更强大的共享创建功能。

    适用领域:墨刀的设计更偏向于移动端的APP、网页等的设计,学习成本相对简单,虽然免费版的限制较高,但对初学者较为友好。有高效、简便的设计移动端的需求和小白,个人比较推荐。

    3Mockplus

    ①优点:

     Mockplus有右键菜单,对一个形状进行变换层级、锁定等操作较墨刀快捷一点。墨刀没有右键菜单,需要移动鼠标到工具栏去点。Mockplus有多种批注工具,用批注对交互时行说明很好;墨刀的批注工具就是个便签的样子,没有箭头工具。 Mockplus内置的交互组件比墨刀多,如分段控件、时间选择控件Mockplus内置。

    ②缺点

    Mockplus 2.2.6有一个让我无法忍受的小bug,对一个形状和一个图标编组后再取消编组,形状和图标的尺寸小了2像素,什么鬼。Mockplus的免费图标数量只有100个,但Font Awesome明明提供了600多个免费图标嘛。数字输入框Mockplus不提供增减按钮。

    适用领域:适用于简单的原型设计,内容库的单一成就了它的学习成本低,简洁明了,但也不适用于更加艺术化的设计。学习曲线平滑,适用于初学者。价格相对便宜,适合长期使用。

    二、原型设计网站

        学习墨刀网站:https://modao.cc/posts/6113

        墨刀操作手册:https://annhanhan.gitbooks.io/mockingbot/content/

        学习mockplus的教程:help.mockplus.cn/p/328

    Axure视频教学:https://www.bilibili.com/video/BV1Gx41187Bjfrom=search&seid=14237640917868357688

    三、用墨刀设计一款手机外卖模型

     

     

  • 相关阅读:
    机器学习(十七)— SVD奇异值分解
    机器学习(十五)— Apriori算法、FP Growth算法
    机器学习(十四)— kMeans算法
    深度学习—反卷积的理解
    【ECMAScript5】ECMAScript5中有关数组的常用方法
    【window】window10永久关闭更新
    【js】使用javascript 实现静态网页分页效果
    【vue】钩子函数生命周期
    【vue】vue中ref用法
    【vue-waring】element UI 由版本1.4.12 升级到element-ui@2.0.10
  • 原文地址:https://www.cnblogs.com/xusongxu/p/12733212.html
Copyright © 2020-2023  润新知