[發明專利]設計圖在線協作切圖裝置及方法

在審

• 申請號: 201810945315.1
• 申請日: 2018-08-20
• 公開（公告）號: CN109032601A
• 公開（公告）日: 2018-12-18
• 發明（設計）人: 任洋輝
• 申請（專利權）人: 北京知本源信息技術有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F8/20
• 代理公司: 北京知呱呱知識產權代理有限公司 11577
• 代理人: 孫進華;吳林

1.設計圖在線協作切圖裝置，其特征在于：所述切圖裝置包括：

尺寸預設模塊(1)，用于對設計圖進行切圖的尺寸參數進行設置，尺寸參數被配置為iOS系統、安卓系統或網頁類型尺寸參數；

類型預設模塊(2)，用于對設計圖的切圖類型進行預設，切圖類型被配置為文件夾/圖層類型、切片類型或共享圖標類型；

模式切換模塊(3)，用于對設計圖的上傳模式進行切換，上傳模式通過插件的形式對上傳速度調整；

設計圖上傳模塊(4)，用于上傳設計師根據產品需求文件設計的設計圖到對應的項目中供產品設計研發團隊成員查看；

信息提取模塊(5)，用于提取設計師上傳的設計圖的設計元素標注信息和圖層信息；

代碼生成模塊(6)，用于根據設計師上傳的設計圖中的設計元素生成供工程師編程使用的樣式代碼；

項目畫布模塊(7)，用于展示設計師上傳的設計圖供產品設計研發團隊成員查看；

切圖生成模塊(8)，用于將切圖生成圖片格式的二維矢量圖形；

切圖下載模塊(9)，用于工程師下載所需要的設計圖切圖。

2.根據權利要求1所述的設計圖在線協作切圖裝置，其特征在于：所述切圖裝置還包括文件上傳模塊(10)，文件上傳模塊(10)用于產品經理將項目設計過程中使用的產品需求文件上傳到對應的項目中供產品設計研發團隊成員查看。

3.根據權利要求1所述的設計圖在線協作切圖裝置，其特征在于：所述切圖裝置還包括批注添加模塊(11)，批注添加模塊(11)用于通過打點標記或拖拽區域標記的方式在設計圖上進行批注添加。

4.根據權利要求1所述的設計圖在線協作切圖裝置，其特征在于：所述切圖裝置還包括邏輯連線模塊(12)，邏輯連線模塊(12)用于繪制設計圖之間的跳轉邏輯連線并根據連線順序切換設計圖。

5.根據權利要求1所述的設計圖在線協作切圖裝置，其特征在于：所述切圖裝置還包括跳轉交互模塊(13)，跳轉交互模塊(13)用于工程師查看設計圖頁面之間的跳轉邏輯。

6.根據權利要求1所述的設計圖在線協作切圖裝置，其特征在于：所述切圖裝置還包括聚焦分區模塊(14)，用于聚焦顯示產品設計研發團隊成員選擇的分區而隱藏未選擇的分區。

7.根據權利要求1所述的設計圖在線協作切圖裝置，其特征在于：所述切圖裝置還包括批注切換模塊(15)，批注切換模塊(15)用于對設計圖中的標注性設計元素尺寸單位或顏色參數進行切換。

8.設計圖在線協作切圖方法，所述切圖方法采用如權利要求1至7任一項所述的切圖裝置，其特征在于：所述切圖方法包括以下步驟：

調用尺寸預設模塊(1)對設計圖進行切圖的尺寸參數進行設置，將尺寸參數配置為iOS系統、安卓系統或網頁類型尺寸參數；

調用類型預設模塊(2)對設計圖的切圖類型進行預設，將切圖類型配置為文件夾/圖層類型、切片類型或共享圖標類型；

調用模式切換模塊(3)對設計圖的上傳模式進行切換，上傳模式通過插件的形式對上傳速度調整；

設計師根據產品需求文件進行設計圖設計，并調用設計圖上傳模塊(4)將根據產品需求文件設計的設計圖上傳到對應的項目中，供產品設計研發團隊成員查看；

設計圖上傳的過程中，調用信息提取模塊(5)提取設計師上傳的設計圖標注信息和圖層信息，并根據預設的尺寸參數和切圖類型對上傳的設計圖進行圖形切割；調用切圖生成模塊(8)將切圖生成圖片格式的二維矢量圖形；

調用代碼生成模塊(6)根據設計師上傳的設計圖中的設計元素生成供工程師編程使用的樣式代碼；并調用項目畫布模塊(7)展示設計師上傳的設計圖供產品設計研發團隊成員查看；工程師調用切圖下載模塊(9)下載所需要的設計圖切圖。