CN107391096B - 原型制作方法 - Google Patents

原型制作方法 Download PDF

Info

Publication number
CN107391096B
CN107391096B CN201611169861.8A CN201611169861A CN107391096B CN 107391096 B CN107391096 B CN 107391096B CN 201611169861 A CN201611169861 A CN 201611169861A CN 107391096 B CN107391096 B CN 107391096B
Authority
CN
China
Prior art keywords
response
trigger
prototype
prototyping
interval
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201611169861.8A
Other languages
English (en)
Other versions
CN107391096A (zh
Inventor
宋在元
金�洙
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Xizhizhi Interactive Software Development Co
Original Assignee
Xizhizhi Interactive Software Development Co
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Xizhizhi Interactive Software Development Co filed Critical Xizhizhi Interactive Software Development Co
Publication of CN107391096A publication Critical patent/CN107391096A/zh
Application granted granted Critical
Publication of CN107391096B publication Critical patent/CN107391096B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F11/00—Error detection; Error correction; Monitoring
    • G06F11/30—Monitoring
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F30/00—Computer-aided design [CAD]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/10—Requirements analysis; Specification techniques
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/20—Software design
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Geometry (AREA)
  • Evolutionary Computation (AREA)
  • Computer Hardware Design (AREA)
  • Quality & Reliability (AREA)
  • User Interface Of Digital Computer (AREA)
  • Architecture (AREA)

Abstract

本发明一实施例提供一种原型制作方法，包括：通过原型制作界面选择用于使原型执行终端输出特定应答的条件即第1触发的步骤；通过上述原型制作界面选择上述第1触发的第1‑1应答的步骤，其中，上述第1‑1应答是在上述原型执行终端中发生触发时所驱动的输出；通过上述原型制作界面输入上述第1‑1应答的适用区间的步骤；以及通过上述原型制作界面相邻显示上述第1触发、第1‑1应答及第1‑1应答的适用区间的步骤。

Description

原型制作方法
技术领域
本发明涉及一种原型制作方法(METHOD FOR PROTOTYPING GRAPHIC USERINTERFACE)，尤其是一种能够通过利用适用区间(Timeline)对负责状态(State)的触发(Trigger)和适用于图层(Layer)中的应答(Response)进行有机结合，从而对多重输入信号进行并行处理，还能够对应答的动作时间进行直观精确调整的原型制作方法。
背景技术
最近，安装于智能设备(Smart Device)中的应用程序(Application)的制作者们为了提升用户的额便利性和直观性而在图形用户界面(GUI，Graphic User Interface)的设计方面倾注了大量的努力，在实际推出应用程序之前通过制作各种原型(Prototype)，进行便利性和直观性方面的测试。
在现有的原型制作方法中，设计师将所构思的图形用户界面的设计方案制作成如幻灯片等电子文档之后向程序员进行说明，而程序员通过编写代码实现自己所理解的图形用户界面的设计方案并制作成原型。但是在这种情况下，可能会发生设计师的构思没有被正确传递给程序员的情况，而且因为程序员是以自己的理解为基础实现图形用户界面的设计，所以经常会出现因为最终制作的原型与设计师的构思不同而重复修改的问题。
原型制作工具(Prototyping Tool)能够在一定程度上解决上述现有原型制作方法中的问题。原型制作工具是一种通过事先设定在图形用户界面设计中适用的多种应答(Response)，在无需程序员参与的情况下制作出原型的编程工具，不熟悉代码编写的设计师或一般用户只需要熟练掌握其使用方法即可简单快速地制作出原型。
如上所述的原型制作工具分为状态(State)方式和适用区间(Timeline)方式，各自具有其优缺点。具体来讲，状态方式虽然能够同时接收多个用户输入并对其进行处理，但是在多个状态之间转换时难以对中间转换的应答进行精确调整。而适用区间方式虽然能够在多个状态之间转换时对中间转换的应答进行精确调整，但是无法同时接收多个用户输入并对其进行处理。因此，目前急需对现有原型制作工具中状态方式及适用区间方式的缺点即在多个状态之间转换时难以对中间转换的应答进行精确调整的问题和无法同时接收多个用户输入并对其进行处理的问题进行解决。
[现有技术文献]
专利文献
(专利文献1)韩国公开专利公报第10-2013-0077730号(2013.07.09)。
发明内容
本发明要解决的技术问题
本发明要解决的技术课题在于，提供一种能够在多个状态之间转换时难以对中间转换的应答进行精确调整，从而轻松掌握不同应答之间的有机变化的方法。
本发明要解决的另一技术课题在于，提供一种能够同时接收多个用户输入并对其进行处理，从而直观精确地对各个应答的动作时间进行调整的方法。
本发明的技术课题并不局限于上述技术课题，相关从业人员能够通过下述内容进一步明确理解未被提及的其他技术课题。
技术方案
为了达到上述目的，本发明一实施例提供一种原型制作方法，包括：通过原型制作界面选择用于使原型执行终端输出特定应答的条件即第1触发的步骤；通过上述原型制作界面选择上述第1触发的第1-1应答的步骤，其中，上述第1-1应答是在上述原型执行终端中发生触发时所驱动的输出；通过上述原型制作界面输入上述第1-1应答的适用区间的步骤；以及通过上述原型制作界面相邻显示上述第1触发、第1-1应答及第1-1应答的适用区间的步骤。
为了达到上述目的，本发明一实施例提供一种计算机程序，其为了执行下列步骤而与计算机装置结合并被存储于媒体中，包括：通过原型制作界面选择用于使原型执行终端输出特定应答的条件即第1触发的步骤；通过上述原型制作界面选择上述第1触发的第1-1应答的步骤，其中，上述第1-1应答是在上述原型执行终端中发生触发时所驱动的输出；通过上述原型制作界面输入上述第1-1应答的适用区间的步骤；以及通过上述原型制作界面相邻显示上述第1触发、第1-1应答及第1-1应答的适用区间的步骤。
有益效果
通过如上所述的本发明，能够提供一种能够在多个状态之间转换时难以对中间转换的应答进行精确调整，从而轻松掌握不同应答之间的有机变化。
此外，通过本发明，能够提供一种能够同时接收多个用户输入并对其进行处理，从而直观精确地对各个应答的动作时间进行调整的方法。
本发明的效果并不局限于上述效果，具有一般技术的人员能够通过下述说明进一步明确理解其他各种效果。
附图说明
图1是能够执行适用本发明之一实施例的原型制作方法的原型制作系统示意图。
图2是适用本发明之一实施例的原型制作方法的顺序示意图。
图3是选择第1图层时的状态示意图。
图4是选择触发时的状态示意图。
图5至图8是通过输入手段输入应答适用区间时的状态示意图。
图9是适用本发明之又一实施例的原型制作方法的顺序示意图，具体是选择第1触发中所包含的多个应答时的情况。
图10是选择第1-2应答时的状态示意图。
图11是适用本发明之又一实施例的原型制作方法的顺序示意图，具体是选择多个触发时的情况。
图12是选择第2触发及第2-1应答时的状态示意图。
图13是适用本发明之又一实施例的原型制作方法的顺序示意图，具体是输出符合特定时间的应答时的情况。
图14是输出符合特定时间的应答时的状态示意图。
图15是原型制作界面的布局发生变更时的状态示意图。
附图标记说明
100：原型制作系统
10：原型制作终端
20：原型执行终端
30：服务器
40：原型制作界面
50：第1图层
60：第1触发
61：第1-1应答
62：第1-2应答
70：第2触发
71：第2-1应答
72：第2-2应答
具体实施方式
下面，将结合附图对适用本发明的较佳实施例进行详细说明。本发明的优点和特征及其实现方法将通过结合附图详细说明的后述实施例得到进一步明确。但是本发明并不局限于下面所公开的实施例，还能够以多种不同的形态实现，所公开的实施例只是用于更完整地公开本发明并更明确地向具有本发明所属技术领域之一般知识的人员更揭示本发明的范畴，本发明应通过权利要求书的范畴做出定义。在整个说明书中，相同的参考符号代表相同的构成要素。
除非另有定义，否则本说明书中所使用的所有术语(包括技术及科学术语)的含义应理解为具有本发明所述技术领域之一般知识的人员所普遍理解的含义。此外，除非另有明确的定义，已经在词典中做出定义的术语不应被解释为理想化或过度的含义。本说明书中所使用的术语只适用于对实施例进行说明，并不是为了对本发明做出限制。在本说明书中，除非另有说明，否则单数型语句包含复数型含义。
此外，本说明书中的图层(Layer)是指，能够适用触发和包含在触发中的应答的如图像、影像等可视性输出对象的特定区域。例如，能够以一个图像为基准将其划分为上端部即上端图层、中间部即中间图层、下端部即下端图层，此外还能够将用户需要划分的特定区域划分为图层。
此外，本说明书中的触发是指，用于使原型执行终端输出特定应答的条件。例如，触发能够包含用户输入到执行终端中的触摸输入、通过传感器等接收到的信息、执行终端的特定状态信息等。
此外，本说明书中的应答是指，在原型执行终端20中发生触发时所驱动的所有类型的输出。例如，应答能够包含执行终端显示器中的对象变更(旋转、移动、透明度变更)、声音输出、震动等。
下面，将结合图1首先对能够执行适用本发明之一实施例的原型制作方法的原型制作系统进行说明。适用本实施例的原型制作系统100能够包含原型制作终端10及原型执行终端20，还能够包含独立的服务器30。
原型制作终端10和原型执行终端20是能够通过网络相互连接的计算机装置。其中，网络能够包含有线局域网、无线局域网、蓝牙、无线个域网等有线/无线网络，计算机装置能够包含台式电脑、笔记本电脑、智能手机、掌上电脑、平板电脑等装置。
此外，在原型制作终端10中保存有能够执行适用本发明之一实施例的原型制作方法的原型制作工具。其中，原型制作工具属于一种软件，是为用户的原型制作活动提供支持的制作工具。当用户通过原型制作终端10执行原型制作工具时将显示原型制作界面40，接下来能够通过一些输入生成原型，而所生成的原型能够在原型执行终端20中执行。即，原型制作终端10是用于通过原型制作界面生成原型的终端，而原型执行终端20是用于执行所生成的原型的终端。
此外，原型制作终端10能够将所生成的原型上传到原型执行终端20能够连接并下载原型的服务器30中，其中，服务器30能够是原型制作工具的制作人所运营的独立服务器或第3方运营的云服务器。
此外，服务器30能够为不同用户的原型执行终端30分配独立的存储空间，也能够保存多个所生成的原型，从而通过原型执行终端20下载所上传原型的操作实现所生成原型的分发。
接下来，将以上述原型制作系统100的构成为基础，结合图2至图8对适用本发明之一实施例的原型制作方法进行说明。
图2是适用本发明之一实施例的原型制作方法的顺序示意图。但这只是用于实现本发明之目的的较佳实施例，能够根据具体需要追加或删除部分步骤。
首先在步骤S210，通过原型制作终端10的原型制作界面40选择需要适用应答的第1图层50。其中，第1图层50能够是用户需要适用应答的图像或影像中的特定区域。
原型制作界面40能够自动地将用户所输入的图像或影像划分为第1至第N(其中，N为正整数)图层，用户能够从所划分的图层中选择某一个作为第1图层50。如图3所示，可以发现在画面左侧的工具栏(bar)中选择了“page_area”且与其对应的区域也通过粗框线标出，此时所选择的“page_area”能够作为第1图层50。
此外，虽然原型制作界面40能够自动划分第1至第N图层，但所划分出的区域可能不符合用户的目的。例如，可能需要对原型制作界面40所划分的上端图层区域进行缩小或对中间图层区域进行放大。在这种情况下能够由用户手动划分区域，例如，能够通过如鼠标等输入工具在图像特定区域中的单击拖曳动作将其设定为图层，此时所设定的图层能够作为第1图层50。此外，能够通过原型制作界面为用户所设定的第1图层50输入独立的名称。
在已经选择第1图层50之后，在步骤S220，通过原型制作终端10的原型制作界面40选择用于使原型执行终端输出特定应答的条件即第1触发60。原型制作界面40提供已事先定义的多个触发，如图4所示，可以发现在画面的右侧显示出了如“Tap”、“Scroll”、“Page”、“Chain”等触发项目，触发是用于表示状态(State)方式的指标。借此，能够通过触发实现状态(State)方式的优点，即同时接收多个用户输入并进行处理的效果。
此外，在选择触发之后能够在其下方竖向排列显示触发中所包含的应答，如图4所示，可以发现选择了“Tap”触发。在这种情况下，“Tap”触发能够作为第1触发60。
在已经选择第1触发60之后，在步骤S230，通过原型制作终端10的原型制作界面40选择第1触发60中所包含的第1-1应答61。其中，第1-1应答是在原型执行终端20中发生触发时所驱动的输出。与触发相同，原型制作界面40也提供已事先定义的多个应答，如图4所示，可以发现在画面右侧“Tap”触发的下端显示出了如“3D Rotate”、“Move”、“Opacity”等应答项目，而应答与触发相同，也是用于表示状态(State)方式的指标。借此，能够通过应答实现状态(State)方式的优点，即同时接收多个用户输入并进行处理的效果。
此外，在图4中可以发现按照从上到下的顺序依次排列显示了“3D Rotate”-“Move”-“Move”-“Opacity”-“Move”-“Move”-“Move”-“Move”-“Opacity”-“Opacity”-“Opacity”等应答，这是用户需要适用到第1图层50中的应答，其中的某一个能够作为第1-1应答61。具体来讲，第1-1应答61是指需要输入后述说明的应答适用区间的应答。
在已经选择第1-1应答61之后，在步骤S240，通过原型制作终端10的原型制作界面40输入第1-1应答61的适用区间。原型制作界面40在各个应答的侧面提供已事先定义的时间表，如图4所示，可以发现在画面右侧的应答右侧面开始显示以0.1(秒)为单位的0.0至0.7的时间表。其中，0.7只是受到了能够在画面中一次性显示的范围限制，在0.7的右侧还显示有以0.1(秒)为单位的时间信息。通过输入上述适用区间，适用本发明之一实施例的原型制作方法能够实现适用区间(Timeline)方式，借此实现适用区间(Timeline)方式的优点，即在多个状态之间转换时能够对中间转换的应答进行精确调整的效果。
此外，对第1-1应答61的适用区间的输入，采取输入开始点及结束点的形态。例如，如图5及图6所示，通过如鼠标等输入手段单击开始点之后(图5)在按住鼠标键的状态下拖曳至结束点(图6)，即可完成适用区间的输入。或者，如图7及图8所示，通过如鼠标等输入手段单击开始点之后(图7)不进行拖动而直接单击结束点(图8)，也能够完成适用区间的输入。如图5至图8所示，可以发现“Tap”触发的“3D Rotate”应答被适用到开始点0.0至结束点0.2，在这种情况下，“3D Rotate”能够作为第1-1应答61。
在已经输入第1-1应答61的适用区间之后，在步骤S250，通过原型制作终端10的原型制作界面40相邻显示第1触发60、第1-1应答61及第1-1应答的适用区间。其中，相邻显示的方式可通过多种实施例实现，具体来讲，能够采取将第1触发60、第1-1应答61及用于输入第1-1应答的适用区间时间表配置在相互接近的位置的方式，从而使用户能够一目了然地掌握状态(State)和适用区间(Timeline)。例如，如图4所示，能够在第1触发60的下端配置第1-1应答61，然后在第1-1应答61的右侧面配置用于输入第1-1应答61的适用区间的时间表。其中，将时间表配置在第1-1应答61的右侧面的方式仅为一个实施例，同样能够将时间表配置在左侧面，而且第1-1应答61除了第1触发60的下端之外还能够采取弹出式窗口的配置方式。
此外，除上述显示动作之外，在完成第1-1应答61的适用区间的输入之后，在步骤S260，通过原型制作终端10的原型制作界面40将已输入适用区间的第1-1应答61适用到第1图层50并生成原型；接下来在步骤S265，原型制作终端10将所生成的原型发送到执行终端20。在这种情况下，用户能够通过执行终端20确认所生成原型的驱动状态，也能够通过原型制作终端10进行确认。
此外，在步骤S268，原型制作终端10还能够将所生成的原型发送到服务器30而不是执行终端20从而进行上传，在这种情况下，用户能够通过执行终端20连接到服务器30并下载所生成的原型之后对其驱动状态进行确认。
在目前为止说明的适用本发明之一实施例的原型制作方法中，是对将一个第1触发60所包含的一个第1-1应答61适用到一个第1图层50中从而生成原型的情况进行了说明。此外，还能够通过原型制作终端10的原型制作界面40选择第1触发60中所包含的多个应答或选择多个触发，下面将对其进行详细说明。
图9是适用本发明之又一实施例的原型制作方法的顺序示意图，具体是选择第1触发60中所包含的多个应答时的情况。但这只是用于实现本发明之目的的较佳实施例，能够根据具体需要追加或删除部分步骤。
首先，执行与上述说明相同的步骤S210至步骤S240。即，在选择第1图层并依次选择第1触发60和第1-1应答61之后，输入第1-1应答61的适用区间。
此外，在上述步骤S220中已经说明在选择触发之后将竖向排列显示触发中所包含的应答，接下来将需要追加适用的应答称之为第1-2应答62。即，本实施例属于将第1触发60中所包含的第1-1应答61及第1-2应答62适用于第1图层50的实施例。
在已经输入第1-1应答61的适用区间之后，在步骤S270，通过原型制作终端10的原型制作界面40选择第1触发60中所包含的第1-2应答62。其中，因为选择第1-2应答62的过程与上述说明的选择第1-1应答61的过程相同，所以为了防止重复说明而在此省略其详细说明。
在已经选择第1-2应答62之后，在步骤S280，通过原型制作终端10的原型制作界面40输入第1-2应答62的适用区间。其中，因为输入第1-2应答62的适用区间的过程与上述说明的输入第1-1应答61的适用区间的过程相同，所以为了防止重复说明而在此省略其详细说明。
如图10所示，可以发现已经向“Move”应答输入了适用区间，在这种情况下，“Move”应答能够作为第1-2应答62。
在已经输入第1-2应答62的适用区间之后，在步骤S290，通过原型制作终端10的原型制作界面40相邻显示第1触发60、第1-1应答61、第1-1应答62、第1-1应答的适用区间及第1-2应答的适用区间。其中，相邻显示的方式与上述说明的第1触发60、第1-1应答61及第1-1应答的适用区间相邻显示的方式相同，所以为了防止重复说明而在此省略其详细说明。作为一实施例，能够在第1触发60的下端配置第1-1应答61及第1-2应答62，在第1-1应答61及第1-2应答62的右侧面配置用于输入第1-1应答61的适用区间及第1-2应答62的适用区间的时间表。
此外，除上述显示动作之外，在完成第1-2应答62的适用区间的输入之后，在步骤S300，通过原型制作终端10的原型制作界面40将已输入适用区间的第1-1应答61及第1-2应答62适用到第1图层50并生成原型；接下来在步骤S305，原型制作终端10将所生成的原型发送到执行终端20。在这种情况下，用户能够通过执行终端20确认所生成原型的驱动状态，也能够通过原型制作终端10进行确认。其中，因为生成并传送原型的过程与上述第1-1应答61的过程相同，所以为了防止重复说明而在此省略其详细说明。
在上述步骤S270至步骤S305中，可以发现除追加第1-2应答62之外的其他步骤与上述第1-1应答61相同。但是如图8所示，可以发现第1-1应答61的适用区间和第1-2应答62的适用区间相同。这表示第1-1应答61和第1-2应答62将在相同的时间适用于第1图层50，其结果将导致第1-1应答61及第1-2应答62的效果将同时发生。即，在图10中，当用户对原型执行终端20进行“Tap”操作时，第1图层50将在相同的时间同时发生“3D Rotate”和“Move”。这是因为第1-1应答61及第1-2应答62的适用区间完全重复，也能够采取部分重复即具有一定时间差的方式实现。例如，当第1-2应答62的适用区间为0.1至0.3时，首先将发生“3DRotate”，从0.1开始将同时发生“Move”，从0.2开始“3D Rotate”将结束，而“Move”则将持续到0.3秒。此外，当没有任何重复区间时，将在完成第1-1应答61之后再开始第1-1应答62。即，第1-1应答61的适用区间及第1-2应答62的适用区间能够部分或完全重复，还能够没有任何重复。所以，本发明能够使第1-1应答61的适用区间及第1-2应答62的适用区间部分或完全重复，借此实现在多个状态之间转换时能够对中间转换的应答进行精确调整的效果。
下面，将对选择多个触发时的情况进行说明。图11是适用本发明之又一实施例的原型制作方法的顺序示意图，具体是选择多个触发时的情况。但这只是用于实现本发明之目的的较佳实施例，能够根据具体需要追加或删除部分步骤。
首先，执行与上述说明相同的步骤S210至步骤S240。即，在选择第1图层并依次选择第1触发60和第1-1应答61之后，输入第1-1应答61的适用区间。
此外，因为触发是指用于使原型执行终端20输出特定应答的条件，所以在原型制作界面40中已事先定义了多个触发，接下来将需要追加选择的触发称之为第2触发70。即，本实施例属于将第1触发60中所包含的第1-1应答61及第2触发70中所包含的第2-1应答71适用于第1图层50的实施例。
在已经输入第1-1应答61的适用区间之后，在步骤S270'，通过原型制作终端10的原型制作界面40选择第2触发70。其中，因为选择第2触发70的过程与上述说明的选择第1触发60的过程相同，所以为了防止重复说明而在此省略其详细说明。
在已经选择第2触发70之后，在步骤S280'，通过原型制作终端10的原型制作界面40选择第2触发70中所包含的第2-1应答71；接下来在步骤S290'，输入第2-1应答71的适用区间。其中，因为选择第2-1应答71并输入其适用区间的过程与上述说明的选择第1-1应答61并输入其适用区间的过程相同，所以为了防止重复说明而在此省略其详细说明。
如图12所示，可以发现已经向“Double Tap”触发中所包含的“Move”应答输入了适用区间，在这种情况下，“Double Tap”触发能够作为第2触发70，而“Move”应答能够作为第2-1应答71。
在已经输入第2-1应答71的适用区间之后，在步骤S300'，通过原型制作终端10的原型制作界面40相邻显示第1触发60、第1-1应答61、第2触发70、第2-1应答71、第1-1应答的适用区间及第2-1应答的适用区间。其中，相邻显示的方式与上述说明的第1触发60、第1-1应答61及第1-1应答的适用区间相邻显示的方式相同，所以为了防止重复说明而在此省略其详细说明。
此外，除上述显示动作之外，在完成第2-1应答71的适用区间的输入之后，在步骤S310'，通过原型制作终端10的原型制作界面40将已输入适用区间的第1-1应答61及第2-1应答71适用到第1图层50并生成原型；接下来在步骤S315'，原型制作终端10将所生成的原型发送到执行终端20。在这种情况下，用户能够通过执行终端20确认所生成原型的驱动状态，也能够通过原型制作终端10进行确认。其中，因为生成并传送原型的过程与上述第1-1应答61的过程相同，所以为了防止重复说明而在此省略其详细说明。
在上述步骤S270'至步骤S315'中，可以发现除追加第2触发70及第2-1应答71之外的其他步骤与上述第1触发60及第1-1应答61相同。但是如图12所示，可以发现第1-1应答61的适用区间和第2-1应答71的适用区间相同。这是指第1-1应答61及第2-1应答71将在输入第1触发60及第2触发70时在第1图层50的相同的开始点适用，此时根据所输入的触发，将发生第1-1应答61及第2-1应答71中的某一种效果。即，在图12中，当用户对原型执行终端20进行“Tap”操作时，第1图层50将立即发生“3D Rotate”，而当进行“Double Tap”操作时，第1图层50将立即发生“Move”。这是因为第1-1应答61及第2-1应答71的适用区间的开始点是触发输入的瞬间(0.0)，也能够采取具有一定时间差的方式实现。例如，如果第1-1应答61的适用区间为0.0至0.3而第2-1应答71的适用区间为0.1至0.3，则在0.0时间点对原型执行终端20进行“Tap”操作时将立即发生“3D Rotate”并持续至0.3，而在0.1时间点对原型执行终端20进行“Double Tap”操作时将发生“Move”并从0.2持续至0.4。即，在0.2至0.3期间内将同时发生“3D Rotate”和“Move”。即，只有在向原型执行终端20输入第1触发60及第2触发70时所发生的第1-1应答61及第2-1应答71的适用区间重复时才会对第1-1应答61及第2-1应答71进行并行处理，而不是单纯地因为第1-1应答61及第2-1应答71的适用区间的重复而进行并行处理。这是因为只有在触发发生时才会发生应答的从属特性。
此外，上述说明的包含第2触发70及第2-1应答71的情况，与第1触发60包含第1-1应答61及第2-1应答62的情况不同。在第1触发60包含第1-1应答61及第1-2触发62的情况下，因为第1-1应答61及第1-2应答62都从属于第1触发60，所以在原型执行终端20中输入第1触发60时第1-1应答61及第1-2应答62都将发生。但是因为第2触发70与第1触发60是相互独立的，所以即使是第1-1应答61及第2-1应答71的适用区间部分或完全重复，只要不在原型执行终端20中输入第2触发70，就不会发生第2-1应答71。这是因为包含各个应答的触发是相互独立的。
此外，在本实施例中对选择第2触发70中所包含的第2-1应答71的情况进行了说明，而第2触发70也能过像第1触发一样包含多个应答，如图9所示，能够追加选择第2-2应答72。其中，因为选择第2-2应答72并输入其适用区间的过程与上述说明的选择第1-2应答62并输入其适用区间的过程相同，所以为了防止重复说明而在此省略其详细说明。
目前为止，对适用本发明之多个实施例的原型制作方法进行了说明。具体来讲，对只选择一个触发中所包含的一个应答的情况、选择一个触发中所包含的多个应答的情况、选择多个触发中所包含的各一个应答的情况、以及选择多个触发中所包含的多个应答的情况进行了说明。尤其是，因为能够选择多个触发及多个应答，所以能够并行处理多个输入信号。
在下面的说明中，将着重对适用本发明之一实施例的原型制作方法尤其是原型制作界面的UI(用户界面)进行说明。
图13是适用本发明之又一实施例的原型制作方法的顺序示意图，具体是输出符合特定时间的应答时的情况。但这只是用于实现本发明之目的的较佳实施例，能够根据具体需要追加或删除部分步骤。
首先，执行与上述说明相同的步骤S210至步骤S240。即，在选择第1图层并依次选择第1触发60和第1-1应答61之后，输入第1-1应答61的适用区间。
在已经输入第1-1应答的适用区间之后，在步骤S250”，通过原型制作终端10的原型制作界面40输入特定时间。其中，特定时间能够是时间表中的某个时间点。
在输入特定时间之后，在步骤S260”，通过原型制作终端10的原型制作界面40判断第1-1应答61是否符合特定时间；接下来在S265”，根据上述判断结果，当第1-1应答61符合特定时间时，通过原型制作终端10的原型制作界面40高亮相邻显示所选择的第1触发60、第1-1应答61及第1-1应答61的适用区间。而根据上述判断结果，当不符合时将不显示任何内容。
如图14所示，可以发现符合特定时间0.2的“3D ROTATE”和“MOVE”应答被高亮显示而其他应答则被透明处理显示。此外，原型制作终端40还能够直接隐藏不符合特定时间的应答。在这种情况下，原型执行终端20将只显示符合特定时间的应答。通过显示如上所述的符合特定时间的应答及其适用区间以及触发，用户能够将其作为应答适用区间的输入参考事项使用，从而使原型的设计工作更加简单。
此外，还能够在接收到特定时间的播放命令时使特定时间在时间表上向右侧移动，在这种情况下伴随着特定时间的移动，能够按照时间顺序依次高亮显示符合特定时间的应答。例如，当特定时间为0.0、第1-1应答61的适用区间为0.1至0.3、第1-2应答62的适用区间为0.4至0.5时，在接收到播放命令使特定时间向右侧移动的过程中，在0.1至0.3期间内第1-1应答61及第1-1应答61的适用区间将被高亮显示，而在0.4至0.5期间内第1-2应答62及第1-2应答的适用区间将被高亮显示。在这种情况下，在0.4至0.5区间内第1-1应答61及第101应答61的适用区间能够采取透明处理方式，或采取与第1-2应答62及第1-2应答62的适用区间不同的高亮显示方式。
此外，在已经输入第1-1应答61的适用区间之后，在步骤S255'，通过原型制作终端10的原型制作界面40输入第1触发60的关闭命令；接下来在步骤S258'，关闭第1-1应答61。因为应答是从属于触发，所以在关闭触发时触发中所包含的应答也将被随之关闭，此外还能够单独关闭特定的应答。
在上面的说明中，触发、应答及应答适用区间的输出、判断是否符合特定时间之后的输出、触发及应答的关闭等都是以第1图层50为基准的情况进行了说明，但适用本发明之一实施例的原型制作方法也能够被适用于多个图层的情况。例如，因为符合特定时间而输出的应答能够是分别被适用到不同图层中的应答，能够同时输出两个以上的被适用到特定图层中的触发、应答及应答适用区间。
此外，作为原型制作界面40的附加功能，还能够对布局进行变更。具体来讲，如图15所示，能够将画面右侧的触发和时间表移动到画面的下端。这是对时间表进行强调的布局，能够适用于需要显示较长适用区间的情况。

Claims (9)

1.一种原型制作方法，其通过原型制作界面制作应用程序原型，其特征在于，包括：
选择包含在应用程序原型中的第1图层的步骤；
选择用于输出对上述第1图层的应答的条件即第1触发的步骤；
选择上述第1触发的第1-1应答的步骤，其中，上述第1-1应答是在上述原型执行终端检测上述第1触发时对上述第1图层进行驱动的输出；
输入上述第1-1应答的适用区间的步骤；
选择用于输出对上述第1图层的应答的条件即第2触发的步骤，其中上述第2触发与上述第1触发不同；
选择上述第2触发的第2-1应答的步骤，其中，上述第2-1应答是在上述原型执行终端检测上述第2触发时对上述第1图层进行驱动的输出；
输入上述第2-1应答的适用区间的步骤；以及
相邻显示上述第1触发、第1-1应答及第1-1应答的适用区间，并且相邻显示上述第2触发、第2-1应答及第2-1应答的适用区间的步骤。
2.根据权利要求1所述的原型制作方法，其特征在于：
上述输入第1-1应答的适用区间的步骤，包括：
输入上述第1-1应答的开始点及结束点的步骤。
3.根据权利要求1所述的原型制作方法，其特征在于：
在上述输入第1-1应答的适用区间的步骤之后，还包括：
选择上述第1触发的第1-2应答的步骤；以及
输入上述第1-2应答的适用区间的步骤；
上述显示步骤，包括：
相邻显示上述第1触发、第1-1应答、第1-2应答、第1-1应答的适用区间及第1-2应答的适用区间的步骤。
4.根据权利要求3所述的原型制作方法，其特征在于：
在上述相邻显示步骤，
在与上述第1触发相邻的位置配置第1-1应答及第1-2应答，
在与上述第1-1应答及第1-2应答相邻的位置配置能够输入上述第1-1应答的适用区间及第1-2应答的适用区间的时间表。
5.根据权利要求3所述的原型制作方法，其特征在于：
上述第1-1应答的适用区间及第1-2应答的适用区间，
能够部分或完全重复，从而对上述第1-1应答及第1-2应答进行并行处理。
6.根据权利要求1所述的原型制作方法，其特征在于：
当在上述原型执行终端中输入上述第1触发及第2触发的时间开始发生的上述第1-1应答及第2-1应答的适用区间部分或完全重复时，
能够对上述第1-1应答及第2-1应答进行并行处理。
7.根据权利要求1所述的原型制作方法，其特征在于：
在上述输入第1-1应答的适用区间的步骤之后，还包括：
输入特定时间的步骤；以及
判断上述第1-1应答是否符合上述所输入的特定时间的步骤。
8.根据权利要求7所述的原型制作方法，其特征在于：
根据上述判断结果，如果上述第1-1应答符合上述特定时间，则在上述判断是否符合特定时间的步骤之后，还包括：
高亮相邻显示上述第1触发、第1-1应答及第1-1应答的适用区间的步骤。
9.根据权利要求1所述的原型制作方法，其特征在于：
在上述输入第1-1应答的适用区间的步骤之后，还包括：
输入上述第1触发的关闭命令的步骤；以及
关闭上述第1-1应答的步骤。
CN201611169861.8A 2016-05-17 2016-12-16 原型制作方法 Active CN107391096B (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
KR10-2016-0060389 2016-05-17
KR1020160060389A KR101701822B1 (ko) 2016-05-17 2016-05-17 프로토타입 제작 방법

Publications (2)

Publication Number Publication Date
CN107391096A CN107391096A (zh) 2017-11-24
CN107391096B true CN107391096B (zh) 2021-02-02

Family

ID=58151272

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201611169861.8A Active CN107391096B (zh) 2016-05-17 2016-12-16 原型制作方法

Country Status (3)

Country Link
US (2) US10078503B2 (zh)
KR (1) KR101701822B1 (zh)
CN (1) CN107391096B (zh)

Families Citing this family (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101987183B1 (ko) * 2017-07-06 2019-09-30 (주) 알타미라소프트 프론트-앤드 개발을 지원하는 앱 저작 장치, 앱 저작 도구를 사용한 앱 저작 방법 및 앱 개발 서버
KR102005288B1 (ko) 2017-09-14 2019-07-31 스튜디오씨드코리아 주식회사 기존의 어플리케이션에 연동되는 프로토타입의 테스트 방법
KR101940000B1 (ko) 2018-05-21 2019-01-21 스튜디오씨드코리아 주식회사 프로토타입 저장 방법
KR102090922B1 (ko) 2019-01-14 2020-03-19 스튜디오씨드코리아 주식회사 프로토타입 저장 방법
KR102049805B1 (ko) 2019-07-24 2019-11-28 스튜디오씨드코리아 주식회사 기존의 어플리케이션에 연동되는 프로토타입의 테스트 방법
US11320954B2 (en) 2019-12-24 2022-05-03 Studio Xid Korea, Inc. Method and apparatus for providing prototype of graphical user interface

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101178650A (zh) * 2007-06-28 2008-05-14 腾讯科技（深圳）有限公司 一种基于响应修改控件属性的方法及其装置
CN101452383A (zh) * 2007-12-04 2009-06-10 中兴通讯股份有限公司 界面原型的设计方法及设计系统
WO2014183261A1 (en) * 2013-05-14 2014-11-20 Microsoft Corporation Programming interface

Family Cites Families (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20050076372A1 (en) * 2002-12-04 2005-04-07 Moore Leslie G. Method for rapidly changing digital content for a digital cinema house
US20070245300A1 (en) * 2006-03-22 2007-10-18 Benjamin Chan Apparatus, system, and method for presenting project scheduling information in combination with workflow information
US9274764B2 (en) * 2008-09-30 2016-03-01 Adobe Systems Incorporated Defining transitions based upon differences between states
US9710240B2 (en) * 2008-11-15 2017-07-18 Adobe Systems Incorporated Method and apparatus for filtering object-related features
US20100207950A1 (en) * 2009-02-17 2010-08-19 Microsoft Corporation Defining simple and complex animations
KR20130057377A (ko) * 2011-11-23 2013-05-31 김하영 오피스 프로그램 레이아웃을 이용한 온라인 쇼핑몰 지원 서비스 제공 방법
KR20130077730A (ko) 2011-12-29 2013-07-09 주식회사 알티캐스트 3차원 정보 디스플레이 방법 및 기록매체
US11216253B2 (en) * 2014-10-03 2022-01-04 Kony, Inc. Application prototyping tool

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101178650A (zh) * 2007-06-28 2008-05-14 腾讯科技（深圳）有限公司 一种基于响应修改控件属性的方法及其装置
CN101452383A (zh) * 2007-12-04 2009-06-10 中兴通讯股份有限公司 界面原型的设计方法及设计系统
WO2014183261A1 (en) * 2013-05-14 2014-11-20 Microsoft Corporation Programming interface

Also Published As

Publication number Publication date
US20170337046A1 (en) 2017-11-23
US20180321923A1 (en) 2018-11-08
US10740073B2 (en) 2020-08-11
US10078503B2 (en) 2018-09-18
CN107391096A (zh) 2017-11-24
KR101701822B1 (ko) 2017-02-02

Similar Documents

Publication Publication Date Title
CN107391096B (zh) 原型制作方法
CN103729136B (zh) 用于视觉反馈删除的方法和设备
CN108027708B (zh) 促成针对图形元素的属性值的选择
CN103853611B (zh) 将应用程序间的文本进行快捷复制的方法及电子设备
CN106662966B (zh) 多维对象重排
US20090100380A1 (en) Navigating through content
US20140351758A1 (en) Object selecting device
US20140372932A1 (en) Filtering Data with Slicer-Style Filtering User Interface
US20130151981A1 (en) Remotely defining a user interface for a handheld device
CN105138222B (zh) 一种选择表情图标的方法和电子设备
CN104487927A (zh) 用于选择用户界面对象的设备、方法和图形用户界面
CN104508618A (zh) 用于针对在用户界面中执行的操作提供触觉反馈的设备、方法和图形用户界面
CN104903834A (zh) 用于在触摸输入到显示输出关系之间过渡的设备、方法和图形用户界面
CN103229141A (zh) 管理用户界面中的工作空间
US9465470B2 (en) Controlling primary and secondary displays from a single touchscreen
KR100800889B1 (ko) 이동 통신 단말기의 기능 항목이 표시되는 화면의 구성을변경하기 위한 방법 및 이를 위한 단말기
JP2014514674A (ja) アイテム表示制御方法及び装置
US20220188054A1 (en) Virtual input device-based method and system for remotely controlling pc
KR20150005436A (ko) 편집 처리장치 및 편집 처리 프로그램을 기록한 기록매체
US9658741B2 (en) Measuring device and measuring method with interactive operation
KR101459447B1 (ko) 터치스크린을 이용한 항목 선택 방법 및 시스템
CN104881231A (zh) 用于流程模拟器中的流连接的触摸手势
CN114415886A (zh) 应用图标的管理方法和电子设备
Bolchini et al. FEATURE" Paper in screen" prototyping: an agile technique to anticipate the mobile experience
KR20170129598A (ko) 프로토타입 제작 방법

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant