[发明专利]一种用户界面原型图形的配置系统及配置方法

说明书

本发明公开了一种用户界面原型图形的配置系统及配置方法，该系统包括门户网站、UI组件库和基础动效库；门户网站用于展示所述UI组件库和所述基础动效库的默认样式，以及代码实现并提供创建用户界面原型操作平台；UI数据库用于提供创建用户界面原型的控件单元，用于构建用户界面原型图形；基础动效库用于提供用户界面原型的动画效果。该配置方法能完全模拟对应终端的交互方式，还原用户交互场景，大大减少了开发人员与UX设计师的沟通障碍。

技术领域

本发明涉及UX设计技术领域，具体涉及一种用户界面原型图形的配置系统及配置方法。

背景技术

如今，随着以用户为中心的设计理念不断加强，越来越多的产品专注于寻找最佳的设计方案。随着行业技术和方法论的发展，终端应用程序也越来越复杂，终端的种类也越来越多：移动终端，TV端，嵌入式终端，各种浏览器等。传统的交互设计方式只能静态描述，不能还原应用场景，这使得设计师与研发人员之间存在着沟通困难的问题。

发明内容

为了克服上述技术缺陷，本发明提供了一种用户界面原型图形的配置系统及配置方法，该配置方法能完全模拟对应终端的交互方式，还原用户交互场景，大大减少了开发人员与UX设计师的沟通障碍。

为了达到上述技术效果，本发明提供了一种用户界面原型图形的配置系统，其特征在于，包括门户网站、UI组件库和基础动效库；

所述门户网站用于展示所述UI组件库和所述基础动效库的默认样式，以及代码实现并提供创建用户界面原型操作平台；

所述UI数据库用于提供创建用户界面原型的控件单元，用于构建用户界面原型图形；

所述基础动效库用于提供用户界面原型的动画效果。

进一步的技术方案为，所述UI组件库包括移动端组件库、TV端组件库和PC端组件库；

所述移动端组件库，包含一套符合移动端UI设计规范的基础控件，并提供触摸屏的交互方式，用于创建移动端及嵌入式终端用户界面原型；

所述TV端组件库，包含一套符合TV端UI设计规范的基础控件，并提供遥控器的交互方式，用于创建TV端用户界面原型；

所述PC端组件库，包含一套符合PC端UI设计规范的基础控件，提供鼠标及键盘的交互方式，用于创建PC端用户界面原型。

进一步的技术方案为，所述门户网站提供创建用户界面原型操作平台，用户可在所述门户网站通过拖拽或按钮添加及删除组件，并编辑已添加组件样式及动效。

进一步的技术方案为，所述门户网站提供切换主题风格功能，用户可以使用不同的风格来创建用户界面原型。

本发明还提供了一种用户界面原型图形的配置方法，包括以下步骤：

S1：设计师登录门户网站；

S2：选择要使用的风格：主题颜色和主题动效；

S3：设计师拖拽组件，绘制用户界面原型图形；

S4：对组件单元进行编辑；

S5：完成用户界面原型图形绘制，导出原型设计稿。

本发明与现有技术相比，具有如下有益效果：与传统的静态交互设计稿相比，使用本配置方法设计的原型稿中，会包含特定终端的交互方式及动画效果，能完全模拟对应终端的交互方式，还原用户交互场景，大大减少了开发人员与UX设计师的沟通障碍；本配置方法中不仅提供了PC端和移动端的组件库与动效库，还包含完整的TV端及嵌入式终端组件库与动效库，大大提高了TV端及嵌入式终端应用程序交互原型设计效率和开发效率。

附图说明

图1为本发明提供的用户界面原型图形的配置系统的示意图；