后端开发人员如何快速做 demo 用的 WebUI？

[Keyes]

现在工作主要集中在后端（ flask/go-echo/php/c/cpp 都有，是的就是这么任性），给系统做一些业务性和功能性的 API，现在已经有一个初步的技术选型，带着下面几个小兄弟重构统一技术栈（你看前面那么任性，其实都是产品年头太久历史包袱堆起来的，其实根本没必要插这么多语言进去，都是“一次性解决方案”带来的后果，业务层缺乏自顶向下的设计），过程嘛肯定是痛苦的，但是我想先利用一些碎片时间把重构的工作做起来，那么问题来了

• 工作时间精力都花在后端，前端知识极度匮乏，对前端技术的认识还在 jQuery+Bootstrap 阶段，重构一定会走 SPA，看了也做了一些 react+antd 的 demo，感觉无法入手
• 现在的目的：给重构的后端，做一个快速的 WebUI，不用多好看，要成型快，因为当前的重构工作主要还是集中在后端的清理上，当然也想前端跟着一起推，但是前端人力都耗在客户需求上，不好跟人家提，只有我们先做着
• 至于为什么不用现有的 UI 了：简直太任性了，比后端还任性，根本没办法重用
• 求各位大佬推荐一下简单粗暴做 WebUI 的方法，或者书籍也可

[fsdafsag]

以前一个项目 图片用 PS+AI 交互用 Axure 动效用 AE
现在如果还有这样的项目大概会试试 Adobe Experience Design CC
MAC 这边设计推荐 Principle 和 Flinto

[Keyes]

@fsdafsag 是指演示和平面设计阶段吗？

[fsdafsag]

@Keyes 只针对 Demo 演示来说，这样比较快，axure 有些动效做不出或者做起来麻烦，会用 AE 来解决。后期给到前端也可以根据 AE 的参数来做。
总的来说，立项阶段会用 AXURE 来梳理流程和建立大致框架, 大调子定好后设计这边会出设计草图，再填充进去。