V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
xoxo419
V2EX  ›  程序员

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

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

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

    平时自己会有些想法, 直接上代码开始构建自己脑海中的界面. 但是实现的时候又总感觉达不到自己想要的效果. 只要 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 妹子
    gaobh
        3
    gaobh  
       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   ·   FAQ   ·   实用小工具   ·   980 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 20:33 · PVG 04:33 · LAX 12:33 · JFK 15:33
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.