近年来,各种移动终端设备不断涌入市场的同时给界面设计者带来了新的挑战：如何高效的开发具有高界面可用性的用户界面。今天的基于模型的界面开发方法研究旨在提供建模方法和支持工具,使得界面可以在抽象层次上“描述一次、到处运行”。然而,如何提高界面可用性的问题仍是设计者所面临的一个亟需解决的问题。相比于传统的手工界面设计方法,基于规则转换的工具支持的自动界面开发方法虽然可以提高开发效率,但却无法保证界面可用性。原因在于,规则虽然可以正确的描述任务执行过程,却无法描述跟界面可用性相关的语义信息。目前在HCI应用领域被设计者普遍认可并采纳的用户界面模式为此提供了一个可能的解：在界面自动生成工具中引入界面设计模式,通过复用具有可用性设计知识的用户界面模式来表达界面的交互语义信息,通过界面生成规则来描述界面的任务执行过程,最终界面可依赖该规则自动生成。本文提出一种可视化的界面自动生成方法,该方法是基于可用性界面模式的；应用该方法设计一个可视化的基于界面模式的界面设计环境—VIDE。为了实现该环境,本文从两个方面着手：首先,设计一个封装可用性设计知识的用户界面模式库,该模式库是对现有的界面模式库的优化和改进：提出一种基于文本的非结构化模式描述方法和基于XML的结构化模式描述方法,从两个维度分别描述一个界面模式,使得模式同时满足“人机可读”的目的；其次,将本文设计的界面模式库实现为Android平台上的可视化图形界面构件库,并将该构件库嵌入到Android移动界面开发环境中。VIDE具有如下特点：1)提供一个图形界面构件库,设计者只需要通过最简单的拖拽操作便可以轻松快速的进行界面设计工作,实现了“所见即所控制”的目的。由于直接操作相比于编码实现更快速,因此节省了设计时间,提高了界面设计效率；2)基于模式的可视化界面构件库封装了可用性设计知识,因此,设计出来的界面质量和用户满意度更高。