《AxureRP9网站与App原型设计》教学教案—12项目共享协作及协作利器蓝湖.docx

第12章工程共享协作及协作利器蓝湖
课时内容 工程共享协作及协作利器蓝湖
课时

教学目标 掌握建立、获取和编辑共享工程的方法，了解蓝湖的使用教学重点 建立、获取和编辑共享工程的方法
教学难点 建立、获取和编辑共享工程的方法1.教学思路：通过多媒体演示和实机操讲解Axure工程共享协作，介绍蓝湖的使用方
教学设计法°制子汉”2.教学手段：多媒体+计算机
3.教学资料：教材、多媒体课件教学内容
12.1工程如何共享协作
在Axure原型制作过程中，需要多人协同制作时，这时需要建立一个共享工程，大家对这一个 工程进行协同开发。就像软件开发过程中常用到SVN、VSS等版本控制软件一样。下面建立一个 Axure原型共享项FI,将Axure原型共享项H托管到Axure Cloud来进行团队协作。
(I)单击“团队”菜单，在弹出的下拉菜单中单击“从当前文件创立团队工程”命令。在弹出 的“创立团队工程”对话框中输入团队工程的名称“Axure共享工程”，单击“创立团队工程”按 钮来创立团队工程。
X I B O c 共享I页目-Axure RP 9 T;amEdm?已授权 文洋“ 'WK I- Sffle-【娟” 布修* 发6(”{T嬴百卜号(•- Mtt(-
单击团队菜单

蓝湖管理系统

(1)登录到蓝湖管理系统之后，点击左上角的“Axurc学习”右侧的倒三角，弹出下拉菜单, 单击“创立新团队”选项，就可以创立一个团队，比方创立携程旅游团队。

图12.21创立团队

(2)创立完携程旅游团队之后，就可以创立工程，单击“新建”按钮，就可以创立工程或者文 件夹，创立一个临时工程和一个迭代工程。

创立工程

3 •蓝湖上传文档
创立完团队、工程之后，就可以上传文档，上传文档包括上传文件(Word/PPT/Excel/PDF)、 上传Axurc文档、添加文档链接。

上传文档类型

下面演示如何来上传Axure文档，在第11章设计携程旅游网站高保真原型设计，把该文档上传 到蓝湖里进行显示管理和与团队成员提供.
(1)用Axure翻开第11章设计的携程旅游网站高保真原型，单击“预览”图标进行预览Axure 原型，不单击“预览”图标是无法通过蓝湖Axure客户端上传文档的。
Axure学3 ▼上传
在Axute右上窗点击（Preview] HIMo -
FYtMcw —
已点击！5史
预览
（2）用Axure原型设计工具单击完“预览”之后，蓝湖Axure客户端就允许上传Axure文档， 选择在蓝湖管理系统创立的工程，选择工程之后就可以单击上传按钮将文档上传，首次上传会肾慢 一点。
AxureTS ▼嗤时工程
丁匕 现底£.2?网站餐® JT鼻k设计
上传
上传Axure文档
（3）蓝湖Axure客户端上传完成后，会生成提供链接，团队成员通过提供链接来注册蓝湖管理系统用户，就可以在蓝湖管理系统里更接查看Axure生成的原型文档。
Axure学习▼上传
上传成功

提供链接
（4）进入蓝湖管理系统，可以查看携程旅游网站高保真原型设计。
预览文档

（5）在蓝湖管理系统，可以查看原型设计的历史版本。
历史版本

小结
（1）掌握建立共享工程、获取共享工程以及编辑共享工程的方法，通过建立共 享工程，实现多人协作共同开发的效果。
（2）掌握两种工程托管方式：在官方指定的AxureCloud云上托管，在协作利器 蓝湖上托管。
X创立团队工程倒馥到Axure云
团队苏目"Axure共享工程
Lxtsting Workspace从Axure云中选择
十 Create New V/Ortapace工作空向允许宅与一姐用户共享工程
输入团队工程名称
（2）选择团队工程目录，可以将团队工程共享到Axure Cloud中，这就需要登录Axure账号， 如果没有Axure账号，进行注册一个Axure账号，然后选择Axure云中的工程目录。也可以登录到 Axure Cloud网站里进行Axure共享工程的管理。

管理工作空间
X创立团队工程x创JtJUAxur。云
Axure共曳工程 txisttng WorkspaceMy Projects
4-CreMeJNeMOAAukspace工作空向允许您与共手
创融国队工程选择团队工程路径
（3）在将团队工程共享到Axure Cloud中之后，可以通过邀请用户和创立URL公布的方式来进 行团队工程协作。
X创立团队工程
完成 ,Axure^5H®§' 已保存到本地 您现在可以翻开媪娟的下方按坦道a»«HE用户或之后 遢过：同从〉国诵用户

的下方按坦道a»«HE用户或之后 遢过：同从〉国诵用户

邀请用户

发送邮件
(4)创立完成的共享工程，在页面管理上会出现蓝色菱形标记，同时在团队菜单下可以进行项 目的管理，包括签出全部、签入全部、撤销所有签出等操作。
X I a OAxure 共享工程・AxureRP 9 Team Edition:已授权
文住（… 洞乐（… Wffi（•••助目（… 布局（… :二囱回二 0, o 2回 Q
Pwl X I
2«_
QB □ V °
S p2・ i♦
8:
I
左布(- 团队|赛号(… 即13 (…
5sm再翻开团队工程.U)
从团队自录缺的全翡要史(G)
*00槎交所有身方至翻以目射(S)
一—出全部(0)
荟入全部(1)
数徜斫有展出“)
从团队目录铁取F4・1的要更”)
英比P・C・I 00
-□ X
979309756 v
400

澜览团队工程历史记录…(B)
型语用户 (V)
元件母版
Q+ C9 IDefault
■―rr^li共享工程的页面
12.2 获取共享工程
Axure原型工程建立完共享工程后，团队成员需要获取到共享工程，进行协同制作原型。
（I）登录到Axure Cloud,它可以用来管理工程，同时可以邀请团队成.员，它是通过发送邮件 的方式来邀请团队成员，发送邮件邀请多个团队队员的时候要用英文逗号隔开各个邮箱地址。

发送邮件邀请成员

（2）团队成员收到邮件后，注册或者登陆到Axure Cloud上，页面会弹出邀请通知，团队成员 可以选择是否接受邀请。

接受邀请
（3）接受邀请后，就可以看到团队成员共享的工程。

共享工程
（4）单击“团队”菜单，在弹出下拉菜单中单击”获取并翻开团队工程”命令，从AxureCloud 中选择Axure共享工程，如图12.11所示。
X I。 。c Axure 共享工程・ Axure RP 9 Team Edition 已授权 文件t・・ m阳 L W・友布（…1映”・1名号1

X I。 。c Axure 共享工程・ Axure RP 9 Team Edition 已授权 文件t・・ m阳 L W・友布（…1映”・1名号1
-□ X
Default
输入共享工程路径
（5）获取成功的共享工程后，在页面管理区域的页面上，会有蓝色菱形标记，代表共享工程下 的页面。
12.3 编辑共享工程
Axure原型工程建立完共享工程后，可以进行共享工程编辑。
（1）对共享工程的页面进行编辑时，首先需要签出页面才能进行编辑，当鼠标悬停在某个页面 的工作区域时，会有签出提示信息，或者在要编辑的页面上右键单击，在弹出的快捷菜单中选择“签 出”命令，签出后才能进行页面编辑，蓝色菱形标记代表未签出状态，不能进行编辑。
Axure共享工程・Axure RP 9 Team Edition已授权
义陆3・ X Cut D Gw
0
1979309756 v
SB
T
too
200
300
400
Default
鼠标悬停在工作区域
赖⑴ 捌）（,） 时第⑺ »M（O
SPSS (G)
耻⑹
Default

右键签出页面
（2）页面签出后，站点地图内签出的页面后出现绿色对勾，表述此页面已迁移到本地页面，可以对该页面可以进行编辑。当该页面被一个人算出后，另一个人是无法签出该页面的，如图12.14 所示。
文件X CU
U Copy0 r»«»
a O Axure共享工程-Axure RP 9 Team Edition 已加力（… 明日・ 和m 发布（… 困（… 峰号”取助•:…
1979309756 vDefault ~■
*签出的页面
（3）当页面编辑结束，在签出的页面上右键单击，在弹出的快捷菜单中选择“签入”命令，可 以将页面内容签入到共享工程里。
X I a O Axure共享工程・ AxweRP 9 Team Edition 已文件* （•••植阳（… 顷日（… 那西1 发布g・・ ⑪u•・考号”
::您回电0 Pam
AB0.
1979309756 vE pw i
StJ（c）*命名□□
□ XDefault
ax12.4蓝湖协作利器
SA⑴签入页面
使用蓝湖无需导出Axure HTML、压缩文档、发送附件，可以将Axure文档一键提供给团队成员，团队成员无需查收邮件、下载、解压，每次翻开的Axure文档都是最新版本，还可以随时查看 历史版本，收集反应，自动共享文档，在线展示Axure、Word等文档。

蓝湖Axure
蓝湖介绍
在工程协作过程中，经常会出现很多问题：
（1）产品经理：产品设计环节只能等设计完成才能交付，无法及时发现问题进行修改，并且需 要向设计师、工程师反复询问进度。
（2）设计师：设计过程中产生多个历史版本并且需要反复沟通确认，每版设计都需要打包通过 邮件、QQ、微信等沟通渠道发送给团队成员，接收方也存在容易混乱、丧失、不好找、难管理的问 题。
（3）工程师：手动标注设计图标注信息过多，设计师错标、漏标需要反复找设计师比照沟通。 蓝湖针对该问题提供解决方案：
（1）蓝湖提供自动标注功能，解决设计师重复工作的问题，提高工作效率。
（2）蓝湖提供保存历史版本、展现新版本功能，随时也可以查看老版本。
（3）蓝湖提供直观展示及同步完整产品逻辑、页面信息功能。
（4）蓝湖提供变更后自动推送通知，提高协作效率。
（5）蓝湖支持多名设计师之间自动同步共享Sketch （矢量设计工具）设计元件库。
（6）蓝湖支持iOS、Android设计图，可以随意转换px/pt/dp/rcm单位。
与传统协作工具蓝湖更具有优势。

企倒/ SVN
Axsba...
上修力或
Tte新.口旗”
手劭生敏上研9
手动生成HTMI ,上耐成目轶
上*—

同•日功长巴EBMt
子血XIM）. &X周斯
手动WMSO .

■■方式
fftcnn.方糕沪
同•曾0»\ . T».眺。re
年・手劭下stm*

”・访耐
支M知
可检性不义.无洋投却镇
同，
. ■ ”■时不复示
mnuMi
一个值.”第・断
X
X
HI内翻开老厦般谊,♦月那么不三天

X
X
X

停论暮稿・
X
X
X
仍淤屯序
AWAJWfc*. I1W5.
X
X
X
为由ifiitm

X
X
X
协作工具比照
也有很多家大企业使用蓝湖进行沟通协作。
合中国移动
税易 NetEase
美团网
D滴滴
TencenT^m
/JD髅
VXD*.CM

meitu美图
百分 EXPRESS
也几率连运
mi小米
画裳奇艺

W HUAW€I
NIOC的来
乐众支保限
vanKe万月
超招市假行
Walmart 沃尔玛
ziroomeno
图今日从条
」中国南方航空
Mentdes Betv
小红书
蓝湖使用企业
蓝湖使用
蓝湖使用包括几个步骤。
（1）安装登录蓝湖Axure客户端。
（2）创立团队、创立工程。
（3）文档上传：包括Axure文档、Word/PDF/Excel/PowerPoint文档、外部文档链接。
（4）查看文档：包括Axure文档、Word/PDF/Excel/PowerPoint文档、外部文档链接。
（5）提供链接，发送给团队的其他成员进行查看。
（6）查看历史版本。
下面一起来学习使用蓝湖协作利器。
1 .安装蓝湖Axure客户端
在蓝湖官网下载蓝湖Axure客户端，蓝湖Axure客户端支持Mac和Windows双系统版本，下载、 安装好蓝湖Axure客户端之后，注册并登录蓝湖帐号，即可将Axure文档共享至蓝湖客户端。

立即注册
蓝湖客户端
2 .蓝湖创立团队、创立工程
访问蓝湖管理系统，在蓝湖管理系统里可以创立团队、创立工程，并且可以查看上传的 Axure> Word、PDF 等文档。