CN112099789A - 人机交互设计方法、装置、设备及存储介质 - Google Patents
人机交互设计方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN112099789A CN112099789A CN202010935878.XA CN202010935878A CN112099789A CN 112099789 A CN112099789 A CN 112099789A CN 202010935878 A CN202010935878 A CN 202010935878A CN 112099789 A CN112099789 A CN 112099789A
- Authority
- CN
- China
- Prior art keywords
- template
- library
- module
- design
- human
- 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.)
- Pending
Links
- 230000003993 interaction Effects 0.000 title claims abstract description 132
- 238000000034 method Methods 0.000 title claims abstract description 54
- 230000006870 function Effects 0.000 claims description 48
- 230000008859 change Effects 0.000 claims description 31
- 238000004590 computer program Methods 0.000 claims description 10
- 238000012938 design process Methods 0.000 claims description 6
- 230000000007 visual effect Effects 0.000 claims description 4
- 230000004075 alteration Effects 0.000 claims description 2
- 239000002609 medium Substances 0.000 description 12
- 238000010586 diagram Methods 0.000 description 11
- 238000011161 development Methods 0.000 description 8
- 230000008569 process Effects 0.000 description 5
- 230000008901 benefit Effects 0.000 description 4
- 238000009825 accumulation Methods 0.000 description 3
- 108090000623 proteins and genes Proteins 0.000 description 3
- 206010063385 Intellectualisation Diseases 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 238000012217 deletion Methods 0.000 description 1
- 230000037430 deletion Effects 0.000 description 1
- 239000012120 mounting media Substances 0.000 description 1
- 230000006855 networking Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000008707 rearrangement Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
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
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明实施例公开了人机交互设计方法、装置、设备及存储介质。该方法包括:通过预设人机交互设计平台访问预先创建的模板库,其中,模板库包括控件库、组件库和模块库,根据作用于模板库中的目标模板的拖动操作,获取目标模板并将目标模板显示于设计画布中,其中,目标模板中包括模块模板,接收针对显示于设计画布中的目标模板的变更操作,并根据变更操作对目标模板进行更新,得到设计完成的人机交互应用模块。通过采用上述技术方案,可快速得到所需要的设计的人机交互应用模块,有效提升人机交互设计效率。
Description
技术领域
本发明实施例涉及计算机技术领域,尤其涉及人机交互设计方法、装置、设备及存储介质。
背景技术
智能汽车市场前景广阔,更加智能化及网联化被认为是汽车行业的发展趋势,这些趋势会深刻影响未来人、车和环境的关系,必然会带来人机交互方式的变化,人机交互设计也将成为智能汽车发展和创新的核心要素。
目前,大多车辆中均配置有显示屏,近几年的车型一般配置有较大尺寸的触摸屏,为人机交互提供了更丰富的交互形式。随着显示屏中能够显示的内容越来越多,基于显示屏的人机交互设计也越来越多样化。常见的设计方式包括使用visio软件进行流程图设计,这种设计流程性强,但是只是框图流转,比较死板;还包括使用Axure进行低保真模型设计,这种设计页面单一,与实际界面差距较大。此外,上述两种设计方式中,针对每个品牌的每个车型,均需要单独设计,设计操作重复量大,设计效率低下。
发明内容
本发明实施例提供了人机交互设计方法、装置、设备及存储介质,可以优化现有的基于车辆显示屏界面的人机交互设计方案。
第一方面,本发明实施例提供了一种人机交互设计方法,包括:
通过预设人机交互设计平台访问预先创建的模板库,其中,所述模板库包括控件库、组件库和模块库,所述控件库中包含基础控件模板,所述组件库中包含由多个基础控件组合得到的组件模板,所述模块库包含由多个组件组合得到的模块模板;
根据作用于所述模板库中的目标模板的拖动操作,获取所述目标模板并将所述目标模板显示于设计画布中;
接收针对显示于所述设计画布中的所述目标模板的变更操作,并根据所述变更操作对所述目标模板进行更新,得到设计完成的人机交互应用模块。
第二方面,本发明实施例提供了一种人机交互设计装置,包括:
模板库访问模块,用于通过预设人机交互设计平台访问预先创建的模板库,其中,所述模板库包括控件库、组件库和模块库,所述控件库中包含基础控件模板,所述组件库中包含由多个基础控件组合得到的组件模板,所述模块库包含由多个组件组合得到的模块模板;
目标模板显示模块,用于根据作用于所述模板库中的目标模板的拖动操作,获取所述目标模板并将所述目标模板显示于设计画布中;
应用模块设计模块,用于接收针对显示于所述设计画布中的所述目标模板的变更操作,并根据所述变更操作对所述目标模板进行更新,得到设计完成的人机交互应用模块。
第三方面,本发明实施例提供了一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现如本发明实施例提供的人机交互设计方法。
第四方面,本发明实施例提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本发明实施例提供的人机交互设计方法。
本发明实施例中提供的人机交互设计方案,通过预设人机交互设计平台访问预先创建的模板库,其中,模板库包括控件库、组件库和模块库,控件库中包含基础控件模板,组件库中包含由多个基础控件组合得到的组件模板,模块库包含由多个组件组合得到的模块模板,根据作用于模板库中的目标模板的拖动操作,获取目标模板并将所述目标模板显示于设计画布中,其中,目标模板中包括模块模板,接收针对显示于所述设计画布中的所述目标模板的变更操作,并根据所述变更操作对所述目标模板进行更新,得到设计完成的人机交互应用模块。通过采用上述技术方案,在需要对人机交互界面中的应用模块进行设计时,可以直接通过设计平台访问预先创建的模板库,模板库中包括模块库、组件库和控件库,模块库中的模块模板是已经设计好的由多个组件组合得到的模板,可以直接利用拖动的方式将其拖动到设计画布中,不需要从头开始设计,只需要根据当前需求对模板中的细节进行调整,即可快速得到所需要的设计的人机交互应用模块,有效提升人机交互设计效率。
附图说明
图1为本发明实施例提供的一种人机交互设计方法的流程示意图;
图2为基于visio方案的设计页面示意图;
图3为基于Axure方案的设计页面示意图;
图4为基于Kanzi方案的设计页面示意图;
图5为本发明实施例提供的又一种人机交互设计方法的流程示意图;
图6为本发明实施例提供的一种人机交互设计装置的结构框图;
图7为本发明实施例提供的一种计算机设备的结构框图。
具体实施方式
下面结合附图并通过具体实施方式来进一步说明本发明的技术方案。可以理解的是,此处所描述的具体实施例仅仅用于解释本发明,而非对本发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本发明相关的部分而非全部结构。
在更加详细地讨论示例性实施例之前应当提到的是,一些示例性实施例被描述成作为流程图描绘的处理或方法。虽然流程图将各步骤描述成顺序的处理,但是其中的许多步骤可以被并行地、并发地或者同时实施。此外,各步骤的顺序可以被重新安排。当其操作完成时所述处理可以被终止,但是还可以具有未包括在附图中的附加步骤。所述处理可以对应于方法、函数、规程、子例程、子程序等等。
图1为本发明实施例提供的一种人机交互设计方法的流程示意图,该方法可以由人机交互设计装置执行,其中该装置可由软件和/或硬件实现,一般可集成在计算机设备中。如图1所示,该方法包括:
步骤101、通过预设人机交互设计平台访问预先创建的模板库,其中,所述模板库包括控件库、组件库和模块库,所述控件库中包含基础控件模板,所述组件库中包含由多个基础控件组合得到的组件模板,所述模块库包含由多个组件组合得到的模块模板。
示例性的,预设人机交互设计平台可以是任意的用于设计人机交互界面的平台,用户(预设人机交互设计平台的用户,也即设计人员)可以在该平台上进行人机交互设计。可选的,预设人机交互设计平台为Kanzi,Kanzi可以为用户交互的设计、开发和部署在嵌入式设备上的图形用户界面提供一个完善的开发平台,与visio和Axure相比,能够得到还原度逼真的高保真原型,使设计得到的人机交互应用模块与真实车机更逼近。图2为基于visio方案的设计页面示意图,可见,该方案页面显示单一,只能做布局显示。图3为基于Axure方案的设计页面示意图,可见,该方案能做简单的排版,但原型低保真,与真实车机差距较大。图4为基于Kanzi方案的设计页面示意图,可见,基于Kanzi可以还原度逼真的高保真原型,使设计得到的人机交互应用模块与真实车机更逼近。
示例性的,用户在使用预设人机交互设计平台进行人机交互界面设计的过程中,一般需要从最基本的元素(如线条、文字、图形以及颜色等)开始设计,从元素到基础控件,再从基础控件到组件,然后逐步设计出人机交互应用模块,而每个人机交互应用模块都需要从元素开始重新设计,每个界面中包含多个应用模块,每个车型由包含多个界面,因此,设计量非常大。对于汽车显示屏界面来说,许多功能对于大多车辆来说都是存在的,因此,当有新车型设计需求时,就会产生大量重复性设计工作,或导致本应该与历史车型设计成一致的部分因重新设计而产生差异,造成不统一的情况发生。
本发明实施例中,可以在人机交互界面设计过程中,不断积累所设计出来的基础控件、组件以及模块,将这些基础控件、组件以及模块作为模板保存至相应的模板库中,在下一次需要进行人机交互设计时,通过预设人机交互设计平台访问预先创建的模板库,以获取其中的模板。
示例性的,基础控件模板可包括如入口按钮、点灯式按钮、文字按钮、标签按钮、分段按钮、开关按钮、单选框、复选框、输入框以及滚动条等;组件模板可包括功能图标(如图4中的白色矩形框内的收音机)、音量弹窗、消息中心、语音弹窗、消息弹窗以及提示弹窗等;模块模板可包括功能图标显示模块(如图4中间的包含导航、电话以及收音机等功能图标的显示区域)、快捷功能显示模块(如图4下方包含4个快捷图标的快捷功能栏)、搜索模块和分享模块等。
示例性的,可以在预设人机交互设计平台中增加模板库调用入口,用户可以通过点击等操作方式来触发该调用入口,平台检测到该调用入口被触发后,则访问对应的预先创建的模板库。
步骤102、根据作用于所述模板库中的目标模板的拖动操作,获取所述目标模板并将所述目标模板显示于设计画布中,其中,目标模板中包括模块模板。
示例性的,在通过预设人机交互设计平台访问预先创建的模板库时,可以在设计界面显示模板库中各模板对应的名称、缩略图或预览图等,方便用户对模板进行选择。可选的,还可在设计界面显示搜索框,用户可通过关键字搜索对应名称的模板。
示例性的,用户可以根据当前的设计需求来选择目标模板,目标模板的数量可以是多个,用户可以依次进行选择,也可以通过多选的方式批量选择,目标模板包含模块模板。对于当前选择的目标模板来说,可以包括模块模板,还可以包括基础控件模板和/或组件模板。对于选中的目标模板,可以通过拖动的方式直接将目标模板拖至设计画布中,所述拖动操作可以是利用鼠标或手指等选中目标模板不放,拖动至设计画布中的所需位置后松开,则该目标模板可以被显示在被松开的位置。
步骤103、接收针对显示于所述设计画布中的所述目标模板的变更操作,并根据所述变更操作对所述目标模板进行更新,得到设计完成的人机交互应用模块。
示例性的,对于不同类型的目标模板可以支持不同的变更操作,另外,对于不同的人机交互设计平台,所支持的变更操作也可能不同。以Kanzi为例,所述变更操作可以包括修改视觉图像切片、修改文字、修改背景、修改示意图案、调整显示位置以及调整透视角度中的至少一个。其中,变更操作可以针对目标模板本身,还可以针对目标模板中的组成部分。例如,当目标模板为模块模板时,可以针对模块模板中包含的组件和/或基本控件进行变更操作。通过多样化的变更操作,可以在目标模板基础上快速设计出满足用户需求的人机交互应用模块。此外,变更操作中还可包括如删除等其他操作,例如可以删除模块模板中的一个或多个组件,还可包括替换操作,例如将模块模板中的一个组件替换成组件库中的组件模板等。
本发明实施例中提供的人机交互设计方法,通过预设人机交互设计平台访问预先创建的模板库,其中,模板库包括控件库、组件库和模块库,控件库中包含基础控件模板,组件库中包含由多个基础控件组合得到的组件模板,模块库包含由多个组件组合得到的模块模板,根据作用于模板库中的目标模板的拖动操作,获取目标模板并将所述目标模板显示于设计画布中,其中,目标模板中包括模块模板,接收针对显示于所述设计画布中的所述目标模板的变更操作,并根据所述变更操作对所述目标模板进行更新,得到设计完成的人机交互应用模块。通过采用上述技术方案,在需要对人机交互界面中的应用模块进行设计时,可以直接通过设计平台访问预先创建的模板库,模板库中包括模块库、组件库和控件库,模块库中的模块模板是已经设计好的由多个组件组合得到的模板,可以直接利用拖动的方式将其拖动到设计画布中,不需要从头开始设计,只需要根据当前需求对模板中的细节进行调整,即可快速得到所需要的设计的人机交互应用模块,有效提升人机交互设计效率。
在一些实施例中,所述模块库中还包含模板对应的功能实现代码,所述功能实现代码包括用于调用实现模板对应的人机交互功能的软件和/或硬件的代码;在所述得到设计完成的人机交互应用模块之后,还包括:将所述模板库中与所述目标模板对应的目标功能实现代码链接至所述人机交互应用模块中对应的组成部分。这样设置的好处在于,可以快速将功能实现代码链接至所设计的应用模块或应用模块中的组成部分。
示例性的,显示界面上显示的基础控件、组件或模块都可能成为车机中各人机交互功能的入口,因此,需要建立功能入口与用于实现对应的人机交互功能的软件和/或硬件之间的联系,从而通过调用相应的软件和/或硬件来实现相应的功能。相关技术中,在设计完人机交互应用模块后,需要手动添加相应的功能实现代码,耗时费力,且容易出错。本发明实施例中,在形成模板时,若该模板可以作为功能入口,则可建立该模板与对应的功能实现代码的对应关系,也即将模板和功能实现代码对应的进行保存,在有新的设计需求时,可在预设人机交互设计平台新建工程,然后基于上述方案得到设计完成的人机交互应用模块后,直接通过上述对应关系查找到人机交互应用模块中的基础控件、组件或模块本身对应的功能实现代码,并进行相应的链接,可快速直接集成到车机开发中,提高车机开发效率。
在一些实施例中,在所述通过预设人机交互设计平台访问预先创建的模板库之前,还包括:接收用户输入的目标车辆品牌;所述通过预设人机交互设计平台访问预先创建的模板库,包括:通过预设人机交互设计平台访问与所述目标车辆品牌对应的预先创建的模板库。这样设置的好处在于,车辆品牌与预先创建的模板库存在对应关系,有利于品牌基因的个性化积累,也能够方便用户缩小模板搜索范围,快速找到所需的目标模板。
在一些实施例中,在所述得到设计完成的人机交互应用模块之后,还包括:将本次设计过程中形成的新的基础控件、新的组件以及新的模块作为模板加入至所述目标车辆品牌对应的预先创建的模块库。这样设置的好处在于,可以不断地更新模板库中的模板,使模板库能够更好地传承车辆品牌的不断发展和创新的模板基因。
在一些实施例中,在所述接收用户输入的目标车辆品牌之后,还包括:显示所述目标车辆品牌对应的设计画布,其中,所述设计画布中包括所述目标车辆品牌对应的显示屏布局框架。这样设置的好处在于,可以进一步提升设计效率。示例性的,显示屏布局框架可以包含目标车辆品牌中不同显示界面对应的布局框架,每个显示界面对应的布局框架可以不同。如图4所述,当前显示界面中的布局框架可以描述为顶部为状态栏模块、中间为功能图标显示模块、底部为快捷功能显示模块。在显示屏布局框架确定后,可以直接拖动模块模板、组件模板或基础控件模块到相应的位置,实现快速设计。另外,显示屏布局框架可以与目标车辆品牌对应的显示屏尺寸相匹配,当目标车辆品牌对应的显示屏尺寸存在多个时,可以分别存储有每个尺寸对应的显示屏布局框架,用户可以根据当前所需设计的尺寸进行选择或切换。
图5为本发明实施例提供的又一种人机交互设计方法的流程示意图,具体的,该方法包括如下步骤:
步骤501、接收用户输入的目标车辆品牌。
步骤502、在Kanzi显示目标车辆品牌对应的设计画布,其中,设计画布中包括目标车辆品牌对应的显示屏布局框架。
步骤503、通过Kanzi访问与目标车辆品牌对应的预先创建的模板库。
步骤504、根据作用于模板库中的目标模板的拖动操作,获取目标模板并将目标模板显示于设计画布中。
其中,目标模板包括模块模板、组件模板和基本控件模板。用户可以将当前选择的目标模板拖动到显示屏布局框架中的相应位置。另外,当根据作用于模板库中的目标模板的拖动操作,确定目标模板被拖动进入设计画布区域时,获取目标模板并识别目标模板的目标属性,根据目标属性将目标模板自动显示于显示屏布局框架中的相应位置。其中,若根据目标属性确定显示屏布局框架中不存在当前目标模板的相应位置时,可在拖动操作结束时刻目标模板所在位置显示目标模板,或者将目标模板自动显示于显示屏布局框架之外。
示例性的,如图4所示,可直接将模块中的一个功能图标显示模块拖动到显示屏布局框架中的相应位置。
步骤505、接收针对显示于设计画布中的目标模板的变更操作,并根据变更操作对目标模板进行更新,得到设计完成的人机交互应用模块。
其中,所述变更操作包括修改视觉图像切片、修改文字、修改背景、修改示意图案、调整显示位置以及调整透视角度中的至少一个。
示例性的,如图4所示,可针对功能图标显示模块进行变更操作,如将导航功能图标删除,将电话功能图标替换成组件库中的其他电话功能图标模板,修改功能图标显示模块的背景颜色等。另外,还可针对功能图标显示模块中的组件或基础控件进行变更操作,例如,以收音机功能图标为例,可以修改收音机字体,修改收音机功能图标中的背景,修改收音机示意图案等等。
步骤506、将模块库中与目标模板对应的目标功能实现代码链接至人机交互应用模块中对应的组成部分。
示例性的,以收音机功能图标为例,用于调用实现其对应的人机交互功能的硬件可以包括收音机对应的控制器和天线,用于调用实现其对应的人机交互功能的软件可以包括录音机程序入口,用于调用上述硬件和软件的代码可以预先编写并在模块库中与收音机功能图标的组件模板绑定存储,在本步骤中,将该代码链接至经过变更操作调整后的收音机功能图标组件上。
步骤507、将本次设计过程中形成的新的基础控件、新的组件以及新的模块作为模板加入至目标车辆品牌对应的预先创建的模块库。
本发明实施例提供的人机交互设计方法,根据车辆品牌基因进行模板积累,形成控件库、组件库以及模块库,当存在新的设计需求时,先选择当前所需设计的品牌,然后从Kanzi中进入该品牌对应的设计画布界面中,设计画布中包含预先设计好的品牌对应的显示屏布局框架,通过Kanzi访问积累的模板库,并可以参考框架来选择目标模板并拖动至画布中,之后根据自己的实际需求对画布中的模板进行变更操作,快速得到设计完成的高保真的人机交互应用模块以及相应的交互界面,并且,将模块库中与目标模板对应的目标功能实现代码链接至人机交互应用模块中对应的组成部分,便于快速将直接集成到车机开发中,提高车机开发效率,最后,本次设计过程中形成的新的基础控件、新的组件以及新的模块作为模板加入至目标车辆品牌对应的预先创建的模块库,实现模板库的持续积累。
图6为本发明实施例提供的一种人机交互设计装置的结构框图,该装置可由软件和/或硬件实现,一般可集成在计算机设备中,可通过执行人机交互设计方法来进行人机交互设计。如图6所示,该装置包括:
模板库访问模块601,用于通过预设人机交互设计平台访问预先创建的模板库,其中,所述模板库包括控件库、组件库和模块库,所述控件库中包含基础控件模板,所述组件库中包含由多个基础控件组合得到的组件模板,所述模块库包含由多个组件组合得到的模块模板;
目标模板显示模块602,用于根据作用于所述模板库中的目标模板的拖动操作,获取所述目标模板并将所述目标模板显示于设计画布中;
应用模块设计模块603,用于接收针对显示于所述设计画布中的所述目标模板的变更操作,并根据所述变更操作对所述目标模板进行更新,得到设计完成的人机交互应用模块。
本发明实施例中提供的人机交互设计装置,通过预设人机交互设计平台访问预先创建的模板库,其中,模板库包括控件库、组件库和模块库,控件库中包含基础控件模板,组件库中包含由多个基础控件组合得到的组件模板,模块库包含由多个组件组合得到的模块模板,根据作用于模板库中的目标模板的拖动操作,获取目标模板并将所述目标模板显示于设计画布中,其中,目标模板中包括模块模板,接收针对显示于所述设计画布中的所述目标模板的变更操作,并根据所述变更操作对所述目标模板进行更新,得到设计完成的人机交互应用模块。通过采用上述技术方案,在需要对人机交互界面中的应用模块进行设计时,可以直接通过设计平台访问预先创建的模板库,模板库中包括模块库、组件库和控件库,模块库中的模块模板是已经设计好的由多个组件组合得到的模板,可以直接利用拖动的方式将其拖动到设计画布中,不需要从头开始设计,只需要根据当前需求对模板中的细节进行调整,即可快速得到所需要的设计的人机交互应用模块,有效提升人机交互设计效率。
可选的,所述预设人机交互设计平台为Kanzi。
可选的,所述变更操作包括修改视觉图像切片、修改文字、修改背景、修改示意图案、调整显示位置以及调整透视角度中的至少一个。
可选的,所述模块库中还包含模板对应的功能实现代码,所述功能实现代码包括用于调用实现模板对应的人机交互功能的软件和/或硬件的代码;
该装置还可包括:
代码链接模块,用于在所述得到设计完成的人机交互应用模块之后,将所述模板库中与所述目标模板对应的目标功能实现代码链接至所述人机交互应用模块中对应的组成部分。
可选的,该装置还可包括:
品牌接收模块,用于在所述通过预设人机交互设计平台访问预先创建的模板库之前,接收用户输入的目标车辆品牌;
所述通过预设人机交互设计平台访问预先创建的模板库,包括:
通过预设人机交互设计平台访问与所述目标车辆品牌对应的预先创建的模板库。
可选的,该装置还可包括:
模板新增模块,用于在所述得到设计完成的人机交互应用模块之后,将本次设计过程中形成的新的基础控件、新的组件以及新的模块作为模板加入至所述目标车辆品牌对应的预先创建的模块库。
可选的,该装置还可包括:
设计画布显示模块,用于在所述接收用户输入的目标车辆品牌之后,显示所述目标车辆品牌对应的设计画布,其中,所述设计画布中包括所述目标车辆品牌对应的显示屏布局框架。
本发明实施例提供了一种计算机设备,该计算机设备中可集成本发明实施例提供的人机交互设计装置。图7为本发明实施例提供的一种计算机设备的结构框图。计算机设备700可以包括:存储器701,处理器702及存储在存储器701上并可在处理器运行的计算机程序,所述处理器702执行所述计算机程序时实现如本发明实施例所述的人机交互设计方法。
本发明实施例提供的计算机设备,在需要对人机交互界面中的应用模块进行设计时,可以直接通过设计平台访问预先创建的模板库,模板库中包括模块库、组件库和控件库,模块库中的模块模板是已经设计好的由多个组件组合得到的模板,可以直接利用拖动的方式将其拖动到设计画布中,不需要从头开始设计,只需要根据当前需求对模板中的细节进行调整,即可快速得到所需要的设计的人机交互应用模块,有效提升人机交互设计效率。
本发明实施例还提供一种包含计算机可执行指令的存储介质,所述计算机可执行指令在由计算机处理器执行时用于执行人机交互设计方法,该方法包括:
通过预设人机交互设计平台访问预先创建的模板库,其中,所述模板库包括控件库、组件库和模块库,所述控件库中包含基础控件模板,所述组件库中包含由多个基础控件组合得到的组件模板,所述模块库包含由多个组件组合得到的模块模板;
根据作用于所述模板库中的目标模板的拖动操作,获取所述目标模板并将所述目标模板显示于设计画布中;
接收针对显示于所述设计画布中的所述目标模板的变更操作,并根据所述变更操作对所述目标模板进行更新,得到设计完成的人机交互应用模块。
存储介质——任何的各种类型的存储器设备或存储设备。术语“存储介质”旨在包括:安装介质,例如CD-ROM、软盘或磁带装置;计算机系统存储器或随机存取存储器,诸如DRAM、DDRRAM、SRAM、EDORAM,兰巴斯(Rambus)RAM等;非易失性存储器,诸如闪存、磁介质(例如硬盘或光存储);寄存器或其它相似类型的存储器元件等。存储介质可以还包括其它类型的存储器或其组合。另外,存储介质可以位于程序在其中被执行的第一计算机系统中,或者可以位于不同的第二计算机系统中,第二计算机系统通过网络(诸如因特网)连接到第一计算机系统。第二计算机系统可以提供程序指令给第一计算机用于执行。术语“存储介质”可以包括可以驻留在不同位置中(例如在通过网络连接的不同计算机系统中)的两个或更多存储介质。存储介质可以存储可由一个或多个处理器执行的程序指令(例如具体实现为计算机程序)。
当然,本发明实施例所提供的一种包含计算机可执行指令的存储介质,其计算机可执行指令不限于如上所述的人机交互设计操作,还可以执行本发明任意实施例所提供的人机交互设计方法中的相关操作。
上述实施例中提供的人机交互设计装置、设备及存储介质可执行本发明任意实施例所提供的人机交互设计方法,具备执行该方法相应的功能模块和有益效果。未在上述实施例中详尽描述的技术细节,可参见本发明任意实施例所提供的人机交互设计方法。
注意,上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解,本发明不限于这里所述的特定实施例,对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此,虽然通过以上实施例对本发明进行了较为详细的说明,但是本发明不仅仅限于以上实施例,在不脱离本发明构思的情况下,还可以包括更多其他等效实施例,而本发明的范围由所附的权利要求范围决定。
Claims (10)
1.一种人机交互设计方法,其特征在于,包括:
通过预设人机交互设计平台访问预先创建的模板库,其中,所述模板库包括控件库、组件库和模块库,所述控件库中包含基础控件模板,所述组件库中包含由多个基础控件组合得到的组件模板,所述模块库包含由多个组件组合得到的模块模板;
根据作用于所述模板库中的目标模板的拖动操作,获取所述目标模板并将所述目标模板显示于设计画布中,其中,所述目标模板中包括模块模板;
接收针对显示于所述设计画布中的所述目标模板的变更操作,并根据所述变更操作对所述目标模板进行更新,得到设计完成的人机交互应用模块。
2.根据权利要求1所述的方法,其特征在于,所述预设人机交互设计平台为Kanzi。
3.根据权利要求2所述的方法,其特征在于,所述变更操作包括修改视觉图像切片、修改文字、修改背景、修改示意图案、调整显示位置以及调整透视角度中的至少一个。
4.根据权利要求2所述的方法,其特征在于,所述模块库中还包含模板对应的功能实现代码,所述功能实现代码包括用于调用实现模板对应的人机交互功能的软件和/或硬件的代码;
在所述得到设计完成的人机交互应用模块之后,还包括:
将所述模板库中与所述目标模板对应的目标功能实现代码链接至所述人机交互应用模块中对应的组成部分。
5.根据权利要求2所述的方法,其特征在于,在所述通过预设人机交互设计平台访问预先创建的模板库之前,还包括:
接收用户输入的目标车辆品牌;
所述通过预设人机交互设计平台访问预先创建的模板库,包括:
通过预设人机交互设计平台访问与所述目标车辆品牌对应的预先创建的模板库。
6.根据权利要求5所述的方法,其特征在于,在所述得到设计完成的人机交互应用模块之后,还包括:
将本次设计过程中形成的新的基础控件、新的组件以及新的模块作为模板加入至所述目标车辆品牌对应的预先创建的模块库。
7.根据权利要求5所述的方法,其特征在于,在所述接收用户输入的目标车辆品牌之后,还包括:
显示所述目标车辆品牌对应的设计画布,其中,所述设计画布中包括所述目标车辆品牌对应的显示屏布局框架。
8.一种人机交互设计装置,其特征在于,包括:
模板库访问模块,用于通过预设人机交互设计平台访问预先创建的模板库,其中,所述模板库包括控件库、组件库和模块库,所述控件库中包含基础控件模板,所述组件库中包含由多个基础控件组合得到的组件模板,所述模块库包含由多个组件组合得到的模块模板;
目标模板显示模块,用于根据作用于所述模板库中的目标模板的拖动操作,获取所述目标模板并将所述目标模板显示于设计画布中,其中,所述目标模板中包括模块模板;
应用模块设计模块,用于接收针对显示于所述设计画布中的所述目标模板的变更操作,并根据所述变更操作对所述目标模板进行更新,得到设计完成的人机交互应用模块。
9.一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现如权利要求1-7任一项所述的方法。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-7任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010935878.XA CN112099789A (zh) | 2020-09-08 | 2020-09-08 | 人机交互设计方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010935878.XA CN112099789A (zh) | 2020-09-08 | 2020-09-08 | 人机交互设计方法、装置、设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112099789A true CN112099789A (zh) | 2020-12-18 |
Family
ID=73752608
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010935878.XA Pending CN112099789A (zh) | 2020-09-08 | 2020-09-08 | 人机交互设计方法、装置、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112099789A (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112700509A (zh) * | 2020-12-31 | 2021-04-23 | 中孚安全技术有限公司 | 一种快速制作高保真界面原型的方法、系统及设备 |
CN113238749A (zh) * | 2021-03-19 | 2021-08-10 | 南京仁谷系统集成有限公司 | 一种可视化人机交互设计平台的工作方法 |
CN113535164A (zh) * | 2021-06-11 | 2021-10-22 | 中电金信软件有限公司 | 一种前端界面的生成方法、装置、电子设备及存储介质 |
CN113553334A (zh) * | 2021-07-23 | 2021-10-26 | 中信银行股份有限公司 | 通过组合变更模版执行变更的方法、装置、终端设备及存储介质 |
WO2023025233A1 (zh) * | 2021-08-27 | 2023-03-02 | 中国第一汽车股份有限公司 | 动画播放程序包编写方法、装置、电子设备及存储介质 |
Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103620557A (zh) * | 2011-06-29 | 2014-03-05 | 微软公司 | 使用预构控件创建逻辑 |
CN108256025A (zh) * | 2018-01-10 | 2018-07-06 | 链家网(北京)科技有限公司 | 基于html5的页面的构建方法及装置 |
CN109542399A (zh) * | 2018-10-25 | 2019-03-29 | 深圳市金证科技股份有限公司 | 软件开发方法、装置、终端设备及计算机可读存储介质 |
CN110262799A (zh) * | 2019-06-03 | 2019-09-20 | 中国第一汽车股份有限公司 | 基于ivi系统的界面布局方法、显示方法、装置及设备 |
CN110347953A (zh) * | 2019-05-20 | 2019-10-18 | 中国平安财产保险股份有限公司 | 页面生成方法、装置、计算机设备及存储介质 |
CN110727431A (zh) * | 2019-09-17 | 2020-01-24 | 阿里巴巴集团控股有限公司 | 小程序生成方法以及装置 |
CN110955418A (zh) * | 2019-12-13 | 2020-04-03 | 中国南方电网有限责任公司 | 代码生成方法、装置、计算机设备和存储介质 |
CN110968309A (zh) * | 2019-10-15 | 2020-04-07 | 京东数字科技控股有限公司 | 一种模板生成方法、装置、电子设备及存储介质 |
-
2020
- 2020-09-08 CN CN202010935878.XA patent/CN112099789A/zh active Pending
Patent Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103620557A (zh) * | 2011-06-29 | 2014-03-05 | 微软公司 | 使用预构控件创建逻辑 |
CN108256025A (zh) * | 2018-01-10 | 2018-07-06 | 链家网(北京)科技有限公司 | 基于html5的页面的构建方法及装置 |
CN109542399A (zh) * | 2018-10-25 | 2019-03-29 | 深圳市金证科技股份有限公司 | 软件开发方法、装置、终端设备及计算机可读存储介质 |
CN110347953A (zh) * | 2019-05-20 | 2019-10-18 | 中国平安财产保险股份有限公司 | 页面生成方法、装置、计算机设备及存储介质 |
CN110262799A (zh) * | 2019-06-03 | 2019-09-20 | 中国第一汽车股份有限公司 | 基于ivi系统的界面布局方法、显示方法、装置及设备 |
CN110727431A (zh) * | 2019-09-17 | 2020-01-24 | 阿里巴巴集团控股有限公司 | 小程序生成方法以及装置 |
CN110968309A (zh) * | 2019-10-15 | 2020-04-07 | 京东数字科技控股有限公司 | 一种模板生成方法、装置、电子设备及存储介质 |
CN110955418A (zh) * | 2019-12-13 | 2020-04-03 | 中国南方电网有限责任公司 | 代码生成方法、装置、计算机设备和存储介质 |
Non-Patent Citations (2)
Title |
---|
付得一: "《会计信息系统》", 31 January 2011, 北京:中央广播电视大学出版社, pages: 114 - 116 * |
蒋安纳: "《office为我所用:实践者之路》", 28 February 2011, 南京:东南大学出版社, pages: 77 - 85 * |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112700509A (zh) * | 2020-12-31 | 2021-04-23 | 中孚安全技术有限公司 | 一种快速制作高保真界面原型的方法、系统及设备 |
CN113238749A (zh) * | 2021-03-19 | 2021-08-10 | 南京仁谷系统集成有限公司 | 一种可视化人机交互设计平台的工作方法 |
CN113535164A (zh) * | 2021-06-11 | 2021-10-22 | 中电金信软件有限公司 | 一种前端界面的生成方法、装置、电子设备及存储介质 |
CN113553334A (zh) * | 2021-07-23 | 2021-10-26 | 中信银行股份有限公司 | 通过组合变更模版执行变更的方法、装置、终端设备及存储介质 |
WO2023025233A1 (zh) * | 2021-08-27 | 2023-03-02 | 中国第一汽车股份有限公司 | 动画播放程序包编写方法、装置、电子设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN112099789A (zh) | 人机交互设计方法、装置、设备及存储介质 | |
US9389759B2 (en) | Environment for responsive graphical designs | |
CN109933322B (zh) | 一种页面编辑方法、装置及计算机可读存储介质 | |
US9367199B2 (en) | Dynamical and smart positioning of help overlay graphics in a formation of user interface elements | |
CN102356375B (zh) | 连续和不连续的属性的平滑布局动画 | |
US20080022215A1 (en) | Apparatus, system, and method for expanding and collapsing a list in a diagram environment | |
US20030067497A1 (en) | Method and device for modifying a pre-existing graphical user interface | |
CN102043618B (zh) | 一种窗口对象显示样式的控制方法及装置 | |
CN112099686B (zh) | 图标显示控制方法、装置和电子设备 | |
US9946806B2 (en) | Exporting responsive designs from a graphical design tool | |
US20200065355A1 (en) | Multi-view masters for graphical designs | |
CN109145272B (zh) | 文本渲染和布局方法、装置、设备和存储介质 | |
WO2013109858A1 (en) | Design canvas | |
CN114168238A (zh) | 通过计算设备实现的方法、系统和计算机可读存储介质 | |
US8327315B1 (en) | System and method for process rules editors | |
CN113238749A (zh) | 一种可视化人机交互设计平台的工作方法 | |
JP3459153B2 (ja) | 画像処理装置 | |
EP1691278A1 (en) | Method and computer system for editing documents | |
CN113393372A (zh) | 桌面壁纸设置方法及装置 | |
KR20190115401A (ko) | 링크 뷰 방법, 링크 뷰 장치 및 링크 뷰 프로그램 | |
CN115268884B (zh) | 一种基于aPaaS平台的移动端可视化页面配置和渲染方法 | |
CN112817508B (zh) | 资源素材的手势操控指令的管理方法、装置及其设备 | |
CN111596917B (zh) | 编辑操作处理方法、装置、电子设备及存储介质 | |
CN117971213A (zh) | 一种工作台展示页面生成方法及系统 | |
CN117950771A (zh) | 一种业务内容的显示方法、装置、电子设备及存储介质 |
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 |