[发明专利]基于移动终端的用户界面设计系统及方法

说明书

技术领域

本发明涉及系统设备管理领域，特别是涉及一种基于移动终端的用户界面设计系统及方 法。

背景技术

现在android的应用在研发的时候由UI工程师设计图片，软件工程师把这些图片放到代 码编译后给UI工程师审查，中间因为图片在电脑和手机上的显示问题的一些差异，会出现在 电脑上画出的效果到了手机上有变形，还有的时候当几张图片和文字组合后一起看的时候会 和设计的时候有差异，这样就会出现UI工程师再次画出图片给软件工程师，软件工程师把图 片放到代码编译后给UI工程师审查，出现反复设计、编译、和查看的问题，这样对工作效率 有很大的影响。

发明内容

鉴于以上所述现有技术的缺点，本发明的目的在于提供一种基于移动终端的用户界面设 计系统及方法，用于解决现有的用户界面设计时出现的反复设计、编译和查看的问题和工作 效率低的问题。

为实现上述目的及其他相关目的，本发明提供一种基于移动终端的用户界面设计系统， 包括：背景设置单元，用于形成用户界面的界面背景层并根据背景指令为形成的所述界面背 景层设置背景，所述界面背景层的大小适配于移动终端的显示屏幕的大小，所述背景指令包 括图片指令或颜色指令，所述图片指令用于形成以图片为背景的界面背景层，所述颜色指令 用于形成以颜色为背景的界面背景层；以及与所述背景设置单元连接的处理单元，用于根据 查看指令形成对应的查看命令并将所述查看命令发送给所述背景设置单元，所述背景设置单 元根据接收的所述查看命令发送所述界面背景层给所述移动终端的显示屏幕进行显示。

优选地，所述用户界面设计系统还包括与所述处理单元连接的区域设置单元，用于形成 用户界面的区域设置层并根据区域指令在所述区域设置层中设置用户界面区域，为每一个用 户界面区域进行区域设置，所述区域设置层位于所述用户界面层之上；所述区域设置单元还 用于根据接收到的所述处理单元中的所述查看命令发送所述区域设置层给所述移动终端的显 示屏幕进行显示。

优选地，在所述显示屏幕上包括用于分别形成图片指令和颜色指令的的图片按键和颜色 按键；所述背景设置单元用于根据背景指令对应形成界面背景层，包括：所述背景设置单元 读取接收到的图片指令中所指定的所述移动终端内存储的图片，并将读取的图片作为界面背 景层的背景；以及所述背景设置单元读取接收到的所述颜色指令中所指定的颜色并将对应的 颜色作为界面背景层的背景。

优选地，所述区域指令包括区域大小、区域坐标、区域背景、以及区域内容；

在所述显示屏幕上包括用于分别形成所述的区域大小、区域坐标、区域背景以及区域内 容的区域大小按键、区域坐标按键、区域背景按键、以及区域元素按键；

所述区域设置单元用于根据区域指令在所述区域设置层中设置用户界面区域，为每一个 用户界面区域进行区域设置，包括：

所述区域设置单元根据所述区域大小按键形成的区域大小中所指定的尺寸形成具有对应 尺寸的用户界面区域；

所述区域设置单元根据所述区域坐标按键形成的区域坐标中所指定的坐标位置形成位于 所述坐标位置的用户界面区域；

所述区域设置单元根据所述区域背景按键形成的区域背景中所指定的背景形成具有对应 背景的用户界面区域，所述区域背景中所指定的背景为图片或者颜色；

所述区域设置单元根据所述区域元素按键形成的区域内容中所指定的元素形成具有所述 元素的用户界面区域，所述区域内容中所指定的元素包括图片元素、颜色元素、以及文字元 素。

优选地，在所述显示屏幕上还包括添加区域按键，用于形成新的区域指令以增加新的用 户界面区域。

本发明还提供了一种基于移动终端的用户界面设计方法，包括：

为用户界面设置界面背景层；

根据背景指令而在所述界面背景层中设置背景，所述背景为适配于所述移动终端的显示 屏幕的全屏显示，所述背景指令包括图片指令或颜色指令，通过所述图片指令形成以图片为 背景的界面背景层，通过所述颜色指令形成以颜色为背景的界面背景层；以及

根据查看指令将经过背景设置的所述界面背景层通过所述显示屏幕显示设置效果。

优选地，所述用户界面设计方法还包括：

为用户界面设置区域设置层，所述区域设置层位于所述界面背景层之上；