Leeze收据应用: 从设计到UI开发的实践

一个前端程序员怎么也在站酷发设计的东西？

很多人还在使劲区分设计和编程的边界时候，我在即刻上看到有人提出一个很中肯的看法：

1. 设计不仅是画图，代码也可以是设计师的画笔；

2. 区分职业的不是工具，而是关注点；

3. 当你的关注点在数据的时候，你就是程序员，而当你的关注点在人的时候，你就是设计师。

回归到正题。这个月初的时候，一个好朋友拜托我帮忙设计开发一个工具，帮助一个在建寺庙记录捐款数据，并且可以自动生成收据Word文件供打印。本来想写个一个表单+一个按钮的傻瓜式工具，输入信息点击一下，就能生成word收据。但后面越做越发现需要考虑的东西很多，就决定从设计到开发好好地磨一磨，一磨就是三周。

这篇文章主要分享一下，Lezze应用的界面、动效设计以及UI开发时候的一些实践。

最终Leeze收据应用的具体使用录屏效果如下。