Axure RP 8網(wǎng)站與APP原型設(shè)計(jì)

第一篇　基礎(chǔ)篇
第1章　Axure原型設(shè)計(jì)概述　1
1．1　原型設(shè)計(jì)與工具　1
1．1．1　什么是原型設(shè)計(jì)　1
1．1．2　目前常用的原型設(shè)計(jì)工具　2
1．1．3　AxureRP的設(shè)計(jì)目的　2
1．1．4　AxureRP的設(shè)計(jì)優(yōu)勢(shì)　3
1．1．5　AxureRP8的特色　3
1．2　準(zhǔn)備AxureRP　6
1．2．1　AxureRP的安裝　6
1．2．2　AxureRP的漢化　7
1．2．3　AxureRP的注冊(cè)　8
1．3　AxureRP的主界面　8
1．3．1　Axure的文件格式　9
1．3．2　團(tuán)隊(duì)項(xiàng)目　9
1．3．3　工作環(huán)境　9
1．3．4　自定義工作區(qū)　10
1．3．5　頁(yè)面（站點(diǎn)地圖）　11
1．3．6　元件概述　11
1．3．7　交互基礎(chǔ)　11
1．3．8　母版　11
1．4　案例：一個(gè)App登錄頁(yè)的低保真原型制作　11
第2章　使用Axure頁(yè)面（站點(diǎn)地圖）　14
2．1　認(rèn)識(shí)站點(diǎn)地圖　14
2．1．1　什么是站點(diǎn)地圖　14
2．1．2　站點(diǎn)地圖的功能條　15
2．1．3　站點(diǎn)地圖的頁(yè)面管理　15
2．2　案例：“百度”UI的站點(diǎn)地圖　16
2．2．1　“百度”產(chǎn)品的頁(yè)面規(guī)劃　16
2．2．2　增加頁(yè)面　16
2．2．3　移動(dòng)頁(yè)面　18
2．2．4　刪除頁(yè)面　18
2．2．5　生成流程圖　19
第3章　使用Axure中的線框圖　21
3．1　線框圖組件的種類及使用　21
3．2　圖片組件　22
3．3　一級(jí)標(biāo)題和二級(jí)標(biāo)題組件　23
3．4　文本標(biāo)簽和文本段落組件　24
3．5　矩形和占位符組件　24
3．6　自定義形狀組件　26
3．7　水平線和垂直線組件　28
3．8　圖像熱區(qū)組件　28
3．9　動(dòng)態(tài)面板組件　30
3．9．1　tab式頁(yè)簽的切換效果　31
3．9．2　利用動(dòng)態(tài)面板制作導(dǎo)航下拉菜單效果　35
3．10　內(nèi)聯(lián)框架組件　37
3．11　中繼器組件　40
3．12　文本框組件　45
3．13　下拉列表框和列表選擇框組件　47
3．14　復(fù)選框、單選按鈕和HTML按鈕組件　48
3．15　樹(shù)、表格、菜單組件　49
第4章　使用Axure中的流程圖　51
4．1　流程圖組件的種類及使用　51
4．2　創(chuàng)建流程圖　52
4．2．1　流程圖形狀　52
4．2．2　連接模式　52
4．2．3　標(biāo)記頁(yè)面為流程圖　52
4．2．4　連接線　53
4．2．5　添加參照頁(yè)　54
4．2．6　生成流程圖　54
第5章　自定義AxureRP8中的元件　56
5．1　如何載入元件庫(kù)　56
5．2　制作自己的元件庫(kù)　57
5．2．1　添加注釋和交互　57
5．2．2　組織元件庫(kù)到文件夾　58
5．2．3　使用自定義樣式　58
5．2．4　編輯自定義元件屬性　58
第6章　使用Axure母版　60
6．1　關(guān)于母版區(qū)域　60
6．1．1　什么是母版區(qū)域　60
6．1．2　母版的基本功能　61
6．1．3　母版的使用　63
6．2　案例：“12306火車購(gòu)票網(wǎng)站”母版原型設(shè)計(jì)　67
6．2．1　建立站點(diǎn)地圖　68
6．2．2　建立母版頁(yè)面　68
第7章　應(yīng)用Axure中的交互　75
7．1　觸發(fā)事件　75
7．2　交互條件　77
7．2．1　新建、刪除條件和條件之間關(guān)系　77
7．2．2　條件設(shè)置　78
7．2．3　交互條件應(yīng)用　78
7．3　交互行為　82
7．3．1　鏈接：切換用戶UI　83
7．3．2　元件：元件效果介紹　97
7．3．3　動(dòng)態(tài)面板深入使用　115
7．3．4　中繼器：動(dòng)態(tài)操作數(shù)據(jù)　120
7．4　案例：“百度”登錄的交互設(shè)計(jì)　146
7．4．1　分析百度登錄界面　147
7．4．2　制作百度登錄原型　147
7．4．3　用戶名輸入框聚焦后用戶名圖標(biāo)和輸入框的邊框變成藍(lán)色　153
7．4．4　密碼輸入框聚焦后密碼圖標(biāo)和輸入框的邊框變成藍(lán)色　156
7．4．5　登錄時(shí)進(jìn)行表單驗(yàn)證　158
7．4．6　登錄成功時(shí)跳轉(zhuǎn)，并把用戶名帶過(guò)去　162
第8章　Axure中的高級(jí)交互　166
8．1　變量　166
8．1．1　全局變量和局部變量　166
8．1．2　內(nèi)置變量　172
8．1．3　變量值在頁(yè)面間傳遞　175
8．1．4　變量的使用場(chǎng)景　179
8．2　案例：加減乘除運(yùn)算　179
8．3　函數(shù)　185
8．3．1　元件函數(shù)和頁(yè)面函數(shù)　185
8．3．2　窗口函數(shù)和鼠標(biāo)函數(shù)　190
8．3．3　數(shù)字函數(shù)和字符串函數(shù)　196
8．3．4　數(shù)學(xué)函數(shù)和日期函數(shù)　197
第9章　使用Axure時(shí)的團(tuán)隊(duì)合作技巧　199
9．1　項(xiàng)目如何共享協(xié)作　199
9．2　創(chuàng)建共享項(xiàng)目　199
9．3　獲取共享項(xiàng)目　201
9．4　編輯共享項(xiàng)目　202
9．5　團(tuán)隊(duì)項(xiàng)目環(huán)境和本地副本　202
第二篇　實(shí)戰(zhàn)篇
第10章　原型設(shè)計(jì)：“圖書管理系統(tǒng)”　205
10．1　需求描述　205
10．2　設(shè)計(jì)思路　206
10．3　準(zhǔn)備工作　206
10．4　實(shí)現(xiàn)用戶界面功能　206
10．4．1　建立站點(diǎn)地圖欄目結(jié)構(gòu)　206
10．4．2　登錄界面設(shè)計(jì)　207
10．4．3　制作導(dǎo)航菜單母版　209
10．4．4　首頁(yè)模塊設(shè)計(jì)　216
10．4．5　用戶管理模塊設(shè)計(jì)　218
10．4．6　借書管理模塊設(shè)計(jì)　223
10．4．7　圖書管理模塊設(shè)計(jì)　226
10．4．8　統(tǒng)計(jì)分析模塊設(shè)計(jì)　228
10．5　關(guān)鍵技術(shù)講解　231
第11章　App設(shè)計(jì)：12“微信”　232
11．1　需求描述　232
11．2　設(shè)計(jì)思路　232
11．3　準(zhǔn)備工作　233
11．4　原型制作　233
11．4．1　微信登錄功能　233
11．4．2　軟件進(jìn)入動(dòng)畫效果　237
11．4．3　導(dǎo)航菜單切換效果　240
11．4．4　給好友發(fā)送聊天內(nèi)容　247
11．4．5　上下拖曳微信頁(yè)面內(nèi)容　253
11．4．6　顯示、隱藏下拉菜單　255
11．5　關(guān)鍵技術(shù)講解　257
第12章　郵箱設(shè)計(jì)：“QQ郵箱”　259
12．1　需求描述　259
12．2　設(shè)計(jì)思路　260
12．3　實(shí)現(xiàn)原型制作　260
12．3．1　首頁(yè)頁(yè)面布局　260
12．3．2　首頁(yè)頂部信息設(shè)計(jì)　261
12．3．3　導(dǎo)航菜單設(shè)計(jì)　268
12．3．4　未讀郵件提示區(qū)域　271
12．3．5　寫信插入地圖區(qū)域　273
12．3．6　郵箱推薦區(qū)域　274
12．3．7　消息區(qū)域　275
12．3．8　郵箱版本及版權(quán)區(qū)域　279
12．4　關(guān)鍵技術(shù)講解　280