Axure RP原型設(shè)計(jì)基礎(chǔ)與案例實(shí)戰(zhàn)

配套學(xué)習(xí)資源

前言

第1章.Axure RP基礎(chǔ)          /  1

1.1.Axure RP是干什么用的          /  2

1.1.1.Axure RP是原型設(shè)計(jì)軟件          /  2

1.1.2.Axure RP原型案例          /  2

1.1.3.使用Axure RP原型          /  5

1.2.基礎(chǔ)概念          /  5

1.2.1.軟件界面概述          /  5

1.2.2.畫布          /  7

1.2.3.坐標(biāo)          /  8

1.2.4.元件庫          /  8

1.2.5.站點(diǎn)地圖          /  20

1.2.6.母版          /  21

1.2.7.屬性          /  21

1.2.8.元件地圖          /  22

1.2.9.發(fā)布原型          /  23

1.3.案例1：我的第1個(gè)Axure RP原型——注冊

.頁面          /  27

1.3.1.創(chuàng)建原型文件          /  27

1.3.2.添加元件          /  28

1.3.3.設(shè)置頁面樣式          /  30

1.3.4.預(yù)覽原型效果          /  30

第2章.樣式設(shè)置          /  31

2.1.顏色          /  32

2.1.1.認(rèn)識顏色窗口          /  32

2.1.2.設(shè)置透明效果          /  33

2.1.3.設(shè)置漸變效果          /  33

2.2.陰影          /  35

2.3.文字格式          /  36

2.3.1.文字樣式          /  37

2.3.2.調(diào)整文本的間距和填充          /  38

2.3.3.調(diào)整文本的寬度、高度          /  38

2.4.格式刷          /  39

2.5  “鋼筆”和自定義圖形          /  41

2.5.1.鋼筆          /  41

2.5.2.自定義形狀          /  42

2.6.處理圖片的尺寸          /  43

2.6.1.分割圖片          /  43

2.6.2.裁剪圖片          /  43

2.7.設(shè)置按鈕的交互樣式          /  44

2.8.文本框樣式          /  46

2.8.1.文本框類型          /  46

2.8.2.文本框提示          /  47

2.8.3.文本限制          /  48

2.8.4  “提交”按鈕          /  48

2.9.改變形狀          /  48

2.9.1.旋轉(zhuǎn)          /  48

2.9.2.翻轉(zhuǎn)          /  49

2.9.3.合并          /  50

2.10.布局          /  51

2.10.1.順序          /  51

2.10.2.組合          /  52

2.10.3.對齊          /  53

2.10.4.分布          /  55

2.11.頁面樣式          /  55

2.11.1.頁面排列          /  56

2.11.2.背景          /  56

2.11.3.草圖          /  58

2.11.4.樣式模板          /  59

2.12.案例2：給不同模塊制作不同背景          /  60

2.13.案例3：繪制一個(gè)網(wǎng)站原型          /  63

2.13.1.繪制導(dǎo)航欄          /  63

2.13.2.繪制折線圖          /  64

2.13.3.繪制統(tǒng)計(jì)數(shù)據(jù)模塊          /  65

2.13.4.處理圖標(biāo)、圖片          /  65

2.13.5.總體布局          /  66

2.13.6.設(shè)置頁面樣式          /  66

2.14.案例4：繪制一個(gè)APP原型          /  67

2.14.1.繪制手機(jī)框          /  67

2.14.2.添加遮罩          /  68

2.14.3.添加陰影          /  69

2.14.4.設(shè)置頁面布局          /  70

第3章.原型設(shè)計(jì)準(zhǔn)則          /  71

3.1.原型做成高保真還是低保真          /  72

3.1.1.什么是高保真和低保真          /  72

3.1.2.如何選擇高保真與低保真          /  72

3.2.原型中要使用真實(shí)的數(shù)據(jù)          /  73

3.3.產(chǎn)品流程應(yīng)該盡量完整          /  74

3.3.1.考慮用戶出錯(cuò)的情況          /  74

3.3.2.考慮系統(tǒng)出錯(cuò)的情況          /  74

3.3.3.考慮沒有數(shù)據(jù)的情況          /  75

3.3.4.考慮每一步的狀態(tài)          /  75

3.3.5.添加適當(dāng)?shù)奶崾?         /  76

3.4.原型需要快速迭代          /  76

3.4.1.溝通原型的技巧          /  76

3.4.2.修改原型的技巧          /  77

3.5.頁面應(yīng)該盡量簡化          /  78

3.5.1.精簡用戶輸入內(nèi)容          /  78

3.5.2.精簡頁面上的元素          /  79

3.5.3.合并重復(fù)的功能          /  80

3.5.4.避免過多的分支流程          /  80

3.5.5.減少確認(rèn)環(huán)節(jié)          /  81

3.6.頁面布局要隨時(shí)優(yōu)化          /  81

3.6.1.用圖形替代文字          /  82

3.6.2.突出重點(diǎn)信息          /  82

3.6.3.把握頁面節(jié)奏          /  83

3.7.要保持原型的一致性          /  83

3.7.1.遵從慣例，保持外部一致          /  83

3.7.2.統(tǒng)一樣式，保持內(nèi)部一致          /  84

第4章.交互動(dòng)畫          /  87

4.1.基礎(chǔ)概念          /  88

4.2.動(dòng)態(tài)面板          /  102

4.3.常用交互案例          /  109

4.4.復(fù)雜交互案例          /  121

第5章.數(shù)據(jù)操作          /  147

5.1.變量          /  148

5.2.函數(shù)          /  162

5.3.中繼器Repeater          /  165

5.4.數(shù)據(jù)操作案例          /  178

第6章.復(fù)雜原型的規(guī)劃          /  209

6.1.可維護(hù)性          /  210

6.2.巧命名          /  211

6.3.善用“說明”功能          /  212

6.4.結(jié)構(gòu)規(guī)劃          /  215

6.5.案例16：Flappy Bird游戲案例          /  217

第7章.帶地圖的原型          /  231

7.1.地圖開放平臺          /  232

7.2.案例17：制作LBS應(yīng)用“踩紅包”的原型          /  239

第8章.響應(yīng)式原型設(shè)計(jì)          /  247

8.1.響應(yīng)式設(shè)計(jì)          /  248

8.2.自適應(yīng)視圖          /  249

8.3.案例18：響應(yīng)式網(wǎng)站          /  256

第9章.手機(jī)上可訪問的原型          /  263

9.1.讓原型適應(yīng)手機(jī)尺寸          /  264

9.2.生成分享鏈接          /  266

9.3.案例19：H5小測試——色彩感覺心理測試          /  270

第10章.母版          /  275

10.1.創(chuàng)建母版          /  276

10.2.使用母版          /  277

10.3.案例20：利用母版，解決“積分商城”的

.重復(fù)建設(shè)          /  278

10.3.1.導(dǎo)航欄          /  279

10.3.2.彈出菜單          /  280

10.3.3.底部欄          /  282

10.3.4.使用母版          /  282

第11章.元件庫          /  285

11.1.使用元件庫          /  286

11.2.創(chuàng)建元件庫          /  288

11.3.案例21：自定義元件庫          /  290

第12章.團(tuán)隊(duì)協(xié)作          /  295

12.1.團(tuán)隊(duì)項(xiàng)目介紹          /  296

12.2.創(chuàng)建團(tuán)隊(duì)項(xiàng)目          /  296

12.3.獲取團(tuán)隊(duì)項(xiàng)目文件          /  297

12.4.修改團(tuán)隊(duì)項(xiàng)目          /  299