35、构建社交直讯应用：从原型到代码实现

构建社交直讯应用：从原型到代码实现

在开发应用程序时，从原型设计到代码实现是一个复杂但有序的过程。本文将详细介绍一个名为 tonvo 的社交直讯应用的开发，涵盖从线框设计到代码结构搭建的各个方面。

1. 线框设计工具

在应用开发中，线框设计是一个关键步骤，它能帮助我们直观地规划应用的界面布局和交互流程。Balsamiq 是一款优秀的线框设计工具，尤其适用于应用开发。它有免费版和商业版，可从 http://balsamiq.com 下载。

使用 Balsamiq 可以创建出反映应用用例分析的线框。例如，图 12 - 3 展示了使用 Balsamiq 为 tonvo 应用创建的一组线框，它呈现了应用中四个主要视图的线框，包括关键用户界面元素及其相对位置。Balsamiq 还允许使用“便签”注释线框，这有助于传达特定上下文的要点。在线框中，还可以使用箭头显示点击一个元素如何将用户从一个视图移动到另一个视图。

线框的非正式呈现很重要，因为它传达了灵活性。在这个阶段，尝试不同的设计、交互模型和布局定位既容易又成本低。如果要与客户开会展示线框，打印出来是个好主意，因为纸上设计的实体感能帮助客户更好地理解，还可以通过洗牌页面来模拟视图过渡，这有助于传达视图层次结构。

2. 代码组织与卫生因素

构建高质量的应用需要处理大量代码。商业应用需要考虑所有边缘情况、平台差异和客户的细微需求。因此，正确组织代码是构建和维护软件的关键。

如果能找到将系统分解为模块的正确方法，理解模块之间的交互，并为新功能留出空间，就能实现高