[發(fā)明專利]樹狀邏輯式在線協(xié)作裝置及方法

在審

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

樹狀邏輯式在線協(xié)作裝置及方法，將項(xiàng)目設(shè)計(jì)過程中使用的產(chǎn)品需求文件上傳到對(duì)應(yīng)的項(xiàng)目中；設(shè)計(jì)師根據(jù)產(chǎn)品需求文件進(jìn)行設(shè)計(jì)圖設(shè)計(jì)，并調(diào)用設(shè)計(jì)圖上傳模塊將根據(jù)產(chǎn)品需求文件設(shè)計(jì)的設(shè)計(jì)圖上傳到對(duì)應(yīng)的項(xiàng)目中；設(shè)計(jì)圖上傳的過程中，調(diào)用信息提取模塊提取設(shè)計(jì)師上傳的設(shè)計(jì)圖標(biāo)注信息和圖層信息，并調(diào)用項(xiàng)目畫布模塊展示設(shè)計(jì)師上傳的設(shè)計(jì)圖；調(diào)用圖形分組模塊對(duì)設(shè)計(jì)師上傳到畫布上的設(shè)計(jì)圖進(jìn)行分組；繪制設(shè)計(jì)圖之間的跳轉(zhuǎn)邏輯連線并根據(jù)連線順序切換設(shè)計(jì)圖；根據(jù)設(shè)計(jì)圖之間的跳轉(zhuǎn)邏輯連線生成設(shè)計(jì)圖切換邏輯；調(diào)用跳轉(zhuǎn)交互模塊查看設(shè)計(jì)圖頁面之間的跳轉(zhuǎn)邏輯。本發(fā)明能夠提高產(chǎn)品設(shè)計(jì)研發(fā)團(tuán)隊(duì)內(nèi)部產(chǎn)品設(shè)計(jì)圖的溝通效率，降低溝通成本。

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

本發(fā)明涉及圖形處理技術(shù)領(lǐng)域，具體涉及一種樹狀邏輯式在線協(xié)作裝置及方法。

背景技術(shù)

界面設(shè)計(jì)是為了滿足軟件專業(yè)化標(biāo)準(zhǔn)化的需求而產(chǎn)生的對(duì)軟件的使用界面進(jìn)行美化優(yōu)化規(guī)范化的設(shè)計(jì)分支。具體包括軟件啟動(dòng)封面設(shè)計(jì)，軟件框架設(shè)計(jì)，按鈕設(shè)計(jì)，面板設(shè)計(jì)，菜單設(shè)計(jì)，標(biāo)簽設(shè)計(jì)，圖標(biāo)設(shè)計(jì)，滾動(dòng)條及狀態(tài)欄設(shè)計(jì)，安裝過程設(shè)計(jì)，包裝及商品化。軟件界面也稱作User Interface(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ù)方案可以幫他們高效溝通。

產(chǎn)品經(jīng)理、設(shè)計(jì)師、工程師在開產(chǎn)品會(huì)議時(shí)，或向老板、甲方講解產(chǎn)品時(shí)，會(huì)將設(shè)計(jì)圖每一頁打印出來，粘貼在白板上、墻上等適合的平面上，用繪筆連線，配合語言和肢體表達(dá)，頁面與頁面之間的跳轉(zhuǎn)邏輯關(guān)系。這種溝通需要講述者擁有強(qiáng)大的語言表達(dá)能力，聽眾需要擁有強(qiáng)大的邏輯思維能力與空間想象能力。否則，溝通會(huì)非常低效，需要反復(fù)講解與確認(rèn)，很容易造成認(rèn)知混亂。

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

本發(fā)明實(shí)施例的目的在于提供一種樹狀邏輯式在線協(xié)作裝置及方法，能夠提高產(chǎn)品設(shè)計(jì)研發(fā)團(tuán)隊(duì)內(nèi)部產(chǎn)品設(shè)計(jì)圖的溝通效率，降低產(chǎn)品設(shè)計(jì)研發(fā)團(tuán)隊(duì)向老板、甲方講解產(chǎn)品的溝通成本。

為實(shí)現(xiàn)上述目的，本發(fā)明實(shí)施例提供一種樹狀邏輯式在線協(xié)作裝置，所述在線協(xié)作裝置包括：

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

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

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

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

邏輯連線模塊，用于繪制設(shè)計(jì)圖之間的跳轉(zhuǎn)邏輯連線并根據(jù)連線順序切換設(shè)計(jì)圖；

邏輯生成模塊，用于根據(jù)設(shè)計(jì)圖之間的跳轉(zhuǎn)邏輯連線生成設(shè)計(jì)圖切換邏輯；

跳轉(zhuǎn)交互模塊，用于工程師查看設(shè)計(jì)圖頁面之間的跳轉(zhuǎn)邏輯；

圖形分組模塊，用于對(duì)設(shè)計(jì)師上傳到畫布上的設(shè)計(jì)圖進(jìn)行分組。

作為樹狀邏輯式在線協(xié)作裝置的優(yōu)選方案，所述在線協(xié)作裝置還包括圖形切片模塊，圖形切片模塊用于根據(jù)預(yù)設(shè)的尺寸參數(shù)對(duì)上傳的設(shè)計(jì)圖進(jìn)行圖形切割。

實(shí)踐中，需要確定當(dāng)前設(shè)計(jì)基于的設(shè)備是iOS、安卓還是Web，再確定現(xiàn)在的設(shè)計(jì)圖是基于幾倍設(shè)計(jì)的，最后選擇和設(shè)計(jì)圖匹配的設(shè)備和倍數(shù)。iPhone、iPad、iWatch這三種設(shè)備的界面設(shè)計(jì)屬于—iOS；安卓系統(tǒng)的界面設(shè)計(jì)屬于—安卓；網(wǎng)頁類型的界面設(shè)計(jì)屬于—Web。例如：375x667，屬于iOS 1x；750x1334，屬于iOS 2x；1920x1080，(要區(qū)分是手機(jī)界面還是網(wǎng)頁)手機(jī)建議選安卓—-xxhdpi；網(wǎng)頁選Web 1x。1x是常用尺寸，通常做的網(wǎng)頁一般都是選1x；2x是指為特定的屏幕(4k屏)設(shè)計(jì)的尺寸，通常該尺寸會(huì)是正常網(wǎng)頁的2倍。