产品狗们都在用什么原型设计工具? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
loniper
V2EX    问与答

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

  •  
  •   loniper 2014-07-15 12:50:02 +08:00 11927 次点击
    这是一个创建于 4106 天前的主题,其中的信息可能已经有所发展或是发生改变。
    感觉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     Solana     5469 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 41ms UTC 08:37 PVG 16:37 LAX 01:37 JFK 04:37
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86