[发明专利]通过显示有编号的图片序列表达界面流程设计的方法

说明书

技术领域

本发明涉及一种通过显示有编号的图片序列表达界面流程设计的方法。

背景技术

所有存在人机交互的设备上，其界面的工作都可以认为是基于人机之间信息输入输出激励下的屏幕切换。通常，每一个屏幕可能有不同的组成部分，而且每一个部分都会有相应的一些含义，对应不同的用户期待和设备行为反映，也即进行人机交互的“信息逻辑单元”。人机交互也就成为一种通过操作者对屏幕内各个信息逻辑单元的触发来形成设备相应，进而形成屏幕/场景的切换。这种切换可能是全屏幕的，也可能只是屏幕中的一部分。

现今社会中经常存在两种演示的需求：第一种需求是在项目还没有完成的时候，经常有出于市场和销售等的演示的要求，需要非常急迫的把有限功能实现出来，做出所谓演示版本以展示将要开发的未来的行为给客户参考，然而因为只是演示，实际的逻辑功能是没有完全做出来的或不完善的，但是对于某些客户来说，他们需要的只是“效果”，而并非实际内容，所以在这样的演示中，屏幕中的操作可以是“假”的；第二种需求是由于产品/界面效果方面的设计人员与真正的软硬件开发人员、编程人员交流中经常存在误会，设计者的设计思路与开发者的执行实现之间始终存在一个沟通问题，越复杂的东西，沟通越容易出错，因此，对于需要简单和快速的表达这样的界面逻辑部分的关系时，需要由前端设计人员作出直观的演示流程，交给开发人员，便于开发人员理解。

鉴于以上内容，有必要提供一种方法，用简单的逻辑和设计人员的图片/样片，在有限的范围内在实际设备上做出逼真的操作效果。

发明内容

本发明的目的在于提供一种通过显示有编号的图片序列表达界面流程设计的方法，在设备上通过对交互事件的响应显示图片，做出逼真的操作效果。

本发明的技术方案如下：

一种通过显示有编号的图片序列表达界面流程设计的方法，包括以下步骤：

A、确认界面流程设计里要响应的事件，根据逻辑关系分类和配对，为每对逻辑事件安排一个编码的维度；

B、根据事件对的分类与图片切换的关系，对界面流程设计中的所有图片进行编码，获得相应的编号；

C、根据预定义维度上发生的操作事件，查找相应编号的图片并显示。

所述的方法，其中，在所述步骤B中，在原点图片的编码基础上，把其他图片依次按照流程设计里事件出现的顺序和关系，对下一副图片在前一副图片的编码基础上，在激励事件所在的维度进行编码以获得相应的编号。

所述的方法，其中，所述图片的编号包括图片在各个维度内的编码结果。

所述的方法，其中，所述编号包含在图片的地址或文件名中。

所述的方法，其中，所述步骤C具体包括：

C1、显示原点图片；

C2、等待输入事件；

C3、判断输入事件的类型；

C4、按照事件类型，在当前图片编号的基础上，改变对应的维度数值，产生新的编号；

C5、显示新编号对应的图片并返回步骤C2。

所述的方法，其中，在所述步骤C3中，如果输入事件被判定为复位事件，则直接返回步骤C2。

所述的方法，其中，在执行所述步骤C5之前还要先判断所述新的编号是否有效，有效则进入步骤C5，无效则返回步骤C2。

所述的方法，其中，在所述新的编号被判定无效后，还要取消在步骤C4中对维度数值的改变。

通过本发明提供的方法，可将用户输入的逻辑事件，直接根据编码的计算获得需要的图片编号，在图片之间进行切换，从而模仿出实际的界面操作逻辑。

附图说明

图1为本发明通过显示有编号的图片序列表达界面流程设计的方法较佳实施方式的流程图；

图2为本发明通过显示有编号的图片序列表达界面流程设计的方法较佳实施方式中图片显示方法的流程图。

具体实施方式

以下将结合附图，对本发明的具体实施方式加以详细说明。

本发明提供了一种通过显示有编号的图片序列表达界面流程设计的方法，其技术特点如下：首先把界面逻辑中涉及的所有连续出现的屏幕进行编号，简单的说，就是从设计的流程图出发，对所有要出现的图片进行编排，编排的结果，是根据逻辑事件对，为每一副图片在不同维度上确定一个编号(坐标)，然后根据用户输入的逻辑事件，直接根据编码的计算获得需要的图片编号，在图片之间进行切换，从而模仿出实际的界面操作逻辑。

参考图1，本发明通过显示有编号的图片序列表达界面流程设计的方法较佳实施方式包括：

步骤S11、确认界面流程设计里要响应的事件，并根据逻辑关系分类和配对，为每对逻辑事件安排一个编码的维度。