[發(fā)明專利]設(shè)計(jì)圖在線協(xié)作切圖裝置及方法

在審

• 申請?zhí)枺?/td>: 201810945315.1
• 申請日: 2018-08-20
• 公開（公告）號: CN109032601A
• 公開（公告）日: 2018-12-18
• 發(fā)明（設(shè)計(jì)）人: 任洋輝
• 申請（專利權(quán)）人: 北京知本源信息技術(shù)有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F8/20
• 代理公司: 北京知呱呱知識產(chǎn)權(quán)代理有限公司 11577
• 代理人: 孫進(jìn)華;吳林

設(shè)計(jì)圖在線協(xié)作切圖裝置及方法，對設(shè)計(jì)圖進(jìn)行切圖的尺寸參數(shù)進(jìn)行設(shè)置，對設(shè)計(jì)圖的切圖類型進(jìn)行預(yù)設(shè)；對設(shè)計(jì)圖的上傳模式進(jìn)行切換，上傳模式通過插件的形式對上傳速度調(diào)整；將根據(jù)產(chǎn)品需求文件設(shè)計(jì)的設(shè)計(jì)圖上傳到對應(yīng)的項(xiàng)目中，供產(chǎn)品設(shè)計(jì)研發(fā)團(tuán)隊(duì)成員查看；提取設(shè)計(jì)師上傳的設(shè)計(jì)圖標(biāo)注信息和圖層信息，并根據(jù)預(yù)設(shè)的尺寸參數(shù)和切圖類型對上傳的設(shè)計(jì)圖進(jìn)行圖形切割；調(diào)用切圖生成模塊將切圖生成圖片格式的二維矢量圖形；根據(jù)設(shè)計(jì)師上傳的設(shè)計(jì)圖中的設(shè)計(jì)元素生成供工程師編程使用的樣式代碼；工程師調(diào)用切圖下載模塊下載所需要的設(shè)計(jì)圖切圖。本發(fā)明減輕設(shè)計(jì)師手動工作負(fù)擔(dān)，將機(jī)械的手工操作自動化，提高團(tuán)隊(duì)工作效率與精準(zhǔn)度。

技術(shù)領(lǐng)域

本發(fā)明涉及圖形處理技術(shù)領(lǐng)域，具體涉及一種設(shè)計(jì)圖在線協(xié)作切圖裝置及方法。

背景技術(shù)

界面設(shè)計(jì)是為了滿足軟件專業(yè)化標(biāo)準(zhǔn)化的需求而產(chǎn)生的對軟件的使用界面進(jìn)行美化優(yōu)化規(guī)范化的設(shè)計(jì)分支。具體包括軟件啟動封面設(shè)計(jì)，軟件框架設(shè)計(jì)，按鈕設(shè)計(jì)，面板設(shè)計(jì)，菜單設(shè)計(jì)，標(biāo)簽設(shè)計(jì)，圖標(biāo)設(shè)計(jì)，滾動條及狀態(tài)欄設(shè)計(jì)，安裝過程設(shè)計(jì)，包裝及商品化。軟件界面也稱作UI(User Interface)，是人機(jī)交互重要部分，也是軟件使用的第一印象，是軟件設(shè)計(jì)的重要組成部分。軟件界面設(shè)計(jì)越來越被軟件設(shè)計(jì)重視。目前，國內(nèi)的產(chǎn)品經(jīng)理、設(shè)計(jì)師、工程師在項(xiàng)目產(chǎn)品開發(fā)過程中，沒有一個(gè)單獨(dú)的協(xié)作技術(shù)方案可以幫他們高效溝通。

設(shè)計(jì)圖定稿后，設(shè)計(jì)師需要手動為設(shè)計(jì)圖上每個(gè)元素進(jìn)行標(biāo)記，并按工程師要求將需要元素進(jìn)行切片，此繁瑣手動工作會占據(jù)設(shè)計(jì)師工作時(shí)長1/3～1/2，且極易錯標(biāo)漏標(biāo)，或遺漏工程師所需切片。設(shè)計(jì)師在向工程師交付設(shè)計(jì)圖時(shí)，需要將設(shè)計(jì)圖上每個(gè)元素的大小、顏色、間距等信息一一在設(shè)計(jì)圖上做標(biāo)注。很多設(shè)計(jì)師依然在制圖軟件上進(jìn)行手動測量標(biāo)注，導(dǎo)出圖片格式，一張圖片上密密麻麻布滿標(biāo)注信息，然后打包發(fā)給工程師。工程師打開查看時(shí)，密密麻麻的標(biāo)注信息查看體驗(yàn)不好，同時(shí)因?yàn)槭謩訕?biāo)注會出現(xiàn)錯標(biāo)、漏標(biāo)現(xiàn)象，工程師需要再次和設(shè)計(jì)師進(jìn)行比對，耗時(shí)耗力。

發(fā)明內(nèi)容

本發(fā)明實(shí)施例的目的在于提供一種設(shè)計(jì)圖在線協(xié)作切圖裝置及方法，減輕設(shè)計(jì)師手動工作負(fù)擔(dān)，將機(jī)械的手工操作自動化，提高團(tuán)隊(duì)工作效率與精準(zhǔn)度。

為實(shí)現(xiàn)上述目的，本發(fā)明實(shí)施例提供一種設(shè)計(jì)圖在線協(xié)作切圖裝置，所述切圖裝置包括：

尺寸預(yù)設(shè)模塊，用于對設(shè)計(jì)圖進(jìn)行切圖的尺寸參數(shù)進(jìn)行設(shè)置，尺寸參數(shù)被配置為iOS系統(tǒng)、安卓系統(tǒng)或網(wǎng)頁類型尺寸參數(shù)；

類型預(yù)設(shè)模塊，用于對設(shè)計(jì)圖的切圖類型進(jìn)行預(yù)設(shè)，切圖類型被配置為文件夾/圖層類型、切片類型或共享圖標(biāo)類型；

模式切換模塊，用于對設(shè)計(jì)圖的上傳模式進(jìn)行切換，上傳模式通過插件的形式對上傳速度調(diào)整；

設(shè)計(jì)圖上傳模塊，用于上傳設(shè)計(jì)師根據(jù)產(chǎn)品需求文件設(shè)計(jì)的設(shè)計(jì)圖到對應(yīng)的項(xiàng)目中供產(chǎn)品設(shè)計(jì)研發(fā)團(tuán)隊(duì)成員查看；

信息提取模塊，用于提取設(shè)計(jì)師上傳的設(shè)計(jì)圖的設(shè)計(jì)元素標(biāo)注信息和圖層信息；

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

項(xiàng)目畫布模塊，用于展示設(shè)計(jì)師上傳的設(shè)計(jì)圖供產(chǎn)品設(shè)計(jì)研發(fā)團(tuán)隊(duì)成員查看；

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

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