CN101702123A - 移动终端界面实现方法及系统 - Google Patents

Abstract

本发明公开了一种移动终端界面实现方法及系统，该方法包括：获取用户的界面设计方案；将界面设计方案转换得到界面设计方案对应的代码；向用户的移动终端发送代码，以便用户的移动终端根据代码显示界面。本发明实现了低成本且不依赖于特定平台的界面，并提高了用户体验。

Description

移动终端界面实现方法及系统

技术领域

本发明涉及通信领域，具体而言，涉及一种移动终端界面实现方法及系统。

背景技术

随着经济和科技的发展，移动终端的功能逐渐强大，移动终端设计已不仅仅局限于移动终端硬件的外观人性化，其软件系统已成为用户直接操作和应用的主体。随着第三代移动终端时代的到来，可以预见今后出现的移动终端在体积上，尤其是屏幕的尺寸将会更大，以便容纳更多的内容和功能，这就要求移动终端界面的图形和操作逻辑更加人性化。

相关技术中，针对移动终端界面比较丰富，常见的九宫格、十二宫格排列，图形大而醒目、严谨归整，但始终变化不多，图标和背景屏幕颜色都比较单一。另外，一些移动终端界面，在功能键的排列上把移动终端的主要功能和设置分成了四个类别分别对应四个方向键排列，来简化用户记忆菜单和操作点击菜单过程中的麻烦。另外，还有一些移动终端界面，比较注重装饰，拥有三维立体图标上的设计，或者可爱的动画形象和动画场景，用来丰富用户的视觉体验。

但是，上述移动终端界面依然存在个性化不足的问题。一些用户希望在移动终端屏幕显示符合其个性化的背景，于是定制移动终端界面逐渐发展。如今，相关技术中的移动终端界面设计软件以及与定制移动终端界面有关的服务都是价格不菲，同时网上还没有出现免费的下载版本，此外，使用这些移动终端界面设计软件还受到无线上网和特定平台的限制。因此，需要一种低成本且不依赖于特定平台的移动终端界面的实现方法。

发明内容

针对移动终端界面的实现成本高且限制于特定平台的问题而提出本发明，为此，本发明的主要目的在于提供一种移动终端界面实现方法及系统，以解决上述问题。

为了实现上述目的，根据本发明的一个方面，提供了一种移动终端界面实现方法，包括：获取用户的界面设计方案；将界面设计方案转换得到界面设计方案对应的代码；向用户的移动终端发送代码，以便用户的移动终端根据代码显示界面。

优选地，获取用户的界面设计方案包括：接收用户从预先存储的待选界面设计方案中选择的界面设计方案。

优选地，获取用户的界面设计方案还包括：向用户提供设计页面；接收来自用户的设计操作，并根据设计操作确定界面设计方案。

优选地，向用户提供设计页面包括：根据用户的移动终端的型号向用户提供设计页面。

优选地，设计操作包括以下至少之一：选择备选的主题、选择备选的界面、选择界面内容、选择图片、选择颜色、选择风格、选择动画、选择音乐。

优选地，在根据设计操作确定界面设计方案之后，上述方法还包括：向用户显示界面设计方案对应的界面。

优选地，代码包括以下至少之一：HTML、XML、其它移动终端可识别的脚本语言。

为了实现上述目的，根据本发明的另一个方面，提供了一种移动终端界面实现系统，包括：界面设计方案提供子系统，用于获取用户的界面设计方案；界面设计方案转换子系统，用于将界面设计方案转换得到界面设计方案对应的代码；界面设计方案发送子系统，用于向用户的移动终端发送界面设计方案对应的代码；界面设计方案展示子系统，用于对界面设计方案对应的代码进行解析，并根据解析结果展示代码对应的界面设计方案。

优选地，界面设计方案提供子系统包括：提供装置，用于向用户提供设计页面；接收装置，用于接收来自用户的设计操作；确定装置，用于根据设计操作确定界面设计方案。

优选地，界面设计方案提供子系统还包括：显示装置，用于向用户显示界面设计方案对应的界面。

优选地，界面设计方案由用户的移动终端浏览器显示。

优选地，移动终端浏览器包括：收发模块，用于向界面设计方案提供子系统发送下载请求消息，并接收来自界面设计方案发送子系统的界面设计方案对应的代码；解析模块，用于对界面设计方案对应的代码进行解析；布局模块，用于根据解析结果，在移动终端界面上对界面设计方案中的信息进行布局；绘制模块，用于根据解析结果和布局结果，在移动终端界面上展示界面设计方案；内存管理模块，用于保存移动终端界面上展示的界面设计方案。

通过本发明，采用获取用户的界面设计方案并将界面设计方案转换得到对应的代码，然后发送给用户的移动终端解决了移动终端界面的实现成本高且限制于特定平台的问题，进而实现了低成本且不依赖于特定平台的界面，并提高了用户体验。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是根据本发明实施例的移动终端界面实现方法的流程图；

图2是根据本发明实施例的移动终端界面实现方法的流程图；

图3是根据本发明实施例的移动终端浏览器的结构框图；

图4是根据本发明实施例的移动终端界面实现装置结构框图；

图5是根据本发明实施例的移动终端浏览器的结构框图。

具体实施方式

功能概述

考虑到相关技术中移动终端界面的实现成本高且限制于特定平台的问题，本发明提供了一种移动终端界面实现方法及系统，采用获取用户的界面设计方案并将界面设计方案转换得到对应的代码，然后发送给用户的移动终端，进而实现了低成本且不依赖于特定平台的界面，并提高了用户体验。

需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本发明。

方法实施例

根据本发明的实施例，提供了一种移动终端界面实现方法。图1是根据本发明实施例的移动终端界面实现方法的流程图，如图1所示，该方法包括如下的步骤S102至步骤S106：

步骤S102，获取用户的界面设计方案(即，由用户设计自定义界面展示方案)。

具体地，获取用户的界面设计方案包括：接收用户从预先存储的待选界面设计方案中选择的界面设计方案。

具体地，获取用户的界面设计方案还包括：向用户提供设计页面(即，提供窗口供用户填写或选择要自定义的界面内容)；接收来自用户的设计操作，并根据设计操作确定界面设计方案。

其中，向用户提供设计页面需要根据用户的移动终端的型号向用户提供设计页面。

其中，上述设计操作包括选择备选的主题、选择备选的界面、选择界面内容、选择图片、选择颜色、选择风格、选择flash动画、选择音乐。

具体地，在根据设计操作确定界面设计方案之后，能够向用户显示界面设计方案对应的界面(即，显示效果可以通过预览展示给用户)。

步骤S104，将界面设计方案转换得到界面设计方案对应的代码。其中，上述代码包括：标签语言源码(如：HTML，XML等)、其它移动终端浏览器可识别的脚本语言。

步骤S106，向用户的移动终端发送代码，以便用户的移动终端根据代码显示界面(即，移动终端浏览器完成用户定制界面的展示)。

具体地，通过移动终端浏览器对转换所得的源码进行解析和布局，完成用户定制界面的显示。

下面将结合实例对本发明实施例的实现过程进行详细描述。

图2是根据本发明实施例的移动终端界面实现方法的流程图，如图2所示，一个定制界面的网站结合移动终端浏览器为例来详细说明一种定制移动终端界面的具体实现方法，包括如下的步骤S202至步骤S208：

步骤S202，用户设计自定义界面展示方案。用户可以在一个定制界面的网站完成个性化界面的设计(即，上述步骤S102)。这个网站应该具备以下功能：用户选择界面类型、提供丰富的内容、用户操作，下面对其进行具体描述。

1.用户选择界面类型

因为不同的移动终端，其屏幕大小以及各个功能页面的设置布局都不相同，所以移动终端界面设计的基础是确定要设计的移动终端型号。上述定制界面的网站可以给用户提供一个移动终端型号的列表供用户选择。然后，上述定制界面的网站根据选择的型号提供移动终端界面的模版，以便用户在此基础上进行界面的设计。该设计不受移动终端平台的限制。

2.提供丰富的内容

网站需要给用户提供丰富的图片、音乐、动画，还可以提供主题系列，如迪斯尼主题等。另外，界面中可以添加背景音乐和动画，提供多种颜色及排版格式供用户选择，这些都会很大程度上丰富用户的视觉体验。

3.用户操作

以常见的九宫格界面为例，如果用户要更改背景图片，更换各功能键的图标，将排版格式变为列表形式，可以按照如下的操作进行：

根据已经选好的对应移动终端的界面模版，网站会提供给用户一个可预览的原始界面效果。

首先是修改背景图片。根据网站提供的修改背景图片的功能选项，用户点击该选项选择新的背景图片，并由网站在预览图中展示给用户。

其次是替换功能键图标。用户在预览图中选中要替换的图标，再选择新的图标并拖动到用户希望放置的位置即可完成功能键图标的替换。另外，每个功能键图标的位置也可以通过拖动来改变。

最后当排版为列表形式时，只需要用户选择网站中提供的排版功能按钮，选择“列表”模式即可。

上述操作用户在预览图中都可以同步看到修改后的效果，直到用户满意后确认设计完成。

此外，如果用户认为上述操作较困难、较繁琐，定制界面的网站也可以提供一些已经制作好的备选方案供用户选择。在这些被选方案中，用户可以通过图片叠加组合作为装饰，或单独作为短消息、通讯录等功能键的图标或背景；对于通过图标无法辨识的功能键，用户也可以添加文字来说明；用户还可以调节图片、文字大小，颜色等。这只需要用户做简单的选择、修改即可完成，无需复杂专业的操作。

步骤S204，将用户自定义的展示方案转换得到手机可识别的对应的脚本语言源码(即，上述步骤S104)。

转换工作由定制界面的网站服务器完成。根据步骤S202中的移动终端的界面，本发明实施例都是在一定的模版(不同型号的移动终端)基础上进行操作的。由于这些模版也是用脚本语言编写的，因此对定制界面的代码转换可以通过在模版中插入一些标签和文本或修改部分标签的属性来完成，它具有工作量小、操作简单等特点。目前市面上很多网页制作工具都可以实现上述转换功能。

步骤S206，将转换得到的脚本语言源码发送给移动终端浏览器(即，上述步骤S106)。

用户在转换完成后可以通过网站输入移动终端号码，将设计的界面信息通过服务器发送到移动终端上。由于移动终端中原本的界面也是通过展示预存的脚本文件来实现的，收到信息后，移动终端会提示用户是否替换原来的界面，当用户选择“替换”后就会用新的文件替换掉原来预存的文件。否则，也可以将接收到的信息进行存储，留待以后使用。

步骤S208，由移动终端浏览器完成用户定制界面的展示。

定制界面的显示和一般网页的显示相同，打开某个界面时，浏览器会去文件系统中读取相应的界面文件并进行处理显示。

通过上述的步骤，完成了个性化界面的显示。

另外，定制界面的实现还可以在个人电脑或通过在移动终端上安装插件完成，这种方式的好处是不用在网站上下载，节约定制成本，同时，用户还可以使用自己的照片和音乐等来定制界面，更加方便和个性化。

本发明实施例基于浏览器显示移动终端的各个界面，通过构造一种基于移动终端浏览器的个性化移动终端界面的实现方法，实现了如下的技术效果：

第一：成本低。利用了现有的移动终端浏览器来实现定制界面的显示，大大降低了定制成本。

第二：简单，易操作。不需要专业的人员来设计，用户可以通过提供的备选功能完成设计，也可以通过网络媒介进行简单的设置来完成设计。

第三：个性化自由度高。由于现在大多移动终端浏览器都可以支持显示效果较复杂的脚本语言页面，所以完全可以满足用户定制个性化界面的需求。

根据本发明实施例，提供了一种移动终端界面实现方法及系统，采用获取用户的界面设计方案并将界面设计方案转换得到对应的代码，然后发送给用户的移动终端，进而实现了低成本且不依赖于特定平台的界面，并提高了用户体验。

需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

装置实施例

根据本发明的实施例，提供了一种移动终端界面实现系统，该系统可以用于实现上述界面实现方法。图3是根据本发明实施例的移动终端界面实现系统的结构框图，如图3所示，该装置包括：界面设计方案提供子系统31，界面设计方案转换子系统32，界面设计方案发送子系统33、界面设计方案展示子系统34。下面对上述结构进行详细描述。

界面设计方案提供子系统31，用于获取用户的界面设计方案；界面设计方案转换子系统32，连接至界面设计方案提供子系统31，用于将界面设计方案提供子系统31获取的界面设计方案转换得到界面设计方案对应的代码；界面设计方案发送子系统33，连接至界面设计方案转换子系统32，用于向用户的移动终端发送界面设计方案转换子系统32转换的界面设计方案对应的代码；界面设计方案展示子系统34，用于对界面设计方案对应的代码进行解析，并根据解析结果展示代码对应的界面设计方案。

图4是根据本发明实施例的移动终端界面实现装置的结构框图，如图4所示，该界面设计方案提供子系统31包括：提供装置41、接收装置42、确定装置43、显示装置44。下面对上述结构进行详细描述。

提供装置41，用于向用户提供设计页面；接收装置42，用于接收来自用户的设计操作；确定装置43，连接至接收装置42，用于根据接收装置42接收的设计操作确定界面设计方案；显示装置44，连接至确定装置43，用于向用户显示确定装置43确定的界面设计方案对应的界面。

根据本发明的实施例，上述界面设计方案展示子系统由用户的移动终端浏览器显示。图5是根据本发明实施例的移动终端浏览器的结构框图，如图5所示，包括：

收发模块51，用于向界面设计方案提供子系统发送下载请求消息，并接收来自界面设计方案发送子系统的界面设计方案对应的代码(即，接收网站下发的自定义界面数据信息)。

解析模块52，连接至收发模块51，用于对收发模块51接收的界面设计方案对应的代码(即，脚本文件中的数据)进行解析。

布局模块53，连接至解析模块52，用于根据解析模块52的解析结果，在移动终端界面上对界面设计方案中的信息进行布局(即，确定各类信息在移动终端界面上的位置)。

绘制模块54，连接至布局模块53，用于根据解析模块52的解析结果和布局模块53的布局结果，在移动终端界面上展示界面设计方案(即，显示数据)。

内存管理模块55，用于保存移动终端界面上展示的界面设计方案，供以后再次打开各个界面时使用。

需要说明的是，装置实施例中描述的界面实现装置对应于上述的方法实施例，其具体的实现过程在方法实施例中已经进行过详细说明，在此不再赘述。

综上所述，根据本发明的上述实施例，提供了一种移动终端界面实现方法及系统，采用获取用户的界面设计方案并将界面设计方案转换得到对应的代码，然后发送给用户的移动终端，解决了移动终端界面的实现成本高且限制于特定平台的问题，即解决了移动终端界面缺乏个性化及定制费用过高的问题。进而实现了低成本且不依赖于特定平台的界面，使用户能更方便、快捷、随意的定制个性化移动终端界面，提高了用户体验。

显然，本领域的技术人员应该明白，上述的本发明的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (12)

1.一种移动终端界面实现方法，其特征在于，包括：

获取用户的界面设计方案；

将所述界面设计方案转换得到所述界面设计方案对应的代码；

向所述用户的移动终端发送所述代码，以便所述用户的所述移动终端根据所述代码显示界面。

2.根据权利要求1所述的方法，其特征在于，获取所述用户的所述界面设计方案包括：接收所述用户从预先存储的待选界面设计方案中选择的所述界面设计方案。

3.根据权利要求1所述的方法，其特征在于，获取所述用户的所述界面设计方案还包括：

向所述用户提供设计页面；

接收来自所述用户的设计操作，并根据所述设计操作确定所述界面设计方案。

4.根据权利要求3所述的方法，其特征在于，向所述用户提供设计页面包括：

根据所述用户的所述移动终端的型号向所述用户提供设计页面。

5.根据权利要求3所述的方法，其特征在于，所述设计操作包括以下至少之一：

选择备选的主题、选择备选的界面、选择界面内容、选择图片、选择颜色、选择风格、选择动画、选择音乐。

6.根据权利要求3所述的方法，其特征在于，在根据所述设计操作确定所述界面设计方案之后，所述方法还包括：

向所述用户显示所述界面设计方案对应的界面。

7.根据权利要求1所述的方法，其特征在于，所述代码包括以下至少之一：

HTML、XML、其它所述移动终端可识别的脚本语言。

8.一种移动终端界面实现系统，其特征在于，包括：

界面设计方案提供子系统，用于获取用户的界面设计方案；

界面设计方案转换子系统，用于将所述界面设计方案转换得到所述界面设计方案对应的代码；

界面设计方案发送子系统，用于向所述用户的移动终端发送所述界面设计方案对应的所述代码；

界面设计方案展示子系统，用于对所述界面设计方案对应的所述代码进行解析，并根据解析结果展示所述代码对应的界面设计方案。

9.根据权利要求8所述的系统，其特征在于，所述界面设计方案提供子系统包括：

提供装置，用于向所述用户提供设计页面；

接收装置，用于接收来自所述用户的设计操作；

确定装置，用于根据所述设计操作确定所述界面设计方案。

10.根据权利要求9所述的系统，其特征在于，所述界面设计方案提供子系统还包括：

显示装置，用于向所述用户显示所述界面设计方案对应的界面。

11.根据权利要求8所述的系统，其特征在于，所述界面设计方案由所述用户的移动终端浏览器显示。

12.根据权利要求11所述的系统，其特征在于，所述移动终端浏览器包括：

收发模块，用于向所述界面设计方案提供子系统发送下载请求消息，并接收来自所述界面设计方案发送子系统的所述界面设计方案对应的所述代码；

解析模块，用于对所述界面设计方案对应的所述代码进行解析；

布局模块，用于根据所述解析结果，在所述移动终端界面上对所述界面设计方案中的信息进行布局；

绘制模块，用于根据所述解析结果和所述布局结果，在所述移动终端界面上展示所述界面设计方案；

内存管理模块，用于保存所述移动终端界面上展示的所述界面设计方案。

Images