Axure-RP-8交互原型設(shè)計案例教程第15章-團隊合作項目

1、第15章 團隊合作項目Axure RP 8 交互原型設(shè)計案例教程Axure RP 支持兩種形式的團隊合作形式：一種是使用HTML 原型中的討論功能，另一種是使用團隊項目。1. HTML 原型中的討論功能該功能的基本的意思是，將原型發(fā)布為帶討論功能的HTML 文件后，其他用戶可以憑借原型發(fā)布者提供的項目ID和密碼訪問發(fā)布到Axure Share 中的原型并能通過“DISCUSS”（討論）面板發(fā)表自己的見解，原型發(fā)布者也可以回復(fù)其他用戶提出的意見和見解，實現(xiàn)原型發(fā)布者和其他用戶之間的交流互動，如圖15-1 所示。Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目1

2、5.1.1 團隊合作形式Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.1 團隊合作形式圖 15-1 HTML 原型中的討論功能2. 團隊項目團隊項目是Axure RP 中真正的團隊合作形式，它允許UX 設(shè)計團隊之間在同一個RP 項目中分工協(xié)作共同完成原型設(shè)計任務(wù)。團隊項目的基本意思為：將Axure RP 共享項目文件放在服務(wù)器或共享目錄中，這個服務(wù)器或共享目錄就像一個共享倉庫，存儲著構(gòu)成整個RP 項目的所有元素。在這個大倉庫中會有許多文件和文件夾，它們都有很重要的作用，任何人不能隨意修改這個大倉庫中的文件。團隊中的每個UX 設(shè)計師都可以通過一個“

3、獲取”指令獲得這個大倉庫中的項目資料，獲取的同時會在自己的電腦上建立那個大倉庫的復(fù)制，也就是共享項目副本文件。如果UX 設(shè)計師要上傳自己的工作成果，則需要通過“提交”指令來完成。圖15-2 簡要展示了團隊項目協(xié)作流程。Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.1 團隊合作形式Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.1 團隊合作形式圖 15-2 團隊項目協(xié)作示意圖Axure RP 創(chuàng)建團隊項目的方法有兩種：一種直接新建團隊項目，另一種是從現(xiàn)有的RP 文件創(chuàng)建團隊項目。1. 直接新建團隊項目執(zhí)

4、行【文件】【新建團隊項目】命令，打開如圖15-3 所示的【創(chuàng)建團隊項目】對話框。Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.2 創(chuàng)建團隊項目Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.2 創(chuàng)建團隊項目圖 15-3 【創(chuàng)建團隊項目】對話框2. 將項目文件放在AxureShare 中如果要將團隊項目文件存放在Axure Share 服務(wù)器中，首先需要按照第14 章中介紹的方法注冊一個賬號并登錄到Axure Share 中，此時，【創(chuàng)建團隊項目】對話框左上角的藍色鏈接文字會顯示用戶的名稱，如圖15-4

5、 所示。Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.2 創(chuàng)建團隊項目圖 15-4 登錄成功顯示用戶名文件夾：用于指定項目文件存放的位置，本選項是可選項，如果不做設(shè)置，則創(chuàng)建的項目文件會存放到用戶的“My Projects”文件夾中，當(dāng)然也可以指定存放的位置，方法為：單擊右側(cè)的文本框或者最右側(cè)的按鈕，在彈出的位于Axure Share 服務(wù)器中的用戶文件夾目錄列表中選擇存放位置，如圖15-5 所示。團隊項目名稱：給創(chuàng)建的團隊項目文件起個名字，如圖15-6 所示。Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目1

6、5.1.2 創(chuàng)建團隊項目Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.2 創(chuàng)建團隊項目圖 15-5 指定團隊項目文件存放的目錄位置 圖15-6 命名團隊項目文件創(chuàng)建元件庫：勾選該項后，當(dāng)單擊下方的【創(chuàng)建】按鈕創(chuàng)建團隊項目后，會在Axure RP 中自動進入創(chuàng)建元件庫程序界面，程序左上角的面板不再顯示【頁面】面板，而是【元件庫頁面】面板，如圖15-7 所示。Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.2 創(chuàng)建團隊項目圖 15-7 【元件庫頁面】面板在這種狀態(tài)下，如果要在元件庫中創(chuàng)建新元件，則需要先執(zhí)

7、行【簽出】操作，才可以在頁面中添加和編輯對象，元件創(chuàng)建完畢后，還需要執(zhí)行【簽入】結(jié)束操作。如果不勾選“創(chuàng)建元件庫”選項，則單擊下方的【創(chuàng)建】按鈕創(chuàng)建團隊項目后，在Axure RP 程序界面的左上角位置顯示的仍然是【頁面】面板，如圖15-8 所示。Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.2 創(chuàng)建團隊項目圖 15-8 【頁面】面板中的頁面本地目錄：用于指定項目文件副本在本地電腦存放的位置，這個目錄必須是空的，否則創(chuàng)建時會出現(xiàn)提示，如圖15-9 所示。URL 密碼：用于設(shè)置訪問團隊項目所需的密碼。雖然是可選項，但是最好設(shè)置密碼，如圖15-10所示

8、。Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.2 創(chuàng)建團隊項目圖 15-9 指定項目文件副本在本地的存放位置 圖15-10 指定團隊項目文件存放的目錄位置設(shè)置完成后，單擊【創(chuàng)建】按鈕，彈出【成功】對話框表示創(chuàng)建團隊項目成功，如圖15-11 所示。創(chuàng)建團隊項目成功后，在Axure Share 中可以看到剛剛創(chuàng)建的團隊項目，文件圖標(biāo)以洋紅色顯示，這有別于普通RP 文件的青色圖標(biāo)，同時還能看到分配給團隊項目的ID 以及URL，如圖15-12 所示。Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.2 創(chuàng)建團

9、隊項目圖 15-11 創(chuàng)建團隊項目成功提示Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.2 創(chuàng)建團隊項目圖 15-12 Axure Share 中存放的團隊項目3. 將項目文件放在SVN 中除了將創(chuàng)建的項目文件放在Axure Share 服務(wù)器中，還可以將項目文件放在SVN 中，如圖15-13所示。從對話框中可以看出，SVN 參數(shù)設(shè)置與Axure Share 參數(shù)設(shè)置基本相同，只是SVN 沒有“URL密碼”參數(shù)。不過要注意，這里的“團隊目錄”與Axure Share 不同，它指的是一個網(wǎng)絡(luò)驅(qū)動器（或者本地的一個目錄），也就是局域網(wǎng)中作為服務(wù)器中的

10、共享盤或者是一個共享文件夾，如圖15-14所示。Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.2 創(chuàng)建團隊項目Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.2 創(chuàng)建團隊項目圖 15-13 將項目文件放在SVN 中圖 15-14 指定網(wǎng)絡(luò)驅(qū)動器作為存放目錄當(dāng)然，如果該團隊項目文件只是供自己使用，則完全可以在本地電腦中指定一個驅(qū)動器來存放。例如，放在本地電腦的“E:TeamProjects”中，如圖15-15 所示。在“團隊項目名稱”中輸入名字，在“本地目錄”中指定項目副本存放的目錄位置，如圖15-16

11、 所示。Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.2 創(chuàng)建團隊項目Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.2 創(chuàng)建團隊項目圖 15-15 指定本地電腦驅(qū)動器存放團隊項目 圖15-16 命名團隊項目名稱和指定本地目錄參數(shù)設(shè)置完成后，單擊對話框下方的【創(chuàng)建】按鈕，即可創(chuàng)建一個團隊項目?，F(xiàn)在打開指定的團隊項目目錄位置就會發(fā)現(xiàn)在該目錄下，程序創(chuàng)建了一個以團隊項目名稱命名的文件夾，如圖15-17 所示。雙擊該文件夾打開后，里面包含了多個子文件夾和幾個其他文件，如圖15-18 所示。Axure RP

12、8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.2 創(chuàng)建團隊項目Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.2 創(chuàng)建團隊項目圖 15-17 團隊項目文件存放在指定的位置圖 15-18 項目文件夾中的子文件夾和文件同樣，也可以打開本地目錄，在該目錄下存放的是項目文件的副本，包含一個團隊項目和一個名為“DO_NOT_EDIT”的子文件夾，如圖15-19 所示。Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.2 創(chuàng)建團隊項目圖 15-19 本地目錄中的文件夾和文件4. 從現(xiàn)有的

13、RP 文件新建團隊項目如果已經(jīng)打開或新建了一個RP 文件，則可以從當(dāng)前的RP 文件新建團隊項目，方法是：執(zhí)行【團隊】【從當(dāng)前文件創(chuàng)建團隊項目】命令，同樣打開與直接新建團隊項目相似的對話框框，不同的是，這里的對話框沒有“創(chuàng)建元件庫”選項，而且在團隊項目名稱中已經(jīng)自動輸入了當(dāng)前RP 文檔的名稱，如圖15-20 所示。Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.2 創(chuàng)建團隊項目圖 15-20 從RP 文件創(chuàng)建獲取團隊項目是指團隊項目組成員從Axure Share 或者SVN 中獲得團隊項目的副本以供自己編輯項目使用。獲取團隊項目副本的方法是：執(zhí)行【團

14、隊】【獲取并打開團隊項目】命令或者執(zhí)行【文件】【打開團隊項目】命令都可以打開【獲取團隊項目】對話框，如圖15-21 所示。Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.3 獲取團隊項目圖 15-21 【獲取團隊項目】對話框1. 從Axure RP 中獲取團隊項目根據(jù)獲取團隊項目的用戶不同，可以將獲取團隊項目分為兩種情況：一種是團隊項目的創(chuàng)建者要獲取團隊項目；另一種是非團隊項目組成員要獲取團隊項目。（1）團隊項目的擁有者獲取團隊項目。團隊項目的創(chuàng)建者也就是團隊項目的擁有者，擁有者要獲取團隊項目時，只要打開Axure RP 并登錄到Axure Sha

15、re 賬號中，然后執(zhí)行【獲取并打開團隊項目】命令，在打開的對話框中輸入要獲取項目的ID 或者從直接從列表中選擇要獲取的項目即可，如圖15-22 所示。Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.3 獲取團隊項目Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.3 獲取團隊項目圖 15-22 設(shè)置獲取團隊項目的ID（2）非團隊項目成員要獲取團隊項目。如果要獲取團隊項目的用戶不是團隊項目的擁有者或者團隊項目的成員，那么，即便輸入正確的項目ID，也無法獲取。圖15-23 是其他用戶使用團隊項目的ID 要獲取

16、團隊項目副本的設(shè)置。單擊【獲取】按鈕后，由于該用戶不是團隊項目成員，所以會彈出圖15-24 所示的提示。Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.3 獲取團隊項目Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.3 獲取團隊項目圖 15-23 其他用戶獲取團隊項目設(shè)置圖15-24 無法獲取團隊項目的提示團隊項目的擁有者或項目的其他成員登錄到 服務(wù)器并進入允許獲取的團隊項目所在文件夾（Axure Share 成為工作空間），然后單擊“invite people”（邀請他人）鏈接，如圖15-25 所示。

17、單擊“invite people”鏈接會彈出一個對話框，在該對話框中輸入被邀請人的郵箱，如果有多個被邀請人，則郵箱之間用逗號分開，在下方還可以輸入500 字以內(nèi)的邀請語，如圖15-26所示。Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.3 獲取團隊項目Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.3 獲取團隊項目圖 15-25 邀請他人文字鏈接 圖15-26 輸入被邀請人郵箱設(shè)置完成后，單擊下面的【Invite】按鈕即可發(fā)出邀請，現(xiàn)在就可以在當(dāng)前頁中看到pending（待定）人員名單，也就是剛才發(fā)出

18、邀請的那些郵箱地址，由于被邀請人還未同意加入這個團隊項目，所以在Share with（獲得共享）人員名單中顯示No one（無人），如圖15-27 所示。Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.3 獲取團隊項目圖 15-27 顯示待定人員用戶郵箱如果被邀請人登錄到，就會看到發(fā)過來的邀請函，單擊“Accept”藍色文字鏈接表示接受邀請，單擊“Decline”藍色文字鏈接表示拒絕邀請，如圖15-28 所示。被邀請人接受邀請后，可以看到加入的團隊項目以及該項目的擁有者和待定加入團隊項目的其他被邀請人，如圖15-29 所示。Axure RP 8 交

19、互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.3 獲取團隊項目Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.3 獲取團隊項目圖 15-28 被邀請人收到的邀請函 圖15-29 被邀請人的賬戶中顯示的團隊項目被邀請人加入團隊合作項目后，還可以單擊“invite people”藍色文字鏈接繼續(xù)向他人發(fā)出邀請，或者單擊“unjoin”藍色文字鏈接退出團隊合作項目，如圖15-30 所示。Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.3 獲取團隊項目圖 15-30 被邀請人賬戶中的團隊

20、項目被邀請人接受邀請后，發(fā)出邀請函的項目擁有者或項目的其他成員在自己的賬號中就能看到接受邀請人的名單，如圖15-31所示。Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.3 獲取團隊項目圖 15-31 團隊項目擁有者賬戶中顯示的接受邀請的名單2. 從SVN 中獲取團隊項目如果團隊項目放在SVN 中，例如，“1SVN”，團隊項目名稱為“iPhone 7”，則執(zhí)行【獲取并打開團隊項目】命令后，在打開的對話框中，要在【團隊目錄】文本框中輸入“1SVN iPhone7”，而不是“1SVN”，如圖15-32 所示。Axure RP 8 交互原型設(shè)計案例教程第

21、15章團隊合作項目15.1 關(guān)于團隊項目15.1.3 獲取團隊項目圖 15-32 輸入獲取團隊項目的SVN 目錄既可以從當(dāng)前的RP 文檔創(chuàng)建一個團隊項目，也可以將一個團隊項目導(dǎo)出為一個普通的RP 文檔。當(dāng)團隊項目目錄被移動或者想保存當(dāng)前團隊項目的一個狀態(tài)時，可以執(zhí)行【文件】【導(dǎo)出團隊項目到文件】命令，將當(dāng)前的團隊項目導(dǎo)出為一個獨立的RP 文檔，導(dǎo)出后的RP 文檔與原團隊項目以及它的副本之間沒有任何關(guān)聯(lián)。當(dāng)然，還可以使用前面介紹的方法，再將導(dǎo)出的RP 文件轉(zhuǎn)為團隊項目文件。Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.1 關(guān)于團隊項目15.1.4 將團隊項目導(dǎo)出為RP 文檔

22、打開本地團隊項目副本后，如果沒有執(zhí)行【簽出】命令，那么文檔中的任何元件、母版和頁面等都是無法編輯的，如果向頁面中添加一個元件或者執(zhí)行其他編輯操作，鼠標(biāo)指針會變成標(biāo)志，而且在頁面視圖右上角還會出現(xiàn)一個“簽出”提示，如圖15-33 所示。單擊這個簽出提示即可執(zhí)行【簽出】命令，也可以執(zhí)行【團隊】【簽出】（簽出后面會加頁面或母版名稱）命令，將當(dāng)前頁面或母版簽出。如果要簽出所有頁面或母版，則執(zhí)行【團隊】【簽出全部】命令。頁面或母版簽出后就可以任意編輯和修改該頁面或母版的屬性以及頁面或母版上的元件了。執(zhí)行【簽出】命令后會在頁面或者母版縮略圖中添加一個綠色圓形標(biāo)志，如圖15-34 所示。Axure RP 8

23、 交互原型設(shè)計案例教程第15章團隊合作項目15.2 使用和管理團隊項目15.2.1 簽出和簽入團隊項目Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.2 使用和管理團隊項目15.2.1 簽出和簽入團隊項目圖 15-33 簽出提示 圖15-34 簽出標(biāo)志我們已經(jīng)知道，項目組成員要編輯本地的副本文件必須執(zhí)行【簽出】命令，但是如果一個或多個頁面或者母版已經(jīng)被其他項目組成員簽出，則在執(zhí)行【簽出】命令時會彈出圖15-35 所示的【無法簽出】對話框。Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.2 使用和管理團隊項目15.2.2 編輯團隊項目圖 15-35 【無法

24、簽出】對話框完成對頁面或母版的編輯后，想將更新的內(nèi)容上傳到服務(wù)器中，并且不想再繼續(xù)編輯頁面或母版，則需要執(zhí)行簽入命令而不是提交命令。但要注意，如果頁面或母版已經(jīng)被其他項目組成員正常簽出或者強制簽出，那么，在執(zhí)行簽入命令時會出現(xiàn)圖15-36 所示的【強制簽出】對話框。Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.2 使用和管理團隊項目15.2.2 編輯團隊項目圖 15-36 【強制簽出】對話框在簽出狀態(tài)下，雖然能夠?qū)椖课募鋈我庑薷暮途庉?，但是這只是在本地項目副本中的修改，并非在服務(wù)器中修改團隊項目。如果要將修改的內(nèi)容上傳到服務(wù)器中作為團隊項目的一部分并且想繼續(xù)編輯副本，

25、則需要執(zhí)行提交命令而不是簽入命令。方法是：執(zhí)行【團隊】【提交（頁面或母版名稱）更新到團隊目錄】命令，該命令只是提交當(dāng)前頁面中的更新。如果要提交所有更改的頁面和母版的內(nèi)容，則執(zhí)行【團隊】【提交所有變更到團隊目錄】命令。另外，還可以在要提交的頁面或母版中右擊，從彈出的快捷菜單中執(zhí)行【提交變更】命令。Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.2 使用和管理團隊項目15.2.3 提交和獲取更新通過管理團隊項目命令，可以隨時對頁面、母版和文檔進行簽出、簽入、獲取和提交變更等操作，方法是：執(zhí)行【團隊】【管理團隊項目】命令，打開管理團隊項目對話框，在該對話框中單擊【刷新】按鈕，可以

26、在列表區(qū)域中顯示相關(guān)的條目內(nèi)容，如圖15-37 所示。Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.2 使用和管理團隊項目15.2.4 管理團隊項目圖 15-37 列出的條目內(nèi)容在團隊合作項目中，每個成員提交和簽入的團隊項目都會有清晰的記錄，通過查看這些記錄，可以隨時查看每個項目成員簽入的團隊項目和說明文字，并且可以將某個成員簽入的項目導(dǎo)出為獨立的RP 文檔。瀏覽團隊項目歷史記錄的方法是：執(zhí)行【團隊】【瀏覽團隊項目歷史記錄】命令。在【團隊項目歷史記錄】對話框中指定開始和結(jié)束日期后，單擊【獲取】按鈕，即可獲取指定日期范圍內(nèi)的簽入記錄。Axure RP 8 交互原型設(shè)計案例教程第15章團隊合作項目15.2 使用和管理團隊項目15.2.5 瀏覽團隊項目歷史記錄在團隊項目所在目錄發(fā)生改變而團隊項目中的文件沒有被改動的前提下，可以重新指定該團隊項目的目錄。方法是：執(zhí)行【團隊】【重新