前端开发如何做到4个一致

如果您喜欢这些文章，欢迎点击此处订阅本Blog

<script type="text/javascript"><!-- google_ad_client = "pub-7343546549496470";/* 728x90, 大横幅正文上方 */google_ad_slot = "4725362798";google_ad_width = 728;google_ad_height = 90;// --></script><script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script>

昨天同事做了一场《做好前端应用设计开发》的讲座，很精彩，其中提出了UI上要有4个一致：

1. 界面风格一致
2. 控件摆放位置一致
3. 操作习惯一致
4. 控件命名一致

这4个一致说起来很容易，但是做起来的确很难，大家讨论的方式大概有这么几种：

1. 制定严格的UE规范
2. 抽取典型应用，制作模板页面
3. 仿照典型应用
4. 先功能，后UE

参与讨论的有研发、测试和技术人员，大家对于前端的理解是不一样的，理想的状态当然是有一个好的设计规范，大家按照这个规范去设计、开发和测试，很好，但是现实情况是小公司很难做到。

我想实际一些的倒是先实现底层功能，当进行前端开发的时候，先由设计师抽取典型应用，每个应用搭建一个标准的应用场景，包括UI风格、控件摆放规则、用户操作习惯和空间命名等，然后形成一个简易的规范。然后相应的前端设计都可以参照这几个模板场景，如果遇到争议，由唯一的一个前端工程师来仲裁，并修订对应的规范。这样当项目完成后，对应的规范也就成为了测试人员进行前端测试的一个依据了。

通过这个讲座也让我颇有感触和汗颜：

1. 工作这么多年了一直没有制定出一个行之有效的研发标准
2. 很多东西需要自下而上的驱动，大家有了热情，事情才好办
3. 标准、规范和制度，可以不好用，但是一定要有，然后慢慢改，否则后患无穷

<script type="text/javascript"><!-- google_ad_client = "pub-7343546549496470";/* 728x90, 大横幅正文下方 */google_ad_slot = "4725362798";google_ad_width = 728;google_ad_height = 90;// --></script><script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script>

<script type="text/javascript"><!-- google_ad_client = "pub-7343546549496470";/* 468x15 横链接单元 */google_ad_slot = "5785741422";google_ad_width = 468;google_ad_height = 15;// --></script><script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script>

 

转自【http://www.cnblogs.com/Duiker/archive/2009/08/05/1539674.html】

 

<script src="http://www.google.com/reader/ui/publisher.js" type="text/javascript"></script><script src="http://www.google.com/reader/public/javascript/user/00697638153916680411/state/com.google/broadcast?n=5&amp;callback=GRC_p(%7Bc%3A%22green%22%2Ct%3A%22%5Cu8FD9%5Cu4E9B%5Cu6587%5Cu7AE0%5Cu4E5F%5Cu503C%5Cu5F97%5Cu4E00%5Cu770B%22%2Cs%3A%22false%22%7D)%3Bnew%20GRC" type="text/javascript"></script>