当你有一个想法时, 准备去实现一个 APP 界面 是直接上代码写界面还是会先打下草稿? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
xoxo419
V2EX    程序员

当你有一个想法时, 准备去实现一个 APP 界面 是直接上代码写界面还是会先打下草稿?

  •  
  •   xoxo419 2018-10-07 21:24:28 +08:00 5058 次点击
    这是一个创建于 2642 天前的主题,其中的信息可能已经有所发展或是发生改变。

    自己是一个后端的开发, 不过工作上也会写下界面(简单的或改改这样).

    平时自己会有些想法, 直接上代码开始构建自己脑海中的界面. 但是实现的时候又总感觉达不到自己想要的效果. 只要 3 到 5 天内完成不的话 自己的 idea 就会不了了之~. 大家在实现 APP 界面的时候会先用 axure 先做下原型么? 还是草稿纸用笔画出来? 还是像我一样的直接上代码?

    28 条回复    2018-10-14 19:13:50 +08:00
    zjsxwc
        1
    zjsxwc  
       2018-10-07 21:42:16 +08:00 via Android
    命令行才是最适合程序员的交互界面
    PythonAnswer
        2
    PythonAnswer  
       2018-10-07 21:47:37 +08:00 via iPhone
    找一个 uxui 妹子
    Solix
        3
    Solix  
       2018-10-07 21:59:35 +08:00 via iPhone
    原型也行,笔画也行,目的是理清思路
    misaka19000
        4
    misaka19000  
       2018-10-07 22:03:45 +08:00
    我是在纸上大概的画画,先规划好了再写
    iwfan
        5
    iwfan  
       2018-10-07 22:27:20 +08:00 via iPhone   3
    我之前也是跟楼主一样的做法 。想到了什么就直接堆代码。然后就会陷入到一直扣细节的死循环里面去 。总觉得 UI 还能更好看 。UX 还能再优化。一会一个新想法 。然后自己又搞不出来,最后不了了之。


    我的建议是先出草稿,用什么画不重要,尽量做细 。然后在实现的时候,把新的想法记录下来。但是不要让这些突然出现的念头干扰到 。就按照之前设计好的去实现。

    第一版完成之后 ,根据记录的想法去做优化,搞迭代 。


    不要想着一下子就把事情做到完美。小步迭代更好。
    guyskk0x0
        6
    guyskk0x0  
       2018-10-07 22:37:39 +08:00 via Android
    同问。我现在在慢慢学 UI,准备学完出个设计稿再码代码。
    ddzzhen
        7
    ddzzhen  
       2018-10-07 22:51:34 +08:00 via Android
    学习了,论从点子到产品
    OpenJerry
        8
    OpenJerry  
       2018-10-07 23:20:31 +08:00 via Android
    @zjsxwc 后端学了两天 CSS 后觉得这句话太对了
    chengluyu
        9
    chengluyu  
       2018-10-07 23:22:57 +08:00
    简单的 UI,譬如一个对话框就可以描述的界面,我可以凭感觉直接写出来。

    但复杂的 UI 往往会在写的过程中陷入一些细节。

    所以我一般都直接用 Sketch 画出来。然后再开始写代码。
    Kilerd
        10
    Kilerd  
       2018-10-07 23:39:58 +08:00
    个人做法,我的 UI 图分 低质量 和 高质量

    低质量用来确认需求和逻辑是否正确

    昨晚这一步就可以开始写代码了,
    在写代码的时候逐步完成 高质量的 UI 图
    frozenthrone
        11
    frozenthrone  
       2018-10-07 23:41:25 +08:00 via iPhone
    sketch,frame x 学习一下
    bibizhang
        12
    bibizhang  
       2018-10-07 23:43:50 +08:00
    paper proto
    storypanda
        13
    storypanda  
       2018-10-07 23:47:48 +08:00
    我一般会首先画下大概的草图,之后 sketch,之后码代码。
    自学 Android 中,我学过 UI。
    今天准备安装一个 Adobe XD,却打不开。
    欢迎交流。
    azh7138m
        14
    azh7138m  
       2018-10-08 00:33:43 +08:00 via Android
    @OpenJerry 一个只写 js 的前端也表示 css 这个东西很难懂
    kslr
        15
    kslr  
       2018-10-08 00:36:46 +08:00
    先设计用户流程,然后设计架构,研究成本和盈利手段。
    mysticzt123
        16
    mysticzt123  
       2018-10-08 01:11:07 +08:00
    先 ui 再代码 不然很纠结 会改来改去
    lihongming
        17
    lihongming  
       2018-10-08 01:12:50 +08:00 via iPhone
    axure 路过
    palxie
        18
    palxie  
       2018-10-08 09:24:01 +08:00
    确定基本颜色, 字号, 基础控件, 然后 sketch, 输出, 再码代码
    OSF2E
        19
    OSF2E  
       2018-10-08 09:55:23 +08:00
    假如你觉得 UI 相关工作可以称作“打草稿”或者觉得“可以直接用代码做设计”的话,恐怕这也是甲方或者产品经理或者老板觉得开发一个淘宝只要三五天的原因
    zjddp
        20
    zjddp  
       2018-10-08 09:55:45 +08:00
    简单点的直接拿纸笔勾个线框图,稍微复杂点的还是 sketch 比划比划吧
    jswh
        21
    jswh  
       2018-10-08 10:50:16 +08:00
    正在学习 adobe xd.个人感觉还是先画原型好,写一点调一点效率也不高。
    chipmuck
        22
    chipmuck  
       2018-10-08 11:00:11 +08:00
    手画原型草稿,然后用记下想到的产品功能细节(能多细就多细),接着用工具实现效果图(个人用 Adobe XD ),最后码代码。
    wszbdyyy
        23
    wszbdyyy  
       2018-10-08 11:12:08 +08:00
    你觉得设计和前端就那么不值钱么。。。
    sunzongzheng
        24
    sunzongzheng  
       2018-10-08 12:20:15 +08:00 via Android
    前端,直接上代码
    junjieyuanxiling
        25
    junjieyuanxiling  
       2018-10-08 13:31:29 +08:00 via Android
    最起码要有个草图吧……
    hosea
        26
    hosea  
       2018-10-08 13:51:57 +08:00
    用墨刀撸个简单的界面。。主要是怕第二天忘了。。
    xoxo419
        27
    xoxo419  
    OP
       2018-10-08 14:28:13 +08:00
    @wszbdyyy 并不是讨论岗位价值问题, 当一个人有一个想法的时候, 怎么样更好更快的实现脑海中想法. 这个时候不可能又这么多人来分工的.
    agagega
        28
    agagega  
       2018-10-14 19:13:50 +08:00 via iPhone
    > 只要 3 到 5 天内完成不的话 自己的 idea 就会不了了之~

    终于找到和我一样症状的人了,这种毛病叫什么?(把任务放到一个清单里可以缓解这个问题)
    关于     帮助文档     自助推广系统     博客     API &nbp;   FAQ     Solana     2320 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 24ms UTC 10:48 PVG 18:48 LAX 02:48 JFK 05:48
    Do have faith in what you're doing.
    ubao msn 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