Axure RP原型設計基礎與案例實戰(zhàn)

配套學習資源

前言

第1章.Axure RP基礎          /  1

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

1.1.1.Axure RP是原型設計軟件          /  2

1.1.2.Axure RP原型案例          /  2

1.1.3.使用Axure RP原型          /  5

1.2.基礎概念          /  5

1.2.1.軟件界面概述          /  5

1.2.2.畫布          /  7

1.2.3.坐標          /  8

1.2.4.元件庫          /  8

1.2.5.站點地圖          /  20

1.2.6.母版          /  21

1.2.7.屬性          /  21

1.2.8.元件地圖          /  22

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

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

.頁面          /  27

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

1.3.2.添加元件          /  28

1.3.3.設置頁面樣式          /  30

1.3.4.預覽原型效果          /  30

第2章.樣式設置          /  31

2.1.顏色          /  32

2.1.1.認識顏色窗口          /  32

2.1.2.設置透明效果          /  33

2.1.3.設置漸變效果          /  33

2.2.陰影          /  35

2.3.文字格式          /  36

2.3.1.文字樣式          /  37

2.3.2.調整文本的間距和填充          /  38

2.3.3.調整文本的寬度、高度          /  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.設置按鈕的交互樣式          /  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.旋轉          /  48

2.9.2.翻轉          /  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：繪制一個網站原型          /  63

2.13.1.繪制導航欄          /  63

2.13.2.繪制折線圖          /  64

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

2.13.4.處理圖標、圖片          /  65

2.13.5.總體布局          /  66

2.13.6.設置頁面樣式          /  66

2.14.案例4：繪制一個APP原型          /  67

2.14.1.繪制手機框          /  67

2.14.2.添加遮罩          /  68

2.14.3.添加陰影          /  69

2.14.4.設置頁面布局          /  70

第3章.原型設計準則          /  71

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

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

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

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

3.3.產品流程應該盡量完整          /  74

3.3.1.考慮用戶出錯的情況          /  74

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

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

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

3.3.5.添加適當?shù)奶崾?         /  76

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

3.4.1.溝通原型的技巧          /  76

3.4.2.修改原型的技巧          /  77

3.5.頁面應該盡量簡化          /  78

3.5.1.精簡用戶輸入內容          /  78

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

3.5.3.合并重復的功能          /  80

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

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

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

3.6.1.用圖形替代文字          /  82

3.6.2.突出重點信息          /  82

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

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

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

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

第4章.交互動畫          /  87

4.1.基礎概念          /  88

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

4.3.常用交互案例          /  109

4.4.復雜交互案例          /  121

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

5.1.變量          /  148

5.2.函數(shù)          /  162

5.3.中繼器Repeater          /  165

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

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

6.1.可維護性          /  210

6.2.巧命名          /  211

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

6.4.結構規(guī)劃          /  215

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

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

7.1.地圖開放平臺          /  232

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

第8章.響應式原型設計          /  247

8.1.響應式設計          /  248

8.2.自適應視圖          /  249

8.3.案例18：響應式網站          /  256

第9章.手機上可訪問的原型          /  263

9.1.讓原型適應手機尺寸          /  264

9.2.生成分享鏈接          /  266

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

第10章.母版          /  275

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

10.2.使用母版          /  277

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

.重復建設          /  278

10.3.1.導航欄          /  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章.團隊協(xié)作          /  295

12.1.團隊項目介紹          /  296

12.2.創(chuàng)建團隊項目          /  296

12.3.獲取團隊項目文件          /  297

12.4.修改團隊項目          /  299