12、打造优秀的Web界面设计与实现

打造优秀的Web界面设计与实现

1. 服务器选择

在开发过程中，对于不同阶段和场景，服务器的选择有所不同。开发时，由于Apache具备调试支持，所以选用它；而在生产环境中，考虑到lighttpd内存需求小且速度快，便选择了它。之所以能够在开发周期较晚的时候才确定生产环境的服务器，是因为编写的PHP脚本可以在Apache、CGI和FastCGI环境下运行。

需要注意的是，如果设备的CPU与开发机器的CPU不同，在选择服务器时要注意某些服务器可能存在交叉编译困难的问题，比如Apache就被建议避免使用（因为它交叉编译难度较大）。

2. UI设计

UI设计涵盖多个方面，不同的设计元素有不同的特点和优缺点，以下进行详细介绍。

2.1 菜单系统

菜单系统的重要功能是让用户快速了解系统的功能，但设计不当可能会影响用户体验。
- 菜单类型 ：菜单系统可分为垂直菜单和水平菜单。垂直菜单通常位于窗口左侧，水平菜单则靠近窗口顶部。
- 垂直菜单 ：虽然有一定用途，但随着菜单项数量增加，导航会变得困难，可能需要滚动条操作。
- 水平菜单 ：一般更优，因为二级菜单共享空间，更加紧凑。不过，像图中MyFaces的垂直菜单存在问题，二级菜单的不可选性在视觉上不明确，需要改进，可让不可选菜单项更具辨识度。
| 菜单类型 | 优点 | 缺点 |
| ---- | ---- | ---- |
| 垂直菜单 | - | 菜单项增多时导航困难 |
| 水平菜单 | 更紧