V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
loniper
V2EX  ›  问与答

产品狗们都在用什么原型设计工具?

  •  
  •   loniper · 2014-07-15 12:50:02 +08:00 · 11362 次点击
    这是一个创建于 3783 天前的主题,其中的信息可能已经有所发展或是发生改变。
    感觉Axure有点臃肿了,打开超级慢。有没有啥好使的替换工具?
    看了下感觉justinmind和mockups还不错,大家都用的啥
    64 条回复    2014-07-24 18:00:18 +08:00
    cssnote
        1
    cssnote  
       2014-07-15 13:50:47 +08:00   ❤️ 1
    我是直接用 UI框架来做,速度比这些软件快多了。。
    justfindu
        2
    justfindu  
       2014-07-15 13:56:51 +08:00
    他们需要做原型?
    nilai
        3
    nilai  
       2014-07-15 13:57:11 +08:00
    @cssnote 用的哪个UI框架呢。 能分享下不呢?
    allenforrest
        4
    allenforrest  
       2014-07-15 14:20:41 +08:00 via iPhone
    Justinmind Prototype
    tabris17
        5
    tabris17  
       2014-07-15 14:22:46 +08:00
    产品狗不是动嘴皮子就行了么
    alex321
        6
    alex321  
       2014-07-15 14:26:06 +08:00
    Axure 挺好啊,高保真,完全模拟表单提交与验证和用户行为触发都可以做到呢。
    loniper
        7
    loniper  
    OP
       2014-07-15 14:32:48 +08:00
    @allenforrest 我看现在变成按月订阅的了,你是用的免费的还是按月缴费?
    allenforrest
        8
    allenforrest  
       2014-07-15 14:40:51 +08:00
    @loniper 在 Trial 的30天内把活干完了,现在维持着 free 版本。
    话说之前老的版本曾经用过一阵子 D 版(汗,鄙视),后来卸载了。
    chendashu
        9
    chendashu  
       2014-07-15 14:42:34 +08:00   ❤️ 2
    Sketch 3
    loniper
        10
    loniper  
    OP
       2014-07-15 14:43:20 +08:00
    @allenforrest 我现在也是用的D版的axure,价格承受不起啊...不知道30天的试用后重装系统再装软件是否能继续试用...
    loniper
        11
    loniper  
    OP
       2014-07-15 14:43:57 +08:00
    @chendashu 那尼?这个不是个矢量图设计软件么?适合做原型?
    allenforrest
        12
    allenforrest  
       2014-07-15 14:44:25 +08:00
    @loniper axure 感觉 App 设计不如 Justinmind Prototype。
    钱的问题,让公司买吧,毕竟是干活的东西。
    allenforrest
        13
    allenforrest  
       2014-07-15 14:45:05 +08:00
    @loniper 可以的,做视觉没问题,做交互不行。
    alex321
        14
    alex321  
       2014-07-15 14:45:52 +08:00   ❤️ 1
    @loniper 如果没必要出街的话,手绘都可以啦。能够描述大概意图就行,至于布局、视觉 xxx,那是设计师的事情了。
    loniper
        15
    loniper  
    OP
       2014-07-15 14:47:37 +08:00
    @allenforrest 对啊,我也感觉axure做app设计太挫了,所以想换个。
    公司不给买的,连电脑都是自备(200/月补贴)
    Justinmind是有账号系统么?跟电脑硬件绑定的?
    allenforrest
        16
    allenforrest  
       2014-07-15 14:50:29 +08:00
    @loniper 有帐号系统,可以在 Justinmind 的服务器上 publish 你的原型,这样别人在异地用手机打开就能访问原型,很本地效果一样(除了速度慢点)
    另外,付费订阅应该也是绑定这个帐号系统,不过应该没有绑定硬件那么变态,说实话 Mac 下 N 多App 都没有太多防盗版措施,经常有遇到试用期过了,卸载重装继续试用的现象了。
    主要靠节操:)
    loniper
        17
    loniper  
    OP
       2014-07-15 14:57:09 +08:00
    @allenforrest 因为我看到这个:
    What should I do when I change my computer?

    You should unregister / deactivate your copy from the old computer and register a new copy to the new computer. Find the instructions to move a copy here.
    感觉似乎还挺严格的样子...账号不知道会不会也计时,挺纠结的想换axure又找不到更好的
    chendashu
        18
    chendashu  
       2014-07-15 14:57:33 +08:00
    @loniper Sketch 完全胜任各种保真度原型
    allenforrest
        19
    allenforrest  
       2014-07-15 14:59:27 +08:00
    @loniper 每月19刀,200块补贴够了,咬咬牙买了吧,吃饭的家伙呢。
    loniper
        20
    loniper  
    OP
       2014-07-15 15:00:18 +08:00
    @chendashu 可能需求不一样吧,我要的是能拖动现有组件快速构建页面的app
    reeco
        21
    reeco  
       2014-07-15 15:01:19 +08:00
    ms powerpoint
    loniper
        22
    loniper  
    OP
       2014-07-15 15:03:57 +08:00
    @allenforrest 卧槽,表这样,真心舍不得,房子还没着落呢...
    cssnote
        23
    cssnote  
       2014-07-15 15:49:57 +08:00
    @nilai 我的公司是做web的系统的,所以直接就用公司所用的框架(bootstarp,easyUI都可以啊,用axure做效果很耗时,怎么方便怎么来,能给客户演示就可以),当然手机APP不适用。
    xiaobaispirit
        24
    xiaobaispirit  
       2014-07-15 16:31:59 +08:00
    Balsamiq mockup~
    Alouka mockup~
    loniper
        25
    loniper  
    OP
       2014-07-15 17:11:42 +08:00
    @xiaobaispirit =。=试用过,似乎太简单了点...
    itcook
        26
    itcook  
       2014-07-15 17:47:21 +08:00
    不是产品汪,是交互射鸡狮:

    不涉及动效时:
    - 低保真:纸+笔+嘴(使用最多)
    - 中高保真:Axure / Sketch / OmniGraffle / Keynote

    涉及动效:
    Axure / Framer.js(或类似框架) / AE / Origami / Xcode


    基本还是以 Axure 为主,其他的视客户要求、精度等要求辅助。

    目前没有顺手的移动应用类动效制作及演示工具,准备自己做一个(目标2年内 Orz)
    loniper
        27
    loniper  
    OP
       2014-07-15 18:01:37 +08:00
    @itcook 感觉axure用的不顺手,这货这么久了对移动客户堵啊还不是很亲善啊...
    yyjjolin
        28
    yyjjolin  
       2014-07-15 18:02:48 +08:00
    Axure,我们公司产品就用这个,做出来的东西通俗易懂,基本和UI相似度80%
    itcook
        29
    itcook  
       2014-07-15 18:21:01 +08:00
    @loniper 移动客户端最近在尝试 framer.js 目前用起来还比较顺手,和 Axure 相比


    缺点:
    - 学习成本略高
    - 需要 coding 而不是搭积木
    - 「所见即所得」能力较弱,需要借助第三方自己搭建浏览器 live preview 环境(framer.js 官方倒是出了个编辑器可以实时预览代码提示 psd 及 sketch 图层导入等,但是$59.99的价格有点略坑)


    优点:
    - 轻巧灵活
    - 可导入 psd 或 sketch 图层(官方免费应用,目前仅有 Mac 客户端,据说 Windows 的也快了)

    感兴趣可去官方查看详情: http://framerjs.com
    loniper
        30
    loniper  
    OP
       2014-07-15 18:33:03 +08:00 via iPhone
    @itcook 看过,不过没研究过代码,易上手么?60刀还算可以接受,briefs 199刀,justinmind 240刀/年,axure 500多刀,说起来算便宜了…
    itcook
        31
    itcook  
       2014-07-15 19:15:48 +08:00 via iPad
    @loniper 有编程基础的话很容易上手,但是我还没有用它制作过一个完整的应用演示,所以还不清楚最终效果如何。

    以前用 Axure 做移动应用演示原型我一般采用两种方式:

    一种是 all in one page,用动态面板解决界面切换等效果,这种方式弊端是会使用大量嵌套动态面板,生成的代码效率很低,即使在压缩的情况下(Axure 会生成很多没用的注释代码)初次载入耗时很长,交互事件触发时也会很大几率有卡顿发生。

    另外一种是使用动态面板结合iframe载入其他界面以达到切换效果,实践证明这种方式虽然效能方面比上一种较好,但iframe载入时会有短暂空白,演示效果差(与上一种相比等于是卡顿变成空白了),另外就是跨页面的交互事件实现 Axuer 几乎无法实现。

    目前使用 framer.js 只是单界面+动态内容如弹出/展开的演示效果,完整应用我估计也是类似 axure 第一种那样使用 layer 嵌套的方式为主,这种方式我不知道会不会出现效能低下的问题。

    不过因为是开放式的 js 框架,可能可以结合其他方式(如 page lazy loading等)来解决界面/页面切换或转场问题。

    现在手头上没有新的项目用来测试,以前用 Axure 实现的项目又懒得去再次实现…所以暂时对它的效能方面还未知。

    其实现有的原型工具在制作完整应用演示方面基本都有问题,所以除非是客户要求,一般情况下我(公司)都是以静态原型+部分动态演示+说明文档来交付。
    loniper
        32
    loniper  
    OP
       2014-07-15 21:52:49 +08:00
    @itcook 这个也不适合我...justinmind不错,可惜太贵了...又看了个briefs,原型/交互都可以弄,虽然没justinmind强大,但相对便宜
    itcook
        33
    itcook  
       2014-07-15 22:33:05 +08:00 via iPhone
    @loniper 我一直觉得,justinmind这种作为交互工具,自身交互和使用逻辑奇差的产品,用起来简直就是一种讽刺…

    briefs是不错,但是不支持scroll是硬伤…
    Keinez
        34
    Keinez  
       2014-07-16 00:29:34 +08:00 via Android
    @itcook 跨页面的交互不应该主要由原型工具解决。
    konakona
        35
    konakona  
       2014-07-16 00:36:16 +08:00
    og + Axure,后者最顺手。
    偶尔会用AI哦~~嘻嘻~
    j
        36
    j  
       2014-07-16 01:01:00 +08:00
    鸡骨头比牛骨头好!
    shawiz
        37
    shawiz  
       2014-07-16 01:20:38 +08:00
    sketch!
    loniper
        38
    loniper  
    OP
       2014-07-16 06:49:02 +08:00 via iPad
    @itcook justinmind交互和逻辑不好?
    briefs不支持 scroll的话…把页面拉长点?不知道这样的话在手机端是不是能滚动。然后请教下,这货支持类似动态面板那样在单页面控制某个控件么?
    missdeer
        39
    missdeer  
       2014-07-16 08:49:19 +08:00
    simapple
        40
    simapple  
       2014-07-16 09:04:44 +08:00
    纸上画
    loniper
        41
    loniper  
    OP
       2014-07-16 09:05:04 +08:00
    @missdeer 这个似乎太简单了点,而且那界面...不忍直视啊...
    PS:偷偷说一句,这货修改系统时间后可以一直试用
    missdeer
        42
    missdeer  
       2014-07-16 09:14:22 +08:00
    @loniper 这货可以申请免费license的,简单没关系啊,反正只是画原型图,就跟草稿纸上画的一样,然后交给美工,咳咳,是设计师设计UI,所以完全没问题。
    trista099
        43
    trista099  
       2014-07-16 10:14:16 +08:00
    这要看公司了,一般有交互设计的公司产品经理用纸画最快了,没必要用工具~~没有交互设计的苦逼产品web用axure,app用手画后用pop,方便效率;产品狗嘛,主要还是说说说。。。。。
    FradSer
        44
    FradSer  
       2014-07-16 10:49:53 +08:00
    @itcook 这我有看过,挺好的……但是感觉难度略大。
    FradSer
        45
    FradSer  
       2014-07-16 10:50:09 +08:00
    OmniGraffle 解决一切苦恼
    soolby
        46
    soolby  
       2014-07-16 11:03:26 +08:00
    需求不复杂口述+手稿
    需求复杂口述+PRD+UE

    发两个axure交互稿~
    http://pan.baidu.com/s/1ntnzTgP
    http://pan.baidu.com/s/1jGge1U2
    itcook
        47
    itcook  
       2014-07-16 11:19:02 +08:00
    @loniper briefs 可以简单控制单个控件的一些属性,如移动、透明度、播放声音(真心不知道这个有啥用……),但是诸如 Axure 控制动态面板那样实现移动动画、显示隐藏、states切换、变更尺寸等都无法实现,更不用说条件判断之类的高级场景……倒是 scroll 貌似可以设置 scrollable 区域,暂时还没搞懂怎么用。

    justinmind 改版了还没有用过,之前老版本使用起来各种不顺手,所以交互和逻辑差可能仅仅是之前个人的观点。
    loniper
        48
    loniper  
    OP
       2014-07-16 12:07:58 +08:00
    @itcook 昨天看到出的6.0版感觉还不错的样子
    loniper
        49
    loniper  
    OP
       2014-07-16 12:12:46 +08:00
    @FradSer 昨天也看了,价格跟briefs一样,有的控件也要收费...然后这货的交互的给力么?支持导出成可交互的HTML么?
    bitbegin
        50
    bitbegin  
       2014-07-16 12:32:03 +08:00 via Android
    为什么喜欢称自己为狗?
    whoomin
        51
    whoomin  
       2014-07-16 12:56:50 +08:00
    @trista099 1、axure用熟练了比手画还快好不。。。
    2、疑问:为什么产品主要是说说说呢?:)
    Dzinlife
        52
    Dzinlife  
       2014-07-16 15:37:39 +08:00   ❤️ 2
    地图炮:在我眼里,一个人品味不差到一定境界是不会用Axure这种软件的。
    trista099
        53
    trista099  
       2014-07-17 09:06:09 +08:00
    @whoomin 是吗,那你比较牛,我是手画快,小需求什么的立马就画好给交互了,分分钟的事,可能我太菜了吧;
    难道你的情况是不用说说说吗,你的原型和文档能让团队里的人100%理解了?
    FradSer
        54
    FradSer  
       2014-07-17 22:41:48 +08:00
    @loniper Briefs 局限性太大了,OmniGraffle 灵活好用,能输出为 HTML 的内容,界面、交互友好,还有比较主要的问题是像@Dzinlife 的地图炮一样,确实 Axure 实在是难看,而且效率低下
    loniper
        55
    loniper  
    OP
       2014-07-18 06:27:42 +08:00 via iPad
    @FradSer 问下,OG的普通版和pro版有啥区别?
    loniper
        56
    loniper  
    OP
       2014-07-19 07:20:38 +08:00
    @FradSer 请问你用的模版在哪找的?
    FradSer
        57
    FradSer  
       2014-07-19 11:03:09 +08:00
    @loniper 模板一般都是在这个网站 https://www.graffletopia.com,不过免费会员每个月只能下载一个。
    Pro 版本的区别,点击链接看图片吧 http://cl.ly/image/1T433Y3c1V1k/Screen_Shot_2014-07-19-11-02-15-0.png

    ps. 你的两个人问题只要稍微自己看一下应该都能找到的
    FradSer
        58
    FradSer  
       2014-07-19 11:05:03 +08:00
    @loniper 而且 Briefs 一般都是用来做高保真原型的,我之前在产品没有正式开发完成的时候用他做了一个给投资人看,之后都是团队内部的交流,觉得没有太多的必要,所以版本一直保持在 0.9
    loniper
        59
    loniper  
    OP
       2014-07-19 18:22:42 +08:00
    @FradSer 每个月只能下载一个是啥意思?可以下载收费的么?
    whoomin
        60
    whoomin  
       2014-07-22 17:01:48 +08:00
    @trista099 axure用熟了非常迅速~并且,axure的rlib特好用,把平常经常用的控件甚至是页面放进去,用到时拖出来就能用,极大提高效率。
    产品是需要给其他成员沟通,不过沟通不是最耗时间的呀,最耗时间的是观察和思考~~
    whoomin
        61
    whoomin  
       2014-07-22 17:04:19 +08:00
    @trista099,观察和思考是最耗时间也是最重要的。
    flied
        62
    flied  
       2014-07-22 20:05:23 +08:00
    axure 出静态页面,然后口述逻辑和流程。

    最重要的是找设计师和开发说明白,重在在说,剩下的都是次要的。
    trista099
        63
    trista099  
       2014-07-23 08:54:42 +08:00
    @whoomin 这里没在讨论观察和思考吧。。。。。不是在讨论原型嘛。。。。。我和你情况不一样,大部分时间都在开会和去开会的路上,在电脑前面的整片时间很少,所以纸是最快的
    whoomin
        64
    whoomin  
       2014-07-24 18:00:18 +08:00
    @trista099 1、因为你其中有一点是说产品平常在做啥,所以我才说起观察和思考滴~
    2、“大部分时间都在开会和去开会的路上”,感觉这是个老板或大领导,嘻嘻。
    顺便吐个槽:v2ex在提醒里咋没有回复入口涅。。。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3987 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 05:29 · PVG 13:29 · LAX 21:29 · JFK 00:29
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.