树状逻辑式在线协作装置及方法制造方法及图纸

树状逻辑式在线协作装置及方法，将项目设计过程中使用的产品需求文件上传到对应的项目中；设计师根据产品需求文件进行设计图设计，并调用设计图上传模块将根据产品需求文件设计的设计图上传到对应的项目中；设计图上传的过程中，调用信息提取模块提取设计师上传的设计图标注信息和图层信息，并调用项目画布模块展示设计师上传的设计图；调用图形分组模块对设计师上传到画布上的设计图进行分组；绘制设计图之间的跳转逻辑连线并根据连线顺序切换设计图；根据设计图之间的跳转逻辑连线生成设计图切换逻辑；调用跳转交互模块查看设计图页面之间的跳转逻辑。本发明专利技术能够提高产品设计研发团队内部产品设计图的沟通效率，降低沟通成本。

【技术实现步骤摘要】
树状逻辑式在线协作装置及方法
本专利技术涉及图形处理
，具体涉及一种树状逻辑式在线协作装置及方法。
技术介绍
界面设计是为了满足软件专业化标准化的需求而产生的对软件的使用界面进行美化优化规范化的设计分支。具体包括软件启动封面设计，软件框架设计，按钮设计，面板设计，菜单设计，标签设计，图标设计，滚动条及状态栏设计，安装过程设计，包装及商品化。软件界面也称作UserInterface(UserInterface)，是人机交互重要部分，也是软件使用的第一印象，是软件设计的重要组成部分。软件界面设计越来越被软件设计重视。目前，国内的产品经理、设计师、工程师在项目产品开发过程中，没有一个单独的协作技术方案可以帮他们高效沟通。产品经理、设计师、工程师在开产品会议时，或向老板、甲方讲解产品时，会将设计图每一页打印出来，粘贴在白板上、墙上等适合的平面上，用绘笔连线，配合语言和肢体表达，页面与页面之间的跳转逻辑关系。这种沟通需要讲述者拥有强大的语言表达能力，听众需要拥有强大的逻辑思维能力与空间想象能力。否则，沟通会非常低效，需要反复讲解与确认，很容易造成认知混乱。
技术实现思路
本专利技术实施例的目的在于提供一种树状逻辑式在线协作装置及方法，能够提高产品设计研发团队内部产品设计图的沟通效率，降低产品设计研发团队向老板、甲方讲解产品的沟通成本。为实现上述目的，本专利技术实施例提供一种树状逻辑式在线协作装置，所述在线协作装置包括：文件上传模块，用于产品经理将项目设计过程中使用的产品需求文件上传到对应的项目中供产品设计研发团队成员查看；设计图上传模块，用于上传设计师根据产品需求文件设计的设计图到对应的项目中供产品设计研发团队成员查看；信息提取模块，用于提取设计师上传的设计图标注信息和图层信息；项目画布模块，用于展示设计师上传的设计图供产品设计研发团队成员查看；逻辑连线模块，用于绘制设计图之间的跳转逻辑连线并根据连线顺序切换设计图；逻辑生成模块，用于根据设计图之间的跳转逻辑连线生成设计图切换逻辑；跳转交互模块，用于工程师查看设计图页面之间的跳转逻辑；图形分组模块，用于对设计师上传到画布上的设计图进行分组。作为树状逻辑式在线协作装置的优选方案，所述在线协作装置还包括图形切片模块，图形切片模块用于根据预设的尺寸参数对上传的设计图进行图形切割。实践中，需要确定当前设计基于的设备是iOS、安卓还是Web，再确定现在的设计图是基于几倍设计的，最后选择和设计图匹配的设备和倍数。iPhone、iPad、iWatch这三种设备的界面设计属于—iOS；安卓系统的界面设计属于—安卓；网页类型的界面设计属于—Web。例如：375x667，属于iOS1x；750x1334，属于iOS2x；1920x1080，(要区分是手机界面还是网页)手机建议选安卓—-xxhdpi；网页选Web1x。1x是常用尺寸，通常做的网页一般都是选1x；2x是指为特定的屏幕(4k屏)设计的尺寸，通常该尺寸会是正常网页的2倍。作为树状逻辑式在线协作装置的优选方案，所述在线协作装置还包括代码生成模块，代码生成模块用于根据设计师上传的设计图中的设计元素生成供工程师编程使用的样式代码。代码生成的原理原理是建立数据模型，如单表，一对多表，树状结构表，比如JeeSite生成代码原理主要是：通过JavaArchitectureforXMLBindingContext的Marshal(解组)和UnMarshal(编组)实现JAVA与可扩展标记语言的相互转换，其中把要生成代码的文件写成一个可扩展标记语言模板，再通过Input和Output流一行一行读取模板，再进行转换成相应的文件。作为树状逻辑式在线协作装置的优选方案，所述在线协作装置还包括图形检索模块，图形检索模块用于根据设计师上传到画布上的设计图名称对设计图进行检索。当画布存在较多的设计图时，由于无法看清设计图的内容，需要查找对应的设计图时需要放大处理，通过图形检索模块能够根据设计图的名称之间将需要查看的设计图检索出来。作为树状逻辑式在线协作装置的优选方案，所述在线协作装置还包括图形平铺模块，图形平铺模块用于对设计师上传到画布上的设计图进行平铺展示；通过图形平铺模块能够将设计图进行平铺展示。所述在线协作装置还包括图形拖动模块，图形拖动模块用于对设计师上传到画布上的设计图进行拖动改变设计图的展示位置。通过图形拖动模块能够改变设计图在画布上的展示位置。设计图的的平移变换是将图像所有的像素坐标分别加上指定的水平偏移量和垂直偏移量。作为树状逻辑式在线协作装置的优选方案，所述在线协作装置还包括图形排版模块，图形排版模块用于对设计师上传到画布上的设计图进行排版布局。通过图形排版模块，能够实现若干设计图左对齐、右对齐、居中对齐等自动对齐，达到排列设计图的目的。作为树状逻辑式在线协作装置的优选方案，所述在线协作装置还包括聚焦分区模块，聚焦分区模块用于聚焦显示产品设计研发团队成员选择的分区而隐藏未选择的分区。默认状态下，选中一个分区时，其他分区内容依旧会显示；通过聚焦分区模块，选中一个分区时，其他分区内容会隐藏，有利于页面加快响应速度。本专利技术还提供一种树状逻辑式在线协作方法，所述在线协作方法采用上述的在线协作装置，所述在线协作方法包括如下步骤：产品经理调用文件上传模块将项目设计过程中使用的产品需求文件上传到对应的项目中，供产品设计研发团队成员查看；设计师根据产品需求文件进行设计图设计，并调用设计图上传模块将根据产品需求文件设计的设计图上传到对应的项目中，供产品设计研发团队成员查看；设计图上传的过程中，调用信息提取模块提取设计师上传的设计图标注信息和图层信息，并调用项目画布模块展示设计师上传的设计图；调用图形分组模块对设计师上传到画布上的设计图进行分组；调用逻辑连线模块绘制设计图之间的跳转逻辑连线并根据连线顺序切换设计图；调用逻辑生成模块根据设计图之间的跳转逻辑连线生成设计图切换逻辑；调用跳转交互模块查看设计图页面之间的跳转逻辑。作为树状逻辑式在线协作方法的优选方案，所述在线协作方法还包括，调用图形切片模块根据预设的尺寸参数对上传的设计图进行图形切割。实践中，需要确定当前设计基于的设备是iOS、安卓还是Web，再确定现在的设计图是基于几倍设计的，最后选择和设计图匹配的设备和倍数。iPhone、iPad、iWatch这三种设备的界面设计属于—iOS；安卓系统的界面设计属于—安卓；网页类型的界面设计属于—Web。例如：375x667，属于iOS1x；750x1334，属于iOS2x；1920x1080，(要区分是手机界面还是网页)手机建议选安卓—-xxhdpi；网页选Web1x。1x是常用尺寸，通常做的网页一般都是选1x；2x是指为特定的屏幕(4k屏)设计的尺寸，通常该尺寸会是正常网页的2倍。作为树状逻辑式在线协作方法的优选方案，所述在线协作方法还包括，调用代码生成模块根据设计师上传的设计图中的设计元素生成供工程师编程使用的样式代码。代码生成的原理原理是建立数据模型，如单表，一对多表，树状结构表，比如JeeSite生成代码原理主要是：通过JavaArchitectureforXMLBindingContext的Marshal(解组)和UnMarshal(编组)本文档来自技高网...

【技术保护点】
1.树状逻辑式在线协作装置，其特征在于：所述在线协作装置包括：文件上传模块(1)，用于产品经理将项目设计过程中使用的产品需求文件上传到对应的项目中供产品设计研发团队成员查看；设计图上传模块(2)，用于上传设计师根据产品需求文件设计的设计图到对应的项目中供产品设计研发团队成员查看；信息提取模块(3)，用于提取设计师上传的设计图标注信息和图层信息；项目画布模块(4)，用于展示设计师上传的设计图供产品设计研发团队成员查看；逻辑连线模块(5)，用于绘制设计图之间的跳转逻辑连线并根据连线顺序切换设计图；逻辑生成模块(6)，用于根据设计图之间的跳转逻辑连线生成设计图切换逻辑；跳转交互模块(7)，用于工程师查看设计图页面之间的跳转逻辑；图形分组模块(8)，用于对设计师上传到画布上的设计图进行分组。

【技术特征摘要】
1.树状逻辑式在线协作装置，其特征在于：所述在线协作装置包括：文件上传模块(1)，用于产品经理将项目设计过程中使用的产品需求文件上传到对应的项目中供产品设计研发团队成员查看；设计图上传模块(2)，用于上传设计师根据产品需求文件设计的设计图到对应的项目中供产品设计研发团队成员查看；信息提取模块(3)，用于提取设计师上传的设计图标注信息和图层信息；项目画布模块(4)，用于展示设计师上传的设计图供产品设计研发团队成员查看；逻辑连线模块(5)，用于绘制设计图之间的跳转逻辑连线并根据连线顺序切换设计图；逻辑生成模块(6)，用于根据设计图之间的跳转逻辑连线生成设计图切换逻辑；跳转交互模块(7)，用于工程师查看设计图页面之间的跳转逻辑；图形分组模块(8)，用于对设计师上传到画布上的设计图进行分组。2.根据权利要求1所述的树状逻辑式在线协作装置，其特征在于：所述在线协作装置还包括图形切片模块(9)，图形切片模块(9)用于根据预设的尺寸参数对上传的设计图进行图形切割。3.根据权利要求1所述的树状逻辑式在线协作装置，其特征在于：所述在线协作装置还包括代码生成模块(10)，代码生成模块(10)用于根据设计师上传的设计图中的设计元素生成供工程师编程使用的样式代码。4.根据权利要求1所述的树状逻辑式在线协作装置，其特征在于：所述在线协作装置还包括图形检索模块(11)，图形检索模块(11)用于根据设计师上传到画布上的设计图名称对设计图进行检索。5.根据权利要求1所述的树状逻辑式在线协作装置，其特征在于：所述在线协作装置还包括图形平铺模块(12)，图形平铺模块(12)用于对设计师上传到画布上的设计图进行平铺展示；所述在线协作装置还包括图形拖动模块(13)，图形拖动模块(13)用于对设计师上传到画布上的设计图进行拖动改变设计图的展示位置。6.根据权利要求1所述的树状逻辑式在线协作装置，其特征在于：所述在线协作装置还包括图形排版模块(14)，图形排版模块(14)用于对设计师上传到画布上的设计图进行排版布局。7.根据权利要求1所述...

【专利技术属性】
技术研发人员：任洋辉，
申请(专利权)人：北京知本源信息技术有限公司，
类型：发明
国别省市：北京,11