[发明专利]一种基于IOS系统的视差翻页人机交互方法

说明书

本发明涉及手机交互技术领域，本发明公开了一种基于IOS系统的视差翻页人机交互方法，其具体包括以下的步骤：步骤一、进入程序后，将手机界面中当前页面上的其中一个图片或者标题逐渐变大并高亮显示，其他图片或者标题大小不变并低亮显示；步骤二、用户滑动屏幕时，根据手指滑动的速度及方向进行翻页；步骤三、在滑动的过程中，新显示出来的页面上的其中一个图片或者标题逐渐变大并变高亮显示在新的当前页面上，其他图片大小不变地低亮显示在新的页面上，根据手指滑动的距离和系统设定的根据用户滑动多少距离翻一页判断出哪一个图片或者标题被逐渐变大并变高亮显示。通过上述方法聚焦用户的视线，提高了用户的操作体验。

技术领域

本发明涉及人机交互技术领域，尤其涉及一种基于IOS系统的视差翻页人机交互方法。

背景技术

随着iPhone等基于手指触控的人机交互的触摸屏手机的流行，在触摸屏手机的很多程序窗口中，通过向上或者向下滑动手指，其屏幕就能对应向上或者向下滑动，屏幕上的图片则跟随屏幕的滑动而变化。

在采用现有的翻页方法时，在手机的界面中，每一个页面中的每一个图片的大小、亮度等在翻页前、翻页中以及翻页后都是固定不变的。如图1所示的手机界面，不管是向上滑动还是向下滑动，图片一、图片二、图片三、图片四都以现有的亮度和大小显示在手机界面上，这样的翻页方法使得用户不能快速找到感兴趣的图片或者标题，从而快速进入用户想要进入的下一级界面，降低了用户的操作体验。

发明内容

针对现有技术中的人机交互方法，用户体验不高的技术问题，本发明公开了一种基于IOS系统的视差翻页人机交互方法。

本发明的发明目的通过下述技术方案来实现：

一种基于IOS系统的视差翻页人机交互方法，其具体包括以下的步骤：步骤一、进入程序后，将手机界面中当前页面上的其中一个图片或者标题逐渐变大并高亮显示，其他图片或者标题大小不变并低亮显示；步骤二、用户滑动屏幕时，根据手指滑动的速度及方向进行翻页，当手指向上滑动时，向上翻页，当手指向下滑动时，向下翻页，翻页的速度与手指滑动的速度相对应；步骤三、在滑动的过程中，新显示出来的页面上的其中一个图片或者标题逐渐变大并变高亮显示在新的当前页面上，其他图片大小不变地低亮显示在新的页面上，根据手指滑动的距离和系统设定的根据用户滑动多少距离翻一页判断出哪一个图片或者标题被逐渐变大并变高亮显示。

更进一步地，上述图片或者标题在翻页过程中的大小变化以及亮度变化通过动画效果进行显示。

更进一步地，上述动画效果采用UI控件UICollectionView来实现。

更进一步地，上述方法还包括当用户松手时，手机界面还处于翻页的过程中，此时对翻页的结果进行位置校正。

更进一步地，上述位置校正具体为根据翻页的方向和用户松手时页面当前位置判断离哪一个图片或者标题更近，离哪一个图片或者标题更近，就根据运动方向校正到这个图片或者标题。

通过采用以上技术方案，本发明的有益效果是：本发明通过将其中的一个图片或者标题（入口）逐渐变大并高亮在手机界面中显示给用户，方便用户快速寻找到感兴趣的入口，本发明提供了一种当前页面中需要用户视线聚集的图片逐渐变大并变亮的过程，提高了用户的操作体验，为应用程序来带更多的用户粘度和用户友善度，从而建立起应用程序自身的核心竞争力。在视觉上，通过将图片变大及变亮的方式突出了当前页中某一个图片或者标题的显著度，能让用户更多的聚焦在当前高亮显示的图片或者标题入口上，在使用方式上具有乐趣，避免枯燥的千篇一律的使用方式给用户带来的审美疲劳和使用乏味。

附图说明

图1为现有技术中的翻页方法的手机界面示意图。

图2为本发明的视差翻页人机交互方法的手机界面示意图。

具体实施方式