公司开发某系统已经有一段时间了，功能已经得到一些客户的肯定，但界面不好看一直是个﷽大问题，所以前两三周专门做这方面的改善。面对着N个♏界面的设计，N++个杂、碎、乱的页面整理，着实是件头疼的事情。还好这一切已经完成，为那两三周的忙碌总结几点吧。

先简单概述一下系统界面美化的工作流程

1、准备阶段：熟悉，看系统相关的文档，对系统有个大概把握，不至于设计时钻牛角尖；估量，大概总结需要改善细化的页面问题；估时，计划工作🌊时间；定人，明确参与修改的人员，设计师和程序开发人员。

2、设施阶段：设计，设计系统🧸需要美化重点界💧面；规范，制定页面布局展示结构，规范CSS；修改，参与和指导程序开发人员严格按照制定好的结构、规范修改页面，这个过程相当繁琐。

3、复查阶段：细查，如图标的透明背💙景、弹出框大小等等；补救，手动对每个界面简单操作一下，总结补救遗留问题；提交。

其实，很多程序员注重产品功能开发却忽略了界面易用性和美观，导致开发的产品糙，难看。他们忘记了系统开发是给人用的，操作的不便、难看，同样不会让用户中意。但如果每次开发都是让界面✨设计师去弥补，对🦄设计师、对程序员都挺累的。与其这样还不如将展现层早日纳入开发日程。

站在设计师的角度为系统开发提供几点建议

一、设计师须参与系统设计。

设计师的作用不应该只是对单一界面的美化，反过来说，如果他对开发的系统不理解，他的视角会很低，无法站在系♈统的高度有整体设计思路，一个界面炫只能解决表面问题，是解决不了较深问题的。Mars想这大概也是美工与设计师的区别所在吧。

最近在看Jesse James Garrett的《用户体验的要素》，其中讲了用户体验的五个层面（如图）：战略层、范围层、结构层、框架层、表现层。Mars看来，在前两个层面设计师必须充分理解，Mars在上这个系统开发时就忽略这两点，所以导致后期的弥补工作，后三个层面设计师必须直接参与，出界面、定规范等。这样的话系统设计、𒀰开发将按”一”道✤路顺利进行，不至于走”Z”形道路。

二、设计系统重点页面的效果图

Mars觉得出效果图必🙈须是在充分理解系统的前提下，这样设计出来的界面才能在页面上诠释系统，而不单单讲究某个按钮的水晶效果什么的。在这个环节设计师就需要与系统开发相关负责人、测试人员（这里扮演”用户”角色）充分交流沟通，从日后扩展、易用、美观等各个角度思考设计。相比较程序开发来讲，出图还是小成本的事情，为了不走”Z”形道路，这些界面一定要好好斟酌。

三、设计师协助程序开发负责人设计开发规范。

其中设计师协助的可能包括，系统目录架构，方便日后样式更换；展示页面，页面布局的程序结构；名称规范，布局结构标签、CSS样式、图片相🦩关名称规范等。

以上工作及相关规范的提出，给日后程序开发提供了方便，样式这一块，只需套用通用的结构就行了。

四、系统开发的人员组织

要求系统开发人员严格按着设计图和规范来走，不要只关注自己开发的那点功能，代码结构不清晰，样式在页面头、标签上到处定义的都是，考虑一下日后改版怎么办，不能将上千个页面再重写吧。系统开发不太可能一两个人搞定，多人协作没有一个规范🐼作参考，各自在自己的思路写程序最终出来的系统可能糙、乱。

以上四点是Mars在设计师的角度对系统开发提出的部分建议，如果您想要把系统做得精细，建议参考一下。