[发明专利]移动端界面的适配方法、装置、移动终端及存储介质

说明书

本发明适用计算机技术领域，提供了一种移动端界面的适配方法、装置、移动终端及存储介质，该方法包括：根据预设的主流设备独立像素、预设的响应式布局方式，对设计稿上的图片元素进行调整，根据预设的字体格式，对设计稿上的文字元素进行调整，根据调整后的图片元素和调整后的文字元素，生成设计稿对应的移动端界面并输出，从而通过多种调整方式的结合，有效地移动端界面适配的灵活性，进而提高了移动端界面适配效果。

技术领域

本发明属于计算机技术领域，尤其涉及一种移动端界面的适配方法、装置、移动终端及存储介质。

背景技术

移动终端的界面适配是指设计一种适配方案，在主流移动终端上都能达到比较好的效果，使用户看起来比较舒适，同时也不违背终端大屏幕的初衷，即在更大的终端上用户可以在不翻页的情况下看到更多的内容。目前移动终端的飞速发展，追求的是在5寸到6寸的移动终端上达到很好的效果，同时在尺寸更大的平板设备上也能看起来舒适。

由于移动终端的屏幕分辨率、屏幕尺寸、屏幕长宽比各不相同，还有移动终端上系统、浏览器的多样性，目前移动终端的界面适配仍然没有一种方案能够很好地适配大部分的主流移动终端，界面适配的灵活性不足，导致适配效果不佳。

发明内容

本发明的目的在于提供一种移动端界面的适配方法、装置、移动终端及存储介质，旨在解决由于现有技术无法提供一种有效的移动端界面的适配方法，导致移动端界面的适配效果不佳、用户体验不佳的问题。

一方面，本发明提供了一种移动端界面的适配方法，所述方法包括下述步骤：

根据预设的主流设备独立像素、预设的响应式布局方式，对预先设计好的设计稿上的图片元素进行调整；

根据预设的字体格式，对所述设计稿上的文字元素进行调整；

根据调整后的所述图片元素和调整后的所述文字元素，生成所述设计稿对应的移动端界面并输出。

另一方面，本发明提供了一种移动端界面的适配装置，所述装置包括：

图片调整单元，用于根据预设的主流设备独立像素、预设的响应式布局方式，对预先设计好的设计稿上的图片元素进行调整；

字体调整单元，用于根据预设的字体格式，对所述设计稿上的文字元素进行调整；以及

移动界面生成单元，用于根据调整后的所述图片元素和调整后的所述文字元素，生成所述设计稿对应的移动端界面并输出。

另一方面，本发明还提供了一种移动终端，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如上述移动端界面的适配方法所述的步骤。

另一方面，本发明还提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现如上述移动端界面的适配方法所述的步骤。

本发明在根据预设的主流设备独立像素、预设的响应式布局方式，对设计稿上的图片元素进行调整，根据预设的字体格式，对设计稿上的文字元素进行调整，根据调整后的图片元素和调整后的文字元素，生成设计稿对应的移动端界面并输出，从而通过主流设备独立像素、响应式布局方式、字体格式等多种方式结合，有效地提高了移动端界面的适配灵活性，进而提高了移动端界面的适配效果，提高了用户体验。

附图说明

图1是本发明实施例一提供的移动端界面的适配方法的实现流程图；

图2是本发明实施例二提供的移动端界面的适配装置的结构示意图；

图3是本发明实施例二提供的移动端界面的适配装置的优选结构示意图；以及

图4是本发明实施例三提供的移动终端的结构示意图。