用户接口设计系统与方法技术方案

一种用户接口设计系统与方法，搭载到用于构建用户接口的应用软件中，其中，该用户接口至少具有多个框体，该用户接口设计方法包括以下步骤首先建立数据库，该数据库用于储存各框体显示格式信息及数据格式信息至第一储存区域，以及用于储存该框体的布局规则至第二储存区域；尔后设定各框体的显示格式信息、数据格式信息以及布局规则，并将设定的该显示格式信息、该数据格式信息以及该布局规则储存至该数据库；再从该数据库的第一储存区域获取显示格式信息以及数据格式信息，并依据该设定的信息依次生成各框体；以及最后生成各框体时，依据该设定的各框体的布局规则予以布设，构建该用户接口，从而提高应用程序接口设计人员工作效率。

【技术实现步骤摘要】

本专利技术涉及一种，更详细地，涉及一种 搭载到用于构建用户接口的应用软件中的。
技术介绍
随着科学技术的发展、进步，诸如电脑、数字电视、移动电话以及个人数字助理(PDA)等电子信息产品纷纷问世，上述的电子信息产 品均采用多种应用程序完成其内部计算及运行，而为使用户可对该类 电子信息产品进行可视化操作，现今应用程序的开发均提供面向用户 的接口，该接口中包含有多个可操控对象，用户可以根据需要对其中任一对象执行操作及控制作业。显然，现今应用程序开发提供的用户接口作为用户对该类电子信 息产品实施操作的必需视窗，其设计优劣的重要性已不容忽视，尤其 随着电子市场的竞争日趋激烈，吸引用户兴趣的已不仅仅是该类电子 信息产品的高性能，而其提供用户接口的设计是否人性化已逐渐成为用户选择的重要参考标准。现行的用户接口的设计过程通常包括两个部分实现该接口功能 的编程设计、对应于该编程设计的用户接口的图形设计。由于现在的 应用软件的功能越来越繁多，使得对应用户接口的图形设计亦随之变 得复杂，往往设计一个接口上需要布设大量元件，例如窗体、图文框体、按钮等等，由于该布设作业均通过手工完成，即需将该些元件一一拉动至表单(Form)上，繁复枯燥且费时费力，大大降低设计人员的工作效率。而且，又因该些元件的大小均通过手工调整，会产生修改上的不 便，例如当其中一个窗体大小变动时，必须手动调整周边窗体的位置与大小以适应该变动，而此时，这种手工操作的调节方式不仅缓慢，而易于产生人为失误，导致需作反复修正而拖长了设计周期，尤其是对于复杂的用户接口 ，更需要经过反复试验和仔细调整才能达到设计 要求的效果，费吋费力，由此可见，该种效率低落的设计方式根本无 法满足应用软件的高速发展需求。因此，如何提供一种可预先定义布局参数，使设计软件自行布局 及调节，以提高应用程序接口设计人员的工作效率用户接口设计系统 与方法，遂成为目前业界亟待解决的重要课题。
技术实现思路
鉴于上述现有技术的缺点，本专利技术的主要目的在于提供一种用户 10接口设计系统与方法，其适用于用于构建用户接口的应用程序，可预 先定义布局参数，使设计软件自行布局及调节。本专利技术的另一目的在于提供一种，从而 避免人为失误，可提高应用程序接口设计人员的工作效率。为达上述目的及其他相关目的，本专利技术提供一种用户接口设计系 15 统及其方法。本专利技术用户接口设计系统，搭载到用于构建用户接口的 应用软件中，其中，该用户接口至少具有多个框体，该系统包括数 据库，该数据库用于储存各框体的显示格式信息及数据格式信息至第 一储存区域，以及用于储存各框体的布局规则至第二储存区域；设定 模块，该设定模块用于设定各框体的显示格式信息、数据格式信息以 20 及布局规则，并将设定的该显示格式信息、该数据格式信息以及该布 局规则储存至该数据库；接口生成模块，该接口生成模块自该数据库 的第一储存区域获取显示格式信息以及数据格式信息，并依据该设定 模块所设定的信息依次生成各框体；以及布局管理模块，该布局管理 模块于该接口生成模块生成各框体时，依据该设定模块设定的各框体 25 的布局规则予以布设，以构建该用户接口。本该用户接口设计系统中，包括调整模块，用于各框体布局完成 后，改变该多个框体其中之一的大小或宽高比率时，各框体依据该布 局规则调整相对位置关系，以供其整体层次形态不变。本该用户接口设计系统中，上述该显示格式信息至少包括各框体 30 的显示顺序信息以及显示功能信息。较佳地，该显示顺序信息为优先 生成该框体的顺序；该显示功能信息至少包括按钮、编辑框名称或代号；该数据格式信息至少包括宽度及高度；该多个框体为东框体、南框体、西框体以及北框体四个；该各框体的布局规则为，布设该北框体或南框体吋，布设至该用户接口的空白区域左、右两边缘，以及布 设该东框体或西框体吋，布设至该用户接口的空白区域上、下两边缘，5 以使该用户接口剩余的区域成几何形体，以便下一框体布设，且该布 局规则可重复使用。通过本专利技术用户接口设计系统执行本专利技术用户接口设计方法包括 以下步骤首先建立数据库，该数据库用于储存各框体的显示格式信 息及数据格式信息至第一储存区域，以及用于储存各框体的布局规则10 至第二储存区域；尔后设定各框体的显示格式信息、数据格式信息以 及布局规则，并将设定的该显示格式信息、该数据格式信息以及该布 局规则储存至该数据库；再自该数据库的第一储存区域获取显示格式 信息以及数据格式信息，并依据该设定的信息依次生成各框体；以及 最后于生成各框体时，依据该设定的各框体的布局规则予以布设，以15 构建该用户接口。本该用户接口设计方法中，包括调整歩骤，用于各框体布局完成 后，改变该多个框体其中之一的大小或宽高比率时，各框体依据该布 局规则调整相对位置关系，以供其整体层次形态不变。本该用户接口设计方法中，上述该显示格式信息至少包括各框体20的显示顺序信息以及显示功能信息。较佳地，该显示顺序信息为优先 生成该框体的顺序；该显示功能信息至少包括按钮、编辑框名称或代 号；该数据格式信息至少包括宽度及高度；该多个框体为东框体、南 框体、西框体以及北框体四个；该各框体的布局规则为，布设该北框 体或南框体时，布设至该用户接口的空白区域左、右两边缘，以及布25 设该东框体或西框体时，布设至该用户接口的空白区域上、下两边缘， 以使该用户接口剩余的区域成几何形体，以便于下一框体布设，且该 布局规则可重复使用。相比于现有技术，本专利技术用户接口设计系统及其方法，通过预先 设定各框体的显示格式信息、数据格式信息以及各框体的布局规则，30 尔后依据该设定的显示格式信息以及数据格式信息依次生成多个框-体，最后依据该设定的各框体的布局规则予以布设，以构建该用户接口，如此，可避免人为失误，提高应用程序接口设计人员的工作效率。附图说明图1显示本专利技术用户接口设计系统基本架构的方块示意图2显示本专利技术用户接口设计方法的操作流程示意图；以及图3显示本专利技术用户接口设计系统及方法的数据库的第一储存区 域的栏位示意图。元件符号简单说明 1应用软件ll用户接口设计系统111设定模块113数据库1131第一储存区域1133第二储存区域115接口生成模块117布局管理模块119 调整模块具体实施例方式以下通过特定的具体实例说明本专利技术的实施方式，本领域的技术 人员可由本说明书所揭示内容轻易地了解本专利技术的其他优点与功效。 本专利技术亦可通过其他不同的具体实例加以施行或应用，本说明书中的 各项细节亦可基于不同观点与应用，在不背离本专利技术的精神下进行各种修饰与变更。请参阅图l，为方块示意图，其用于显示本专利技术用户接口设计系统 的基本架构。如图所示，本专利技术用户接口设计系统11，搭载到用于构 建用户接口的应用软件中1，其中，该用户接口至少具有多个框体，本 实施例中，该多个框体为东框体、南框体、西框体以及北框体四个，该用户接口设计系统11包括数据库113、设定模块111、接口生成模块115以及布局管理模块117。请同时参阅图3，如图所示，该数据库113包括有第一储存区域1131以及第二储存区域1133，本实施例中，该第一储存区域1131用于储存各框体的显示格式信息及数据格式信息，其中，该显示格式信 息至少包括各框体的显示顺序信息以及显本文档来自技高网...

【技术保护点】
一种用户接口设计系统，搭载到用于构建用户接口的应用软件中，其中，该用户接口至少具有多个框体，该系统包括：数据库，用于储存各框体的显示格式信息及数据格式信息至第一储存区域，以及用于储存各框体的布局规则至第二储存区域；设定模块， 用于设定各框体的显示格式信息、数据格式信息以及布局规则，并将设定的该显示格式信息、该数据格式信息以及该布局规则储存至该数据库；接口生成模块，从该数据库的第一储存区域获取显示格式信息以及数据格式信息，并依据该设定模块所设定的信息依次生 成各框体；以及布局管理模块，于该接口生成模块生成各框体时，依据该设定模块设定的各框体的布局规则予以布设，以构建该用户接口。

【技术特征摘要】
1. 一种用户接口设计系统，搭载到用于构建用户接口的应用软件中，其中，该用户接口至少具有多个框体，该系统包括数据库，用于储存各框体的显示格式信息及数据格式信息至第一储存区域，以及用于储存各框体的布局规则至第二储存区域；设定模块，用于设定各框体的显示格式信息、数据格式信息以及布局规则，并将设定的该显示格式信息、该数据格式信息以及该布局规则储存至该数据库；接口生成模块，从该数据库的第一储存区域获取显示格式信息以及数据格式信息，并依据该设定模块所设定的信息依次生成各框体；以及布局管理模块，于该接口生成模块生成各框体时，依据该设定模块设定的各框体的布局规则予以布设，以构建该用户接口。2. 根据权利要求1所述的用户接口设计系统，进一步包括调整模块，用于各框体布局完成后，改变该多个框体其中之一的大小或宽高 比率时，各框体依据该布局规则调整相对位置关系，以供其整体层次 形态不变。3. 根据权利要求1所述的用户接口设计系统，其中，该显示格式 信息至少包括各框体的显示顺序信息以及显示功能信息。4. 根据权利要求2所述的用户接口设计系统，其中，该显示顺序 25 信息为优先生成该框体的顺序。5. 根据权利要求2所述的用户接口设计系统，其中，该显示功能 信息至少包括按钮、编辑框名称或代号。6.根据权利要求1所述的用户接口设计系统，其中，该数据格式信息至少包括宽度及高度。7. 根据权利要求1所述的用户接口设计系统，其中，该多个框体 为东框体、南框体、西框体以及北框体四个。8. 根据权利要求1所述的用户接口设计系统，其中，各框体的布 5 局规则为，布设该北框体或南框体时，布设至该用户接口的空白区域左、右两边缘，以及布设该东框体或西框体时，布设至该用户接口的 空白区域上、下两边缘，以使该用户接口剩余的区域成几何形体，以 便于下一框体布设。9.根据权利要求8所述的用户接口设计系统，其中，该布局规则可重复使用。...

【专利技术属性】
技术研发人员：邱全成，江庆端，
申请(专利权)人：英业达股份有限公司，
类型：发明
国别省市：71[中国|台湾]