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

[xoxo419]

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

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

[zjsxwc]

命令行才是最适合程序员的交互界面

[PythonAnswer]

找一个 uxui 妹子

[gaobh]

原型也行，笔画也行，目的是理清思路

[misaka19000]

我是在纸上大概的画画，先规划好了再写

[iwfan]

我之前也是跟楼主一样的做法 。想到了什么就直接堆代码。然后就会陷入到一直扣细节的死循环里面去 。总觉得 UI 还能更好看 。UX 还能再优化。一会一个新想法 。然后自己又搞不出来，最后不了了之。


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

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


不要想着一下子就把事情做到完美。小步迭代更好。

[guyskk0x0]

同问。我现在在慢慢学 UI😌，准备学完出个设计稿再码代码。

[ddzzhen]

学习了，论从点子到产品

[OpenJerry]

@zjsxwc 后端学了两天 CSS 后觉得这句话太对了

[chengluyu]

简单的 UI，譬如一个对话框就可以描述的界面，我可以凭感觉直接写出来。

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

所以我一般都直接用 Sketch 画出来。然后再开始写代码。

[Kilerd]

个人做法，我的 UI 图分 低质量 和 高质量

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

昨晚这一步就可以开始写代码了，
在写代码的时候逐步完成 高质量的 UI 图

[frozenthrone]

sketch，frame x 学习一下

[bibizhang]

paper proto

[storypanda]

我一般会首先画下大概的草图，之后 sketch，之后码代码。
自学 Android 中，我学过 UI。
今天准备安装一个 Adobe XD，却打不开。
欢迎交流。

[azh7138m]

@OpenJerry 一个只写 js 的前端也表示 css 这个东西很难懂

[kslr]

先设计用户流程，然后设计架构，研究成本和盈利手段。

[mysticzt123]

先 ui 再代码 不然很纠结 会改来改去

[lihongming]

axure 路过

[palxie]

确定基本颜色, 字号, 基础控件, 然后 sketch, 输出, 再码代码

[OSF2E]

假如你觉得 UI 相关工作可以称作“打草稿”或者觉得“可以直接用代码做设计”的话，恐怕这也是甲方或者产品经理或者老板觉得开发一个淘宝只要三五天的原因

[zjddp]

简单点的直接拿纸笔勾个线框图，稍微复杂点的还是 sketch 比划比划吧