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

第一篇　基礎(chǔ)篇
第1章　Axure原型設(shè)計概述　1
1．1　原型設(shè)計與工具　1
1．1．1　什么是原型設(shè)計　1
1．1．2　目前常用的原型設(shè)計工具　2
1．1．3　AxureRP的設(shè)計目的　2
1．1．4　AxureRP的設(shè)計優(yōu)勢　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的注冊　8
1．3　AxureRP的主界面　8
1．3．1　Axure的文件格式　9
1．3．2　團(tuán)隊項目　9
1．3．3　工作環(huán)境　9
1．3．4　自定義工作區(qū)　10
1．3．5　頁面（站點(diǎn)地圖）　11
1．3．6　元件概述　11
1．3．7　交互基礎(chǔ)　11
1．3．8　母版　11
1．4　案例：一個App登錄頁的低保真原型制作　11
第2章　使用Axure頁面（站點(diǎn)地圖）　14
2．1　認(rèn)識站點(diǎn)地圖　14
2．1．1　什么是站點(diǎn)地圖　14
2．1．2　站點(diǎn)地圖的功能條　15
2．1．3　站點(diǎn)地圖的頁面管理　15
2．2　案例：“百度”UI的站點(diǎn)地圖　16
2．2．1　“百度”產(chǎn)品的頁面規(guī)劃　16
2．2．2　增加頁面　16
2．2．3　移動頁面　18
2．2．4　刪除頁面　18
2．2．5　生成流程圖　19
第3章　使用Axure中的線框圖　21
3．1　線框圖組件的種類及使用　21
3．2　圖片組件　22
3．3　一級標(biāo)題和二級標(biāo)題組件　23
3．4　文本標(biāo)簽和文本段落組件　24
3．5　矩形和占位符組件　24
3．6　自定義形狀組件　26
3．7　水平線和垂直線組件　28
3．8　圖像熱區(qū)組件　28
3．9　動態(tài)面板組件　30
3．9．1　tab式頁簽的切換效果　31
3．9．2　利用動態(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　樹、表格、菜單組件　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)記頁面為流程圖　52
4．2．4　連接線　53
4．2．5　添加參照頁　54
4．2．6　生成流程圖　54
第5章　自定義AxureRP8中的元件　56
5．1　如何載入元件庫　56
5．2　制作自己的元件庫　57
5．2．1　添加注釋和交互　57
5．2．2　組織元件庫到文件夾　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火車購票網(wǎng)站”母版原型設(shè)計　67
6．2．1　建立站點(diǎn)地圖　68
6．2．2　建立母版頁面　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　動態(tài)面板深入使用　115
7．3．4　中繼器：動態(tài)操作數(shù)據(jù)　120
7．4　案例：“百度”登錄的交互設(shè)計　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　登錄時進(jìn)行表單驗證　158
7．4．6　登錄成功時跳轉(zhuǎn)，并把用戶名帶過去　162
第8章　Axure中的高級交互　166
8．1　變量　166
8．1．1　全局變量和局部變量　166
8．1．2　內(nèi)置變量　172
8．1．3　變量值在頁面間傳遞　175
8．1．4　變量的使用場景　179
8．2　案例：加減乘除運(yùn)算　179
8．3　函數(shù)　185
8．3．1　元件函數(shù)和頁面函數(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時的團(tuán)隊合作技巧　199
9．1　項目如何共享協(xié)作　199
9．2　創(chuàng)建共享項目　199
9．3　獲取共享項目　201
9．4　編輯共享項目　202
9．5　團(tuán)隊項目環(huán)境和本地副本　202
第二篇　實(shí)戰(zhàn)篇
第10章　原型設(shè)計：“圖書管理系統(tǒng)”　205
10．1　需求描述　205
10．2　設(shè)計思路　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è)計　207
10．4．3　制作導(dǎo)航菜單母版　209
10．4．4　首頁模塊設(shè)計　216
10．4．5　用戶管理模塊設(shè)計　218
10．4．6　借書管理模塊設(shè)計　223
10．4．7　圖書管理模塊設(shè)計　226
10．4．8　統(tǒng)計分析模塊設(shè)計　228
10．5　關(guān)鍵技術(shù)講解　231
第11章　App設(shè)計：12“微信”　232
11．1　需求描述　232
11．2　設(shè)計思路　232
11．3　準(zhǔn)備工作　233
11．4　原型制作　233
11．4．1　微信登錄功能　233
11．4．2　軟件進(jìn)入動畫效果　237
11．4．3　導(dǎo)航菜單切換效果　240
11．4．4　給好友發(fā)送聊天內(nèi)容　247
11．4．5　上下拖曳微信頁面內(nèi)容　253
11．4．6　顯示、隱藏下拉菜單　255
11．5　關(guān)鍵技術(shù)講解　257
第12章　郵箱設(shè)計：“QQ郵箱”　259
12．1　需求描述　259
12．2　設(shè)計思路　260
12．3　實(shí)現(xiàn)原型制作　260
12．3．1　首頁頁面布局　260
12．3．2　首頁頂部信息設(shè)計　261
12．3．3　導(dǎo)航菜單設(shè)計　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