前端开发的UI先行的必要性

本文基本都是纯文本来记录我这几年从UI要求不高＝》换项目后要求高但做法错误＝》总结经验＝》用这一年多的时间来证明确实有效 来进行阐述。

这其实是一个大家都知道的东西，只不过我这儿自己醒悟的比较晚，所以拿这个放在这儿提醒我，其实还是有很多需要改善的地方。如果有新的coder看到，也想给他们提个醒。逻辑有时候对于前端，都不如UI重要。

工作这几年，其实入门算事从是从偏／类银行项的（偏外包）到目到做自己公司的APP项目这样过来的，之前的工作中，说白了银行项目可能更偏重于功能必须要完好而UI想要要求没那么高，所以之前并没有做好一个先做好UI再去开发的一个基础概念，再加上很多小型公司只有一个UI设计师，标注出来也只有一套Ios的设计图，安卓的只能进行参考，就导致安卓的初期的UI界面搭建时会出现更多的毛糙的部分。

其实这一点在我如今的工作中初期，是吃了很多苦头的，因为在最初的时候没有建立特别深刻的概念，导致实际上在最初的工作中喜欢先去简单来搭建一下界面，然后再去实现功能。

我直接说带来的问题——导致在逻辑／功能开发完毕后已经忘记哪些按钮，view是随便写的，所以整体就需要完整的反工一遍ui搭建，而且因为可能在代码中会有对ui控件的修改，所以其实这个时候就需要关注更多的修改，甚至在你修改完整个ui的排列之后，发现可能之前写的是线性布局就是做不出来，得换成相对布局了，这时候代码还得再重新改一遍声明类型。不仅如此，你忘记修改的一个按钮的间距，在设计师的UI验收是过不去的，如果没有在前期进行很好的ui搭建，那么需要浪费的是：设计师的时间，然后给你提bug，你再去自己找到这个xml／Activity，再去改，去调整。调整间距／字体大小这种对于程序员来说小的不能再小的事儿，放大到一个页面3/5个需要调整的地方，对于产品，设计师，测试，包括自己是多么灾难性的事情。

说来惭愧，开发中UI先行，这个问题我花了大半年的时间才在同事之间的分享中总结出来经验，而当我自己去这么做的时候，带来的效果反而是显而易见的。因为在前期的校对好所有的界面排布与设计师的标注一致其实是花不了太多的时间，如果以大致的写下相应ui控件的时间单位为100，那么根据这一年的开发经验，实际你再去根据设计图准确的排布，可能多出的时间不会超过50，一般30就足够。但是带来的好处却是节省了大量设计师／产品／测试的验收时间，以及他们对于你工作的评价，以及节省了自己在开发后期需要不断调整ui的麻烦。

其实写到这里还是很惭愧，原来需要注意的点还是有那么多。