本書較為全面地介紹了利用Axure軟件進(jìn)行原型設(shè)計(jì)的方法和技巧。全書分為3篇, 共11章, 首篇原型設(shè)計(jì)及Axure基礎(chǔ), 介紹了Axure原型設(shè)計(jì)概述、用頁(yè)面區(qū)域管理軟件頁(yè)面、用Axure元件庫(kù)搭積木、用Axure動(dòng)態(tài)面板制作動(dòng)態(tài)效果、使用Axure變量制作豐富交互效果、用Axure母版減少重復(fù)工作; 第二篇Axure高級(jí)交互效果, 介紹了用Axure鏈接行為制作交互效果、用Axure元件行為制作交互效果、用中繼器模擬數(shù)據(jù)庫(kù)操作; 第三篇綜合實(shí)戰(zhàn)應(yīng)用, 介紹了支付寶App低保真原型設(shè)計(jì)、攜程旅游網(wǎng)站高保真原型設(shè)計(jì)。通過(guò)學(xué)習(xí)Axure基礎(chǔ)和項(xiàng)目綜合案例, 讀者可以全面、深入、透徹地理解Axure原型設(shè)計(jì)工具的使用方法, 提高產(chǎn)品設(shè)計(jì)能力和項(xiàng)目實(shí)戰(zhàn)能力。
劉剛,高級(jí)項(xiàng)目管理師、中級(jí)項(xiàng)目監(jiān)理師、項(xiàng)目經(jīng)理,曾就職于中國(guó)擎天軟件公司、北京神州軟件技術(shù)有限公司,軟件項(xiàng)目研發(fā)、設(shè)計(jì)和管理經(jīng)驗(yàn)豐富;負(fù)責(zé)紀(jì)檢監(jiān)察廉政監(jiān)督監(jiān)管平臺(tái)、國(guó)家郵政局項(xiàng)目、政務(wù)大數(shù)據(jù)項(xiàng)目、中施企協(xié)項(xiàng)目等的設(shè)計(jì)開發(fā)和項(xiàng)目管理工作;同時(shí)在教育教學(xué)方面有豐富的授課經(jīng)驗(yàn),作為極客學(xué)院、北風(fēng)網(wǎng)的兼職培訓(xùn)講師,教授Axure、用戶體驗(yàn)、軟件重構(gòu)、項(xiàng)目經(jīng)理等方面的課程;出版暢銷書《原型設(shè)計(jì)大師:Axure RP網(wǎng)站與APP設(shè)計(jì)從入門到精通》。
第一篇
原型設(shè)計(jì)及Axure基礎(chǔ)
第1章 Axure原型設(shè)計(jì)概述 001
1.1 什么是軟件原型 002
1.1.1 草圖原型 002
1.1.2 低保真原型 003
1.1.3 高保真原型 003
1.2 Axure RP8 軟件安裝 004
1.3 認(rèn)識(shí)Axure軟件界面 006
1.3.1 菜單欄區(qū)域 006
1.3.2 工具欄區(qū)域 008
1.3.3 頁(yè)面區(qū)域 014
1.3.4 元件庫(kù)區(qū)域 014
1.3.5 母版區(qū)域 015
1.3.6 工作區(qū)域 016
1.3.7 檢視區(qū)域 016
1.3.8 頁(yè)面概要區(qū)域 017
1.4 原型設(shè)計(jì)流程 017
1.4.1 需求分析 017
1.4.2 頁(yè)面架構(gòu)設(shè)計(jì) 018
1.4.3 低保真原型設(shè)計(jì) 020
1.4.4 原型評(píng)審 021
1.4.5 高保真原型設(shè)計(jì) 021
1.5 小結(jié) 021
第2章 用頁(yè)面區(qū)域管理軟件頁(yè)面 023
2.1 頁(yè)面區(qū)域是什么 023
2.1.1 什么是頁(yè)面區(qū)域 023
2.1.2 頁(yè)面區(qū)域能干什么 024
2.1.3 使用頁(yè)面區(qū)域注意事項(xiàng) 024
2.2 頁(yè)面區(qū)域的功能使用 024
2.3 實(shí)戰(zhàn)——“百度門戶”欄目規(guī)劃 026
2.4 小結(jié) 029
第3章 用Axure元件庫(kù)搭積木 030
3.1 繪制線框圖所用的元件 031
3.1.1 通用型元件的使用 031
3.1.2 表單類元件的使用 038
3.1.3 菜單與表格元件的使用 042
3.1.4 標(biāo)記元件的使用 044
3.2 繪制流程圖所用的元件 045
3.3 豐富的圖標(biāo)元件庫(kù) 050
3.4 如何載入元件庫(kù)和自定義元件庫(kù) 051
3.4.1 載入元件庫(kù) 051
3.4.2 自定義元件庫(kù) 053
3.5 實(shí)戰(zhàn)——制作“個(gè)人簡(jiǎn)歷表” 055
3.6 小結(jié) 060
第4章 用Axure動(dòng)態(tài)面板制作動(dòng)態(tài)效果 061
4.1 動(dòng)態(tài)面板的使用 062
4.1.1 創(chuàng)建動(dòng)態(tài)面板并命名 062
4.1.2 編輯動(dòng)態(tài)面板狀態(tài) 063
4.1.3 通過(guò)頁(yè)面概要區(qū)域管理動(dòng)態(tài)面板 066
4.2 動(dòng)態(tài)面板的常用功能 069
4.2.1 動(dòng)態(tài)面板的顯示與隱藏效果 069
4.2.2 調(diào)整動(dòng)態(tài)面板的大小以適合內(nèi)容 074
4.2.3 動(dòng)態(tài)面板的滾動(dòng)欄設(shè)置 075
4.2.4 動(dòng)態(tài)面板的固定到瀏覽器 077
4.2.5 100%寬度 079
4.2.6 從動(dòng)態(tài)面板脫離 081
4.2.7 轉(zhuǎn)換為母版 083
4.2.8 轉(zhuǎn)換為動(dòng)態(tài)面板 083
4.3 實(shí)戰(zhàn)——淘寶登錄頁(yè)簽的切換效果 083
4.3.1 登錄頁(yè)簽標(biāo)題設(shè)計(jì) 084
4.3.2 快速登錄頁(yè)面設(shè)計(jì) 087
4.3.3 賬號(hào)密碼登錄頁(yè)面設(shè)計(jì) 088
4.3.4 頁(yè)簽交互效果設(shè)置 091
4.4 小結(jié) 093
第5章 用Axure變量制作豐富交互效果 094
5.1 全局變量和局部變量的使用 094
5.2 變量值在頁(yè)面間的傳遞 096
5.2.1 登錄表單和首頁(yè) 096
5.2.2 新增變量和賦值 098
5.2.3 首頁(yè)顯示變量值 100
5.2.4 發(fā)布原型 101
5.3 實(shí)戰(zhàn)——制作簡(jiǎn)易計(jì)算器 102
5.3.1 計(jì)算器布局設(shè)計(jì) 103
5.3.2 數(shù)字按鈕交互設(shè)計(jì) 106
5.3.3 運(yùn)算符按鈕交互設(shè)計(jì) 109
5.3.4 等號(hào)按鈕交互設(shè)計(jì) 110
5.4 小結(jié) 112
第6章 用Axure母版減少重復(fù)工作 113
6.1 母版功能介紹 114
6.1.1 母版的使用 114
6.1.2 制作母版的兩種方式 115
6.2 母版的3種拖放行為 119
6.2.1 拖放行為為任何位置 119
6.2.2 拖放行為為鎖定到母版中的位置 121
6.2.3 拖放行為為從母版脫離 122
6.3 實(shí)戰(zhàn)——百度門戶導(dǎo)航菜單母版設(shè)計(jì) 124
6.3.1 導(dǎo)航菜單母版布局設(shè)計(jì) 125
6.3.2 網(wǎng)站LOGO和版權(quán)信息母版布局設(shè)計(jì) 128
6.3.3 網(wǎng)導(dǎo)航菜單母版交互設(shè)計(jì) 130
6.3.4 導(dǎo)航菜單選中背景交互設(shè)計(jì) 132
6.4 小結(jié) 133
第二篇
Axure高級(jí)交互效果
第7章 用Axure鏈接行為制作交互效果 134
7.1 打開鏈接和關(guān)閉窗口 135
7.1.1 當(dāng)前窗口打開鏈接 135
7.1.2 新窗口打開鏈接 138
7.1.3 彈出窗口打開鏈接 139
7.1.4 父窗口打開鏈接 140
7.1.5 關(guān)閉窗口 142
7.2 在內(nèi)部框架中打開鏈接 143
7.2.1 內(nèi)部框架 143
7.2.2 父框架 146
7.3 滾動(dòng)到元件(錨點(diǎn)鏈接) 147
7.4 設(shè)置自適應(yīng)視圖 149
7.5 小結(jié) 153
第8章 用Axure元件行為制作交互效果 154
8.1 顯示/隱藏 154
8.1.1 切換方式控制元件顯示隱藏 154
8.1.2 變量方式控制元件顯示隱藏 156
8.1.3 多個(gè)導(dǎo)航菜單聯(lián)動(dòng)效果 158
8.2 設(shè)置文本和設(shè)置圖像 159
8.2.1 設(shè)置文本行為 159
8.2.2 設(shè)置圖像行為 161
8.3 設(shè)置選擇/選中 162
8.3.1 單選按鈕選中行為 162
8.3.2 復(fù)選框選中行為 164
8.4 設(shè)置列表選中項(xiàng) 166
8.4.1 一對(duì)一聯(lián)動(dòng)效果 166
8.4.2 一對(duì)多聯(lián)動(dòng)效果 168
8.5 啟用/禁用 170
8.6 移動(dòng)/旋轉(zhuǎn)和置于頂層/底層 172
8.7 獲得焦點(diǎn)和展開/折疊樹節(jié)點(diǎn) 174
8.8 小結(jié) 174
第9章 用中繼器模擬數(shù)據(jù)庫(kù)操作 175
9.1 認(rèn)識(shí)中繼器 175
9.2 中繼器綁定數(shù)據(jù) 177
9.2.1 中繼器布局設(shè)計(jì) 177
9.2.2 中繼器數(shù)據(jù)綁定 179
9.3 新增數(shù)據(jù)彈出框設(shè)計(jì) 181
9.4 中繼器新增數(shù)據(jù)操作 184
9.5 中繼器刪除數(shù)據(jù)操作 186
9.5.1 刪除行內(nèi)數(shù)據(jù) 187
9.5.2 全局刪除數(shù)據(jù) 188
9.6 小結(jié) 189
第三篇
綜合實(shí)戰(zhàn)應(yīng)用
第10章 支付寶App低保真原型設(shè)計(jì) 190
10.1 需求描述 190
10.2 設(shè)計(jì)思路 191
10.3 準(zhǔn)備工作 191
10.4 設(shè)計(jì)流程 191
10.4.1 底部標(biāo)簽導(dǎo)航母版設(shè)計(jì) 191
10.4.2 “支付寶”九宮格導(dǎo)航布局設(shè)計(jì) 195
10.4.3 海報(bào)輪播效果制作 198
10.4.4 “余額寶”界面布局設(shè)計(jì) 199
10.4.5 “余額寶”界面上下滑動(dòng)設(shè)計(jì) 202
10.4.6 “支付寶”與“余額寶”切換顯示效果 205
10.5 小結(jié) 206
第11章 攜程旅游網(wǎng)站高保真原型設(shè)計(jì) 208
11.1 需求描述 208
11.2 設(shè)計(jì)思路 208
11.3 準(zhǔn)備工作 209
11.4 設(shè)計(jì)流程 210
11.4.1 網(wǎng)站注冊(cè)表單布局設(shè)計(jì) 210
11.4.2 網(wǎng)站注冊(cè)表單校驗(yàn) 213
11.4.3 倒計(jì)時(shí)交互設(shè)計(jì) 216
11.4.4 網(wǎng)站登錄布局與交互設(shè)計(jì) 217
11.4.5 導(dǎo)航菜單母版設(shè)計(jì) 223
11.4.6 首頁(yè)海報(bào)輪播效果制作 229
11.4.7 首頁(yè)搜索區(qū)域?qū)Ш綉腋⌒ЧO(shè)計(jì) 232
11.4.8 首頁(yè)圖片放大縮小效果制作 236
11.5 小結(jié) 239
附錄A 移動(dòng)App尺寸速查表 240
附錄B Axure快捷鍵速查表 242