打算做个网站, 需要画个极其潦草的草图告诉 UI, 一般用什么工具比较好? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
Cify
V2EX    程序员

打算做个网站, 需要画个极其潦草的草图告诉 UI, 一般用什么工具比较好?

  •  
  •   Cify 2022-09-30 08:54:56 +08:00 7864 次点击
    这是一个创建于 1108 天前的主题,其中的信息可能已经有所发展或是发生改变。

    手画比较累, 想找个工具简单的把想象中的板块布局和文字等画出来, 用什么工具比较好?

    墨刀 /axture 这些太复杂了, 暂时也用不上.

    第 1 条附言    2022-10-01 09:08:20 +08:00
    谢谢各位,实际测了下,还是 pencil 加 ipad 最适合, 想不到几年前买的 pencil 终于派上用场了.
    第 2 条附言    2022-10-06 18:25:19 +08:00
    #44 楼推荐的 majiang.co 码匠也不错, 就是轮换的 banner 图片不知道如何实现,希望有人指点下.
    64 条回复    2022-09-30 20:18:52 +08:00
    cvooc
        1
    cvooc  
       2022-09-30 08:59:23 +08:00
    墨刀感觉已经很简单了呀...
    极其潦草我按线框图算, 不是拖拽几下就搞定了吗
    66beta
        2
    66beta  
       2022-09-30 09:03:58 +08:00
    这些都复杂的话,那就用 windows 画图
    cmdOptionKana
        3
    cmdOptionKana  
       2022-09-30 09:10:08 +08:00
    PPT
    snoopyhai
        4
    snoopyhai  
       2022-09-30 09:16:44 +08:00
    按我的理解,op 是不懂得降级使用。或者说,一个软件提供了强大的功能,会让自己不自觉的开始做细做精。所以,才想找一款功能不那么强大的软件去控制自己。

    以前有个工具叫 balsamiq ,非常简单,没有什么高级功能。
    但现在的版本不晓得是否依旧保持简单。
    Tink
        5
    Tink  
    PRO
       2022-09-30 09:17:26 +08:00   4
    纸和笔
    yurman
        6
    yurman  
       2022-09-30 09:18:33 +08:00   2
    balsamiq
    margoxlive
        7
    margoxlive  
       2022-09-30 09:24:28 +08:00
    用思维导图规划一下页面模块和交互大纲吧,布局什么的其实都大同小异,UI 自己发挥应该就行
    zcf0508
        8
    zcf0508  
       2022-09-30 09:25:28 +08:00   4
    Ashore
        9
    Ashore  
       2022-09-30 09:26:24 +08:00
    qiaobeier
        10
    qiaobeier  
       2022-09-30 09:27:23 +08:00
    草图就随便搞搞,如果想做个稍微靠谱点的原型才需要工具
    keller
        11
    keller  
       2022-09-30 09:31:59 +08:00
    axure
    villivateur
        12
    villivateur  
       2022-09-30 09:33:38 +08:00
    用截图工具,截一块白色区域,然后在上面涂鸦
    Cup9
        13
    Cup9  
       2022-09-30 09:34:57 +08:00
    重器轻用
    devswork
        14
    devswork  
       2022-09-30 09:35:14 +08:00
    手画纸上,然后拍照 发过去
    christin
        15
    christin  
       2022-09-30 09:36:40 +08:00 via iPhone
    手画
    MISP
        16
    MISP  
       2022-09-30 09:37:29 +08:00
    用工具也挺累的,口述给 UI 吧
    copymaster
        17
    copymaster  
       2022-09-30 09:37:31 +08:00 via Android
    找已经实现过的 app 来截图告诉 ui 需要哪一块
    ETiV
        18
    ETiV  
       2022-09-30 09:39:48 +08:00 via iPhone
    Excel

    网页的实现都是 by grid 的,Excel 天生就是 grid
    bjzhou1990
        19
    bjzhou1990  
       2022-09-30 09:43:55 +08:00
    想找的估计是白板吧 Microsoft Whiteboard
    yohn89
        20
    yohn89  
       2022-09-30 09:44:03 +08:00
    A4 纸和中性笔
    evat
        21
    evat  
       2022-09-30 09:45:26 +08:00
    用纸和笔估计会惊艳到 UI 吧
    还是用工具吧
    楼上说的墨刀就不错
    imkenbun
        22
    imkenbun  
       2022-09-30 09:53:13 +08:00   1
    figma
    petercui
        23
    petercui  
       2022-09-30 09:54:08 +08:00
    纸和笔 + 1 ,然后拍照分享。
    vsitebon
        24
    vsitebon  
       2022-09-30 09:54:35 +08:00
    excalidraw.com 在线画个草图就行
    ns20
        25
    ns20  
       2022-09-30 09:56:00 +08:00
    老办法,用 Word ,
    以前哪有这些花里胡哨的。
    waltcow
        26
    waltcow  
       2022-09-30 10:02:17 +08:00
    sketch
    LaGeNanRen
        27
    LaGeNanRen  
       2022-09-30 10:04:00 +08:00   5
    这都嫌累,你直接微信截图工具然后在上面用大红线涂涂改改吧 :D
    再来几条 60s 的支支吾吾的语音条
    caooooooooo
        28
    caooooooooo  
       2022-09-30 10:18:04 +08:00
    mastergo
    deesan
        29
    deesan  
       2022-09-30 10:42:10 +08:00
    苹果备忘录
    sunwayTaihulight
        30
    sunwayTaihulight  
       2022-09-30 10:46:13 +08:00
    我理解楼主的基本需求是: 拖拉线框 + 文字描述

    很明显 PPT 最适合楼主,也没有重新上手的成本,楼上推荐的 figma 和 sketch 真是牛刀了,我摆弄了几天也没用顺畅
    heroconan
        31
    heroconan  
       2022-09-30 10:46:38 +08:00
    直接 iPad 加 Apple pencil ,随便画
    berserk
        32
    berserk  
       2022-09-30 10:46:53 +08:00
    PPT +1
    Cheons
        33
    Cheons  
       2022-09-30 10:53:34 +08:00 via Android
    是甲方?
    甩 UI 几个看得过去的网站链接,让它出几个方案你来选然后在修改。


    是同事。当面沟通确定需求,出草图再细化。
    ren2881971
        34
    ren2881971  
       2022-09-30 10:53:37 +08:00
    墨刀 /axture 还复杂? 哪个 UI 接你的工作真的倒了霉了。
    weddingSurger
        35
    weddingSurger  
       2022-09-30 10:56:55 +08:00
    自己想象
    ifdef
        36
    ifdef  
       2022-09-30 11:08:36 +08:00
    figma 很简单,可以试试
    duanxianze
        37
    duanxianze  
       2022-09-30 11:16:54 +08:00
    哈哈哈,楼上有个说的好,你看想抄哪个 app ,告诉他就行了
    Soo0
        38
    Soo0  
       2022-09-30 11:17:00 +08:00
    去逛逛 找个差不多的给他抄
    di1012
        39
    di1012  
       2022-09-30 11:21:07 +08:00
    mspaint 系统自带的画图工具
    kujio
        40
    kujio  
       2022-09-30 11:29:24 +08:00
    笔和纸吧
    TimePPT
        41
    TimePPT  
    PRO
       2022-09-30 11:32:42 +08:00
    画原型随意的,我用 Excel 都画过线框图,还带跳转交互的那种
    shakoon
        42
    shakoon  
       2022-09-30 11:41:25 +08:00
    极其潦草的草图这显然手绘是最方便的哦
    yancy0l
        43
    yancy0l  
       2022-09-30 11:44:52 +08:00
    在线流程图工具,上学写论文和工作画图,我用这个够用。放链接的意思是,邀请注册会有文件数奖励,没别的意思。https://www.processon.com/i/5a962c00e4b01965e72eca76
    ggbond2
        44
    ggbond2  
       2022-09-30 12:15:42 +08:00   1
    可以看看 majiang.co ,低代码平台, 拖个 ui 原型图应该比较简单...
    Singular
        45
    Singular  
       2022-09-30 12:45:54 +08:00
    learnshare
        46
    learnshare  
       2022-09-30 13:00:20 +08:00
    PPT 之类的已经是最简单的选择
    1bu
        47
    1bu  
       2022-09-30 13:09:18 +08:00
    看用什么顺手把,PPT 也可以,iPad 上用笔+备忘录都可以……
    dcsuibian
        48
    dcsuibian  
       2022-09-30 13:15:25 +08:00
    SmiteChow
        49
    SmiteChow  
       2022-09-30 13:18:41 +08:00
    excel
    libasten
        50
    libasten  
       2022-09-30 13:28:32 +08:00 via Android
    excel
    通过合并单元格,拉高度宽度,实现原始的表格布局
    stevenlgtm
        51
    stevenlgtm  
       2022-09-30 13:30:14 +08:00
    balsamiq / excalidraw
    nothingistrue
        52
    nothingistrue  
       2022-09-30 13:52:54 +08:00
    给 UI 看的,不是标准原型就是手绘草图,正好被楼主给全否了。建议直接耳提面命。
    bootvue
        53
    bootvue  
       2022-09-30 14:06:54 +08:00
    hanssx
        54
    hanssx  
       2022-09-30 14:08:31 +08:00
    figma + 1
    RealVic
        55
    RealVic  
       2022-09-30 14:21:21 +08:00
    权力点 是我觉得最适合随便画画的工具,非常简单,还能做动画。


    它的英文名是 PowerPoint
    gyinbj
        56
    gyinbj  
       2022-09-30 14:37:32 +08:00
    手绘 当面怼之
    vision1900
        57
    vision1900  
       2022-09-30 16:16:25 +08:00
    白板,比如谷歌的 Jamboard
    letxxt
        58
    letxxt  
       2022-09-30 16:54:06 +08:00
    Whimsical 就没看到过比它快的
    craiiz
        59
    craiiz  
       2022-09-30 17:00:37 +08:00
    纸+笔

    axure

    坚决不要墨刀
    redtree
        60
    redtree  
       2022-09-30 17:03:11 +08:00
    纸笔最直接
    Pipecraft
        61
    Pipecraft  
       2022-09-30 17:56:59 +08:00
    这里推荐了 4 个这种工具,可以看看。
    https://discuss-cn.bestxtools.com/d/81
    xuanbg
        62
    xuanbg  
       2022-09-30 19:35:38 +08:00
    纸笔最简单
    encro
        63
    encro  
       2022-09-30 20:16:30 +08:00
    墨刀 /axture 太复杂的话,只能说明你不适合做这行
    encro
        64
    encro  
       2022-09-30 20:18:52 +08:00
    这里没有一个符合答案的,
    人家都说手画累了,
    你们推荐的工具会比手画更容易?
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2609 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 28ms UTC 10:43 PVG 18:43 LAX 03:43 JFK 06:43
    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