大家用什么画产品原型图? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
#Wrapper { background-color: #2d76c8; background-image: url("/static/img/shadow_light.png"), url("//static.v2ex.com/bgs/pixels.png"); background-position: 0 0, 0 0; background-repeat: repeat-x, repeat; } #Wrapper.Night { background-color: #22303f; background-image: url("/static/img/shadow.png"), url("//static.v2ex.com/bgs/pixels.png"); background-repeat: repeat-x, repeat; background-position: 0 0, 0 0; }
zxsky1
V2EX    问与答

大家用什么画产品原型图?

  •  
  •   zxky1 2010-12-21 13:29:09 +08:00 21660 次点击
    这是一个创建于 5410 天前的主题,其中的信息可能已经有所发展或是发生改变。
    自己在用软件画Balsamiq Mockups。

    这两天在看是否有更高效、自由的方式,比如铅笔+图纸,或者数位板。

    想了解一下大家用什么来画原型图?
    另外数位板画软件原型图好用么?
    第 1 条附言    2020-10-21 16:14:04 +08:00
    10 年前的帖子了,现在更新到 Figma,哈哈
    39 条回复    1970-01-01 08:00:00 +08:00
    jing
        1
    jing  
       2010-12-21 13:36:08 +08:00
    axure,能做基本的效果,但总觉得没有什么创新性
    yoyicue
        2
    yoyicue  
       2010-12-21 13:37:29 +08:00
    axure
    Jamzo
        3
    Jamzo  
       2010-12-21 13:39:51 +08:00
    axure,白字+铅笔
    zxsky1
        4
    zxsky1  
    OP
       2010-12-21 14:12:15 +08:00
    正在下载axure for mac,试用一下,以前在windows下觉得很庞大。
    kaktos
        5
    kaktos  
       2010-12-21 15:16:53 +08:00   1
    google docs + http://goo.gl/BKlX
    简单够用..
    zxsky1
        6
    zxsky1  
    OP
       2010-12-21 15:27:34 +08:00
    @kaktos 看起来很科幻,试用一下。
    j
        7
    j  
       2010-12-21 16:04:04 +08:00
    1纸笔 50%
    2graffle 40%
    3popplet 10%
    POPOEVER
        8
    POPOEVER  
       2010-12-21 16:04:56 +08:00
    Balsamiq Mockups 和纸笔,iPad 上有 Sketchy 也很方便
    bcxx
        9
    bcxx  
       2010-12-21 16:28:27 +08:00
    @kaktos 更给力了!
    bloodyxu
        10
    bloodyxu  
       2010-12-21 16:33:16 +08:00
    纸笔,Graffle,Keynote
    winnie
        11
    winnie  
       2010-12-21 16:41:53 +08:00
    axure 做网站原型很方便,输出效果也不错。
    Sunyanzi
        12
    Sunyanzi  
       2010-12-21 17:44:11 +08:00
    dc
        14
    dc  
       2010-12-22 03:41:08 +08:00
    白板 + 纸笔 + OminiGraffle
    gaoshier
        15
    gaoshier  
       2010-12-22 09:47:34 +08:00
    https://gomockingbird.com/mockingbird/ 用了2年多了,优点:在线修改,及时保存;缺点页面较多较复杂时,浏览器易死。

    但我认为其最大的特性:抽象凝结力,能将产品在脑子里抽象的想法,用简单的线框图拖拽慢慢展现出来,一个优秀的产品人员应该锻炼这种能力,抛开UI和交互,通过简单的线框图总结出产品的核心点。
    zipaiwang
        16
    zipaiwang  
       2010-12-22 10:02:41 +08:00   1
    居然没有一个人是用FIREWORKS的,大家......
    bloodyxu
        17
    bloodyxu  
       2010-12-22 10:27:00 +08:00
    @zipaiwang fireworks是很不错的,比较适合视觉设计师用
    huacnlee
        18
    huacnlee  
       2010-12-22 10:28:17 +08:00
    铅笔和纸才是最好的工具!
    fengluo
        19
    fengluo  
       2010-12-22 10:37:25 +08:00 via iPod
    纸笔加软件
    以前windows下用axure,转到mac下用ominigraffle,觉得不太好用...就直接用ps+模板了. 额...或许该用fireworks试试...
    zxsky1
        20
    zxsky1  
    OP
       2010-12-22 10:39:11 +08:00
    @marco 感谢分享
    zxsky1
        21
    zxsky1  
    OP
       2010-12-22 11:23:26 +08:00
    @gaoshier 刚才试用了,画web ui不错,谢谢
    spinach90
        22
    spinach90  
       2010-12-22 12:27:33 +08:00   1
    正想着用什么画原型呢,真是不错
    smallcolor
        23
    smallcolor  
       2010-12-22 12:55:08 +08:00
    快速地使用html+css画。
    Kymair
        24
    Kymair  
       2010-12-22 13:54:36 +08:00   1
    http://cdc.tencent.com/?p=3223
    想起前两天看过的一篇文章,Tecent CDC的
    j
        25
    j  
       2010-12-22 13:58:59 +08:00
    腾讯 CDC恩。
    liuhang0077
        26
    liuhang0077  
       2010-12-24 00:32:51 +08:00
    @gaoshier 你是怎么保存的?
    rcikyuan
        27
    rcikyuan  
       2010-12-24 09:39:28 +08:00
    没人用mockflow这款软件吗?有web版和客户端版,支持mac和windows,问题就是不会自动保存,有时候会崩溃死掉,用着还不错。
    HUan
        28
    HUan  
       2010-12-24 11:18:09 +08:00   1
    以上的都是快速原型,2,3天之内能完成的
    但是如果快速原型之后,或者是庞大的原型,或者是本身复用性很高但又没有现成模版的原型,鄙人这n年来的经验是:
    Fireworks的MasterPage和share page做界面
    InDesign自动更新import images的功能做流程

    非常好用
    bloodyxu
        29
    bloodyxu  
       2010-12-24 13:08:46 +08:00
    HUan
        30
    HUan  
       2010-12-24 13:54:56 +08:00   2
    @bloodyxu InDesign的样式对象化是最棒的,可惜他的MasterPage和位图处理能力比FW差太多。
    做好之后的打印输出也超级方便

    其实拿着笔在打印稿上和客户或者老板面对面交流,说服率比ppt高很多的(当然是个人经验,大家不会感受到ppt那种距离感)
    neozhang
        31
    neozhang  
       2010-12-24 13:56:46 +08:00
    有没有用 Keynote Wireframe Toolkit 的?
    leigod
        32
    leigod  
       2010-12-24 17:55:30 +08:00
    web原型 还是axure,够强大,基本上能模拟出实际应用的大部分场景,可以做一个demo演示了
    jokadesign
        33
    jokadesign  
       2012-05-27 20:19:39 +08:00
    @HUan 很感兴趣,求稍具体一些的教程或介绍。

    对 InDesign 陌生,需要像这个教程一样操作吗?
    http://tv.adobe.com/watch/adobe-and-your-voice/publishing-an-ipad-portfolio-application/

    另,一些稍复杂的鼠标手势,在原型中如何体现为好?
    HUan
        34
    HUan  
       2012-06-09 14:42:27 +08:00
    @jokadesign 嗯,你看官方的help 文档和视频教程足以
    AlloVince
        35
    AlloVince  
       2012-06-09 14:54:54 +08:00
    在线用 cacoo.com,方便直接分享给客户,免费版给的配额也够用了
    psjay
        36
    psjay  
       2012-06-09 17:55:46 +08:00
    难道没有用 Pencil 的?
    yellow
        37
    yellow  
       2012-06-09 18:01:40 +08:00
    铅笔 纸 橡皮擦
    Yodasmiling
        38
    Yodasmiling  
       2012-10-13 00:30:54 +08:00
    我们团队一直没产品经理,大家用各种野蛮的方式做原型,最近沟通总出问题,决定补上线框图这环。我原来是直接用大家讨论的需求做效果图的,现在需要做原型,我试了众多工具(fireworks还没试)发现对我来说最敏捷的居然是Ai。。。。我要求不高,能加上简单交互最好,加不上只要能沟通清楚,说明好交互就OK。Axure做一个带交互的tab居然要那么繁琐的操作。。。用jquery写个tab切换脚本也才几行代码而已。。真心不适应啊。。。。
    walleve
        39
    walleve  
       2012-10-13 00:47:02 +08:00
    @yellow +1
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2705 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 28ms UTC 15:15 PVG 23:15 LAX 08:15 JFK 11:15
    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