**篇　原型設(shè)計及Axure基礎(chǔ)

第1章　Axure原型設(shè)計概述　1

1.1　什么是軟件原型　2

1.1.1　草圖原型　2

1.1.2　低保真原型　2

1.1.3　高保真原型　3

1.2　Axure RP 7.0軟件安裝　4

1.3　認識Axure軟件界面　6

1.3.1　菜單欄區(qū)域　7

1.3.2　工具欄區(qū)域　7

1.3.3　站點地圖區(qū)域　12

1.3.4　部件區(qū)域　12

1.3.5　母版管理區(qū)域　13

1.3.6　工作區(qū)域　13

1.3.7　頁面管理區(qū)域　14

1.3.8　部件交互區(qū)域　15

1.3.9　部件樣式區(qū)域　15

1.3.10　部件管理區(qū)域　16

1.4　小結(jié)　16

第2章　用Axure站點地圖管理頁面　17

2.1　站點地圖是什么　17

2.1.1　什么是站點地圖　17

2.1.2　站點地圖能干什么　18

2.1.3　使用站點地圖注意事項　18

2.2　站點地圖的功能使用　19

2.3　實戰(zhàn)——“百度”欄目規(guī)劃　20

2.4　小結(jié)　23

第3章　用Axure部件庫搭積木　24

3.1　繪制線框圖所用的部件　25

3.1.1　通用型部件的使用　25

3.1.2　表單型部件的使用　32

3.1.3　菜單與表格部件的使用　36

3.2　繪制流程圖所用的部件　38

3.3　如何載入部件庫和自定義部件庫　42

3.3.1　載入部件庫　43

3.3.2　自定義部件庫　45

3.4　實戰(zhàn)——制作“個人簡歷表”　48

3.5　小結(jié)　52

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

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

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

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

4.1.3　通過管理區(qū)域管理動態(tài)

面板　58

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

4.2.1　動態(tài)面板的顯示與隱藏效果　60

4.2.2　調(diào)整動態(tài)面板的大小以適合內(nèi)容　64

4.2.3　動態(tài)面板的滾動欄設(shè)置　66

4.2.4　動態(tài)面板的固定到瀏覽器　68

4.2.5　100%寬度　69

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

4.2.7　轉(zhuǎn)換為母版　72

4.2.8　轉(zhuǎn)換為動態(tài)面板　73

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

4.3.1　登錄頁簽標題設(shè)計　73

4.3.2　快速登錄頁面設(shè)計　75

4.3.3　賬號密碼登錄頁面設(shè)計　75

4.3.4　頁簽交互效果設(shè)置　78

4.4　小結(jié)　79

第5章　用Axure變量制作豐富交互效果　80

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

5.2　變量值在頁面間傳遞　82

5.2.1　登錄表單和首頁　82

5.2.2　新增變量和賦值　84

5.2.3　首頁顯示變量值　86

5.2.4　發(fā)布原型　87

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

5.3.1　計算器布局設(shè)計　89

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

5.3.3　運算符按鈕交互設(shè)計　92

5.3.4　等號按鈕交互設(shè)計　92

5.4　小結(jié)　94

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

6.1　母版功能介紹　95

6.1.1　母版的使用　96

6.1.2　制作母版的兩種方式　96

6.2　母版3種拖放行為的使用　100

6.2.1　拖放行為為任何位置　100

6.2.2　拖放行為為鎖定到母版

中的位置　102

6.2.3　拖放行為為從母版脫離　103

6.3　實戰(zhàn)——百度門戶導航菜單

母版設(shè)計　105

6.3.1　導航菜單母版布局設(shè)計　105

6.3.2　網(wǎng)站LOGO和版權(quán)信息

母版布局設(shè)計　108

6.3.3　導航菜單母版交互設(shè)計　110

6.3.4　導航菜單選中背景交互設(shè)計　111

6.4　小結(jié)　113

第二篇　Axure高級交互效果

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

7.1　打開鏈接和關(guān)閉窗口　115

7.1.1　當前窗口打開鏈接　115

7.1.2　新窗口打開鏈接　117

7.1.3　彈出窗口打開鏈接　118

7.1.4　父窗口打開鏈接　120

7.1.5　關(guān)閉窗口　121

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

7.2.1　內(nèi)部框架　122

7.2.2　父框架　125

7.3　滾動到部件（錨點鏈接）　127

7.4　小結(jié)　129

第8章　用Axure部件行為制作交互效果　130

8.1　顯示/隱藏　130

8.1.1　切換方式控制部件顯示隱藏　130

8.1.2　變量方式控制部件顯示

隱藏　131

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

8.2　設(shè)置文本和設(shè)置圖像　134

8.2.1　設(shè)置文本行為　135

8.2.2　設(shè)置圖像行為　136

8.3　設(shè)置選擇/選中　138

8.3.1　單選按鈕選中行為　138

8.3.2　復選框選中行為　139

8.4　設(shè)置指定列表項　141

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

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

8.5　啟用/禁用　146

8.6　移動和置于頂層/底層　148

8.7　獲得焦點和展開/折疊樹節(jié)點　150

8.8　小結(jié)　150

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

9.1　認識中繼器　152

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

9.2.1　中繼器布局設(shè)計　154

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

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

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

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

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

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

9.6　小結(jié)　167

第三篇　綜合實戰(zhàn)應(yīng)用

第10章　貓眼電影App低保真原型設(shè)計　168

10.1　需求描述　169

10.2　設(shè)計思路　169

10.3　準備工作　169

10.4　設(shè)計流程　170

10.4.1　底部標簽導航母版設(shè)計　170

10.4.2　“電影”界面布局設(shè)計　173

10.4.3　海報輪播效果制作　180

10.4.4　頁簽切換效果制作　182

10.4.5　“電影”界面上下滑動效果制作　183

10.4.6　“預告片推薦”左右滑動效果制作　185

10.5　小結(jié)　188

第11章　蜜淘全球購網(wǎng)站高保真原型設(shè)計　190

11.1　需求描述　190

11.2　設(shè)計思路　191

11.3　準備工作　191

11.4　設(shè)計流程　193

11.4.1　網(wǎng)站登錄布局設(shè)計　193

11.4.2　網(wǎng)站登錄表單驗證　197

11.4.3　網(wǎng)站注冊表單布局設(shè)計　201

11.4.4　網(wǎng)站頂部信息母版設(shè)計　202

11.4.5　網(wǎng)站導航菜單及版權(quán)

信息母版設(shè)計　203

11.4.6　網(wǎng)站首頁布局設(shè)計　209

11.4.7　導航菜單固定到瀏覽器設(shè)計　212

11.4.8　網(wǎng)站商品詳情頁布局設(shè)計　215

11.5　小結(jié)　218

附錄A　移動App尺寸速查表　220

附錄B　Axure快捷鍵速查表　222