第 1章 Axure原型設計概述 001

1.1　原型　002

1.1.1　草圖原型　002

1.1.2　低保真原型　002

1.1.3　高保真原型　003

1.2　Axure RP 9 軟件安裝與漢化　004

1.3　Axure RP 9 軟件特色　006

1.4　認識Axure軟件界面　007

1.4.1　菜單欄區(qū)域　008

1.4.2　工具欄區(qū)域　011

1.4.3　頁面與概要區(qū)域　016

1.4.4　元件與母版區(qū)域　016

1.4.5　工作區(qū)域　018

1.4.6　檢視區(qū)域　018

1.5　原型設計流程　019

1.5.1　需求分析　019

1.5.2　頁面架構設計　019

1.5.3　低保真原型設計　021

1.5.4　原型評審　022

1.5.5　高保真原型設計　022

1.6　小結　022

1.7　練習　022

第　2章 用頁面區(qū)域管理頁面　023

2.1　頁面區(qū)域　023

2.1.1　頁面區(qū)域的定義　023

2.1.2　頁面區(qū)域的意義　024

2.1.3　使用頁面區(qū)域的注意事項　024

2.2　頁面區(qū)域功能的使用方法　024

2.3　實戰(zhàn)藍月亮欄目規(guī)劃　026

2.4　小結　028

2.5　練習　029

第3章　用Axure元件庫搭積木　030

3.1　繪制線框圖所用的元件　031

3.1.1　基本元件的使用　031

3.1.2　表單元件的使用　036

3.1.3　菜單|表格元件的使用　040

3.1.4　標記元件的使用　041

3.2　繪制流程圖所用的元件　042

3.3　豐富的圖標元件庫　046

3.4　載入元件庫和自定義元件庫　047

3.4.1　載入元件庫　047

3.4.2　自定義元件庫　049

3.5　實戰(zhàn)制作個人簡歷表　051

3.6　小結　056

3.7　練習　057

第4章　用Axure動態(tài)面板制作動態(tài)效果058

4.1　動態(tài)面板的使用　059

4.1.1　創(chuàng)建動態(tài)面板并命名　059

4.1.2　編輯動態(tài)面板狀態(tài)　060

4.1.3　通過頁面概要區(qū)域管理動態(tài)面板　064

4.2　動態(tài)面板的常用功能　068

4.2.1　顯示與隱藏效果　068

4.2.2　調(diào)整大小以適合內(nèi)容　072

4.2.3　滾動欄設置　074

4.2.4　固定到瀏覽器　076

4.2.5　100%寬度　078

4.2.6　從動態(tài)面板脫離　079

4.2.7　轉換為母版　081

4.2.8　轉換為動態(tài)面板　081

4.3　實戰(zhàn)淘寶登錄頁簽的切換效果　081

4.3.1　登錄頁簽標題設計　081

4.3.2　快速登錄頁面設計　083

4.3.3　賬號密碼登錄頁面設計　084

4.3.4　頁簽交互效果設置　087

4.4　小結　089

4.5　練習　089

第5章　使用Axure變量制作豐富的交互效果　090

5.1　全局變量和局部變量的使用　090

5.2　變量值在頁面間傳遞　092

5.2.1　登錄表單和首頁　092

5.2.2　新增變量和賦值　094

5.2.3　首頁顯示變量值　096

5.2.4　頁面管理介紹　097

5.2.5　發(fā)布原型　099

5.3　實戰(zhàn)制作簡易計算器　099

5.3.1　計算器布局設計　100

5.3.2　數(shù)字按鈕交互設計　101

5.3.3　運算符按鈕交互設計　104

5.3.4　等號按鈕交互設計　105

5.4　小結　107

5.5　練習　107

第6章　用Axure母版減少重復工作108

6.1　母版功能簡介　109

6.1.1　母版的使用方法　109

6.1.2　制作母版的兩種方式　110

6.2　母版的3種拖放行為　114

6.2.1　任何位置　114

6.2.2　鎖定到母版中的位置　116

6.2.3　從母版脫離　117

6.3　實戰(zhàn)藍月亮導航菜單母版設計　119

6.3.1　導航菜單母版布局設計　121

6.3.2　網(wǎng)站LOGO和版權信息母版布局設計　123

6.3.3　導航菜單母版交互設計　125

6.4　小結　130

6.5　練習　130

第7章　用Axure鏈接行為制作交互效果131

7.1　打開鏈接和關閉窗口行為　132

7.1.1　當前窗口打開鏈接　132

7.1.2　新窗口打開鏈接　134

7.1.3　彈出窗口打開鏈接　135

7.1.4　父窗口打開鏈接　137

7.1.5　關閉窗口　138

7.2　在內(nèi)部框架中打開鏈接行為　139

7.2.1　內(nèi)部框架　140

7.2.2　父框架　143

7.3　滾動到元件（錨點鏈接）行為　145

7.4　設置自適應視圖　147

7.5　小結　151

7.6　練習　151

第8章　用Axure元件行為制作交互效果152

8.1　顯示/隱藏行為　152

8.1.1　切換方式控制元件顯示與隱藏　152

8.1.2　變量方式控制元件顯示與隱藏　154

8.1.3　多個導航菜單聯(lián)動效果　156

8.2　設置文本和設置圖片行為　157

8.2.1　設置文本行為　158

8.2.2　設置圖片行為　159

8.3　設置選中行為　161

8.3.1　單選按鈕選中行為　161

8.3.2　復選框選中行為　162

8.4　設置列表選中項行為　164

8.4.1　一對一聯(lián)動效果　164

8.4.2　一對多聯(lián)動效果　167

8.5　啟用/禁用行為　170

8.6　移動/旋轉和置于頂層/底層行為　171

8.7　獲取焦點和展開/收起樹節(jié)點行為　173

8.8　小結　174

8.9　練習　174

第9章　用中繼器模擬數(shù)據(jù)庫操作175

9.1　認識中繼器　175

9.2　中繼器綁定數(shù)據(jù)　177

9.2.1　中繼器布局設計　177

9.2.2　中繼器數(shù)據(jù)綁定　179

9.3　新增數(shù)據(jù)彈出框設計　181

9.4　中繼器新增數(shù)據(jù)操作　183

9.5　中繼器刪除數(shù)據(jù)操作　185

9.5.1　行內(nèi)刪除數(shù)據(jù)　186

9.5.2　全局刪除數(shù)據(jù)　187

9.6　小結　189

9.7　練習　189

第　10章 支付寶App低保真原型設計190

10.1　需求描述　190

10.2　設計思路　191

10.3　準備工作　191

10.4　設計流程　191

10.4.1　底部標簽導航母版設計　191

10.4.2　支付寶九宮格導航布局設計　195

10.4.3　海報輪播效果制作　198

10.4.4　余額寶界面布局設計　199

10.4.5　余額寶界面上下滑動設計　203

10.4.6　支付寶與余額寶切換顯示效果　206

10.5　小結　208

10.6　練習　208

第　11章 攜程旅游網(wǎng)站高保真原型設計209

11.1　需求描述　209

11.2　設計思路　209

11.3　準備工作　210

11.4　設計流程　211

11.4.1　網(wǎng)站注冊表單的布局設計 2 1　1

11.4.2　網(wǎng)站注冊表單校驗　214

11.4.3　倒計時交互設計　217

11.4.4　網(wǎng)站登錄布局與交互設計　220

11.4.5　導航菜單母版設計　224

11.4.6　首頁海報輪播效果制作　230

11.4.7　首頁搜索區(qū)域導航懸浮效果設計　233

11.4.8　首頁圖片放大、縮小效果制作　237

11.5　小結　239

11.6　練習　239

第　12章 項目共享協(xié)作及協(xié)作利器藍湖　241

12.1　項目如何共享協(xié)作　241

12.2　獲取共享項目　243

12.3　編輯共享項目　245

12.4　協(xié)作利器藍湖　247

12.4.1　藍湖簡介　247

12.4.2　藍湖的使用方法　248

12.5　小結　252

12.6　練習　252

附錄　Axure快捷鍵

速查表　5　23