13、设计 Web 界面的综合指南

设计 Web 界面的综合指南

1. 服务器选择

在开发过程中，为了利用其调试支持，我们选用了 Apache 网络服务器。而在生产环境中，考虑到 lighttpd 更小的内存需求和更快的速度，我们最终选择了它。我们在开发周期较晚的时候才确定生产环境中使用的网络服务器，这得益于我们编写的 PHP 脚本能够在 Apache、CGI 和 FastCGI 环境下运行。

如果你的设备 CPU 与开发机器的 CPU 不同，需要注意 Yaghmour 在其关于嵌入式 Linux 的书中提到的，Apache 难以进行交叉编译。不过，若你的设备无需进行交叉编译，则可不必考虑此问题。

2. UI 设计

UI 设计涉及多个方面，下面将详细介绍不同部分的设计要点和权衡。
- 菜单系统
- 菜单系统的重要功能之一是让用户快速了解系统的功能。顶级选项过多的菜单会让用户难以选择操作，而嵌套过多的菜单虽能减少顶级菜单的拥挤，但会增加用户查找操作的时间。
- 菜单系统可分为垂直菜单和水平菜单：
- 垂直菜单通常位于窗口左侧，随着菜单项数量增加，导航会变得困难。
- 水平菜单通常位于窗口顶部附近，二级菜单共享空间，更为紧凑，通常更具优势。
- 例如，图 8 - 2 中的垂直 MyFaces 菜单存在二级菜单不可选但视觉上不清晰的问题，可通过使不可选菜单项更具辨识度来改进，如图 8 - 3 所示。
- 对话框
建议避免使用对话框，因为对话框会暂停操作，用户必须点击按钮关闭对话框才能继续。Alan Cooper 也反对使用对话框，因为它们会破坏