HFUTonline的前前后后

既然要做分享，那就先从我开始吧。

这是一篇叙事向的分享，可能没有太多硬核的内容。

我还是从online讲起，这可能也是最近我们特别喜欢提及的一个话题，因为作为近年来明理苑最成功的一个产品，今天它已经拥有了22000用户量，几乎覆盖了全校学生。而这一切，其实都是我们几人在这半学期的时间完成的。

在这个项目诞生前，我们曾经有过明理组队打卡，大家可能或多或少也参与过当时的项目。但那个小程序最终呈现的样子并不是我们期待的那样。我曾经怀疑，是不是真的我们的技术实力不足，做不出来像市面上那样的产品？还是说，我们没有用心去做好这样的一个产品？

我们可能都习惯了这种安逸的生活。拿着不多不少的工资，对明理苑的感情可能主要还是停留在这里是一个很好的自习室。中心的前途命运与我们无关，或者说也不是我们个人能够改变的。就算我们很努力，也会有很多人在水。日子就这么一天一天过去。

直到那天，开发团队全体大会，学长们站了出来，说我们能不能一起做一个像样的产品，在他们离开中心前为中心奉献自己的余热。

这个想法提出得很突然，以至于我对它并不抱太大的希望。此时的我也只是开发团队一个毫不起眼的存在，没有几个人认识我，产品部、技术部我也都不熟悉。我不会想到自己会在日后成为项目的主力军，更不会想到今天我们能拥有这么多的用户。

直到邢力找到我对接，我才第一次见识到他们的技术水平。其实不是说我们画的他们实现不了，而是我们从来没有主动去适应他们，甚至此前我们完全没有交流。ant design和taro ui，这些都是现成的库，也有自己的设计语言，对我们、对技术部而言都可以减少很多工作量，为什么我们不愿意用呢？

https://taro-ui.aotu.io/#/
https://ant.design/index-cn

我选择了antd的蓝色主题色#1890ff作为我们小程序的主题色。而我制作的第一个页面就是我们的登录页，这当然也不是我自己凭空想象出来的，这也是我从千库网上下载的，然后照着这个改了一下就有了今天的登陆页面。其实不只是登陆页面，后面的很多设计都是我借鉴的其他人的优秀设计，不过最后经过我的修改就变得有点不伦不类了。

这里想提一下渐变，这个渐变是我用antd里面临近的两个蓝色拉出来的，代码中也很容易实现。如果不知道用什么渐变好看，可以参考https://webgradients.com/

后续的设计中，我大量运用了卡片来承载我们的信息（主要是成绩）。比如在主页以及成绩列表使用圆角卡片承载成绩等信息，这样做的好处是不同维度的信息在卡片中层次感比较强。其他的页面采用通栏卡片，这样可以承载更多的信息。

这些东西可能通过简单地查阅taro和antd是不能学到的，还需要更多的积累，比如卡片这种设计其实是安卓的material Design中提到的。但即使是现在，我也感觉自己运用得并不好。所以，积累是一个长久的过程，有时间多看看设计相关的网站和优秀的作品总是有好处的。

其实我们每次开会也难免会产生矛盾。印象最深的就是本来应该由产品部驱动的流程，逐渐变成了由技术部说了算。会上杨尚沁学长和邢力已经做出来的小程序并不相符，大家各执己见，最终会议也就陷入一个异常安静的局面。我也很纠结到底该听谁的，事实上这也是我们小程序的开发流程中存在的比较大的一个问题，归根结底还是大家的交流太少，而且能力不对等。

过去的很长一段时间里，技术部在开发团队都是一个老大哥的角色。的确是因为他们比我们更努力，对中心的感情也更深。每次去三楼，看到的都是技术部在敲代码，而我们在干啥呢。当然我们不像技术部，现在学到的东西毕业后能够派上大用场，很多人可能在离开设计部之后就再也难用到ps，ai了。除了兴趣，可能很难有一个理由让我们坚持。

一开始，我也只是因为兴趣而留在这里。但最终让我坚持下来的，是责任。小程序完成最初版本内测的第一天，我们的用户量就突破了1000人，这还仅仅是内测，只通过同学间的口口相传。这对我们是一个很大的鼓舞。也是这个时候，邢力和亮亮要准备自己的毕业设计了，我也要重新开始和刘克江对接完成剩下的工作，未来还有很大的挑战。

而现实也不总是尽如人意。辛苦了一个月，我只拿到了180的工资。其实钱多钱少我不在乎，但我在乎的是中心对我的认可。所以收到工资的那一刻我是很失望的，理想和现实在这一刻让我感到了巨大的落差。

我很忙，也有很多自己的事情要做，为中心做事有的时候真的只是一种情分，因为我知道如果我不做可能就没人会做了。为此我请过假来开会，翘过课找邢力对接。我自认为我的所作多为对得起中心，但其实发放工资的人——办公室并不清楚。所以慢慢也就释然，因为这也不是办公室的责任，的确我的工作报告上就只有online一条。

不开心的时候，就可以去看看同学们的鼓励和支持，还能听到很多夸奖的声音。或者去看看用户量，想到我的作品每天能被数千人看到，而我现在还能让它变得更好，就感觉自己没有理由懈怠。

其实，和技术部接触久了，会感觉大家真的很可爱，并不是想象中那样不苟言笑不善交谈。我们也会在用户数破千的时候争相截图，然后吹牛我们能做到五千用户。我们的确做到了。甚至在正式版推送后，赶在邢力他们离开学校之前，我们用户量破万。那晚我们在四楼开庆功会，吹蜡烛，吃蛋糕。我们真的很开心，发自心底的。

送走了邢力他们之后，中心一下子空荡了许多。我这时也已经当上了部长，而且我慢慢发现，自己在项目中的主动权也越来越大。毕竟，现在我是对整个小程序最熟悉的人之一了。以前开会不敢讲话，现在发现很多事情都需要我来抉择，我肩上的责任也越来越重。这种责任也推动着自己，把小程序做到更好，每一个细节都需要仔细推敲，反复尝试，最终确定好的方案。

为了不麻烦技术部，后面的修改工作都通过我自己改代码完成。诚然，这样做的确会花掉我大量的时间。但我也相信，认真——这是我们的设计中最需要的东西，而这种东西只有在我们对这个项目倾注感情后才能出现。因为我想让我们的产品以它最好的一面呈现给用户。

再后来，就是我们的互评系统了。未来它可能会成为明理苑的一个里程碑事件，正是从这个互评系统开始，我们慢慢走入了学校的视野。而这个系统同样是由我们三人完成。

可以说，为了互评系统能够按时交付，全校学生能够按时完成互评，我们几乎付出了自己全部的复习时间。天天呆在中心，忘记了吃饭忘记了值班，为的就是能通过这个互评拉到全校所有的学生使用我们的小程序。我们完全可以不接这个任务，因为对我们个人而言没什么好处，学校不给钱，工资也多不了多少，而且我们也可以用要复习准备考试的理由逃避。

但我们没有逃避。

这里的布局采用antd中的顶部-侧边布局-通栏

网页中的所有组件都可以在antd中的组件库中找到

直到今天，互评已经接近尾声，我们的工作也已经告一段落。未来OA，online还有很多工作，我也不可能全都亲力亲为了。希望大家也能明确自己在中心的定位——每个人都是不可或缺的，我们每个人都可能是一个项目中的关键先生。

过去明理苑之所以强大，依托的主要是个人，所以当他们离开后明理苑的辉煌也就不在了。今天我们能够依托于小程序再一次在全校范围内获得较高的关注度，也是依托于我们几个人。但这样的情形不会持续太久。很快，你们也要参与到项目中来，有一天你们也要在项目中担任主力军。我希望我们能将我们的文化、我们的技术、我们的产品一代一代传承下去，而这需要大家共同的努力。

别忘了，我们是一个团队。

祝明理苑越来越好。