本書較為全面地介紹了利用Axure軟件進(jìn)行原型設(shè)計(jì)的方法和技巧。全書分為3篇, 共11章, 首篇原型設(shè)計(jì)及Axure基礎(chǔ), 介紹了Axure原型設(shè)計(jì)概述、用頁面區(qū)域管理軟件頁面、用Axure元件庫搭積木、用Axure動態(tài)面板制作動態(tài)效果、使用Axure變量制作豐富交互效果、用Axure母版減少重復(fù)工作; 第二篇Axure高級交互效果, 介紹了用Axure鏈接行為制作交互效果、用Axure元件行為制作交互效果、用中繼器模擬數(shù)據(jù)庫操作; 第三篇綜合實(shí)戰(zhàn)應(yīng)用, 介紹了支付寶App低保真原型設(shè)計(jì)、攜程旅游網(wǎng)站高保真原型設(shè)計(jì)。通過學(xué)習(xí)Axure基礎(chǔ)和項(xiàng)目綜合案例, 讀者可以全面、深入、透徹地理解Axure原型設(shè)計(jì)工具的使用方法, 提高產(chǎn)品設(shè)計(jì)能力和項(xiàng)目實(shí)戰(zhàn)能力。
劉剛,高級項(xiàng)目管理師、中級項(xiàng)目監(jiān)理師、項(xiàng)目經(jīng)理,曾就職于中國擎天軟件公司、北京神州軟件技術(shù)有限公司,軟件項(xiàng)目研發(fā)、設(shè)計(jì)和管理經(jīng)驗(yàn)豐富;負(fù)責(zé)紀(jì)檢監(jiān)察廉政監(jiān)督監(jiān)管平臺、國家郵政局項(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)識Axure軟件界面 006
1.3.1 菜單欄區(qū)域 006
1.3.2 工具欄區(qū)域 008
1.3.3 頁面區(qū)域 014
1.3.4 元件庫區(qū)域 014
1.3.5 母版區(qū)域 015
1.3.6 工作區(qū)域 016
1.3.7 檢視區(qū)域 016
1.3.8 頁面概要區(qū)域 017
1.4 原型設(shè)計(jì)流程 017
1.4.1 需求分析 017
1.4.2 頁面架構(gòu)設(shè)計(jì) 018
1.4.3 低保真原型設(shè)計(jì) 020
1.4.4 原型評審 021
1.4.5 高保真原型設(shè)計(jì) 021
1.5 小結(jié) 021
第2章 用頁面區(qū)域管理軟件頁面 023
2.1 頁面區(qū)域是什么 023
2.1.1 什么是頁面區(qū)域 023
2.1.2 頁面區(qū)域能干什么 024
2.1.3 使用頁面區(qū)域注意事項(xiàng) 024
2.2 頁面區(qū)域的功能使用 024
2.3 實(shí)戰(zhàn)——“百度門戶”欄目規(guī)劃 026
2.4 小結(jié) 029
第3章 用Axure元件庫搭積木 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)元件庫 050
3.4 如何載入元件庫和自定義元件庫 051
3.4.1 載入元件庫 051
3.4.2 自定義元件庫 053
3.5 實(shí)戰(zhàn)——制作“個(gè)人簡歷表” 055
3.6 小結(jié) 060
第4章 用Axure動態(tài)面板制作動態(tài)效果 061
4.1 動態(tài)面板的使用 062
4.1.1 創(chuàng)建動態(tài)面板并命名 062
4.1.2 編輯動態(tài)面板狀態(tài) 063
4.1.3 通過頁面概要區(qū)域管理動態(tài)面板 066
4.2 動態(tài)面板的常用功能 069
4.2.1 動態(tài)面板的顯示與隱藏效果 069
4.2.2 調(diào)整動態(tài)面板的大小以適合內(nèi)容 074
4.2.3 動態(tài)面板的滾動欄設(shè)置 075
4.2.4 動態(tài)面板的固定到瀏覽器 077
4.2.5 100%寬度 079
4.2.6 從動態(tài)面板脫離 081
4.2.7 轉(zhuǎn)換為母版 083
4.2.8 轉(zhuǎn)換為動態(tài)面板 083
4.3 實(shí)戰(zhàn)——淘寶登錄頁簽的切換效果 083
4.3.1 登錄頁簽標(biāo)題設(shè)計(jì) 084
4.3.2 快速登錄頁面設(shè)計(jì) 087
4.3.3 賬號密碼登錄頁面設(shè)計(jì) 088
4.3.4 頁簽交互效果設(shè)置 091
4.4 小結(jié) 093
第5章 用Axure變量制作豐富交互效果 094
5.1 全局變量和局部變量的使用 094
5.2 變量值在頁面間的傳遞 096
5.2.1 登錄表單和首頁 096
5.2.2 新增變量和賦值 098
5.2.3 首頁顯示變量值 100
5.2.4 發(fā)布原型 101
5.3 實(shí)戰(zhà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 等號按鈕交互設(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高級交互效果
第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 滾動到元件(錨點(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)動效果 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 一對一聯(lián)動效果 166
8.4.2 一對多聯(lián)動效果 168
8.5 啟用/禁用 170
8.6 移動/旋轉(zhuǎn)和置于頂層/底層 172
8.7 獲得焦點(diǎn)和展開/折疊樹節(jié)點(diǎn) 174
8.8 小結(jié) 174
第9章 用中繼器模擬數(shù)據(jù)庫操作 175
9.1 認(rèn)識中繼器 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 “余額寶”界面上下滑動設(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)站注冊表單布局設(shè)計(jì) 210
11.4.2 網(wǎng)站注冊表單校驗(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 首頁海報(bào)輪播效果制作 229
11.4.7 首頁搜索區(qū)域?qū)Ш綉腋⌒ЧO(shè)計(jì) 232
11.4.8 首頁圖片放大縮小效果制作 236
11.5 小結(jié) 239
附錄A 移動App尺寸速查表 240
附錄B Axure快捷鍵速查表 242