書籍介紹
內容簡介
本書共12章,通過介紹Axure RP基礎、樣式設定、互動動畫、數據操作、母版、元件庫和團隊協作等內容,可以讓讀者全面、深入地掌握Axure RP的運行原理和各項功能;通過介紹原型設計準則、複雜原型的規劃、帶地圖的原型、回響式原型設計、手機上可訪問的原型等內容,可以讓讀者更加熟練地掌握原型設計的整體思路和高級技巧。書中的所有案例均來源於真實的使用場景。結合案例學習,讀者不僅可以掌握原型製作的技巧,還可以獲得真實的
產品設計經驗。
本書特別適合Axure RP原型設計的新手和進階讀者閱讀,也適合相關社會培訓學校作為培訓教材使用。另外,對於各類院校的教學,本書也是一本非常實用的教學參考書。
30秒極速了解本書精華內容
Axure RP基礎
樣式設定
原型設計準則
互動動畫
數據操作
複雜原型的規劃
帶地圖的原型
回響式原型設計
手機上可訪問的原型
母版
元件庫
團隊協作
本書特色
1.免費提供大量的超值學習資源
筆者特意為本書錄製了同步配套教學視頻,以幫助讀者快速、直觀地學習。另外,筆者還分享了自己在工作中積累的大量原型模板。這些原型模板都是筆者親自製作的,絕不會用“複製+貼上”的不負責方式敷衍讀者。這些資源的獲取方式及使用方法在本文之前的“配套學習資源”中都有詳細介紹。
2.內容全面,涵蓋Axure RP的各個方面
本書涵蓋Axure RP原型設計的各個方面,包括樣式設定、互動動畫、變數和函式、動態面板、中繼器、自適應視圖、模板和元件庫等,避免出現知識“死角”的情況。
3.以“基礎知識點+實戰操作”的形式編寫
原型設計有很強的套用性,所以本書儘量結合實用案例來講解。在“做”中學習,在“做”中思考。另外,對於必學知識點,筆者進行了精心甄選、最佳化和總結,並對原型製作背後的Axure RP軟體運行機制與原理也做了深入剖析。
4.大量採用來自一線的真實案例,選例多樣
筆者是有多年原型設計經驗的一線產品經理,手頭積累了大量的一線原型設計實戰案例。為了適應當前原型設計的實際需要,書中的案例特意選擇了網站和APP兩大領域。這些案例大多數是筆者花費了很多心血的原創作品,還有一些是筆者對精彩互動作品的借鑑。通過這些案例,筆者分享了大量很實用的設計技巧,以及比較前沿的設計理念。可以說,本書是一本實戰性超強、“乾貨”特多的原型設計書。
5.圖文並茂,講解細緻
本書在講解案例時,給出了明確的設計思路和詳細的製作步驟,並提供了大量的圖片來展示設計過程和實際效果,讀者只要按照書中的步驟一步步操作,便可完成作品。
6.利用最新的技術進行創新
本書在介紹將第三方平台的技術融入到原型製作中時,給出了一些獨特而創新的原型製作技巧。例如,使用“百度地圖”及“新浪雲”等第三方平台製作原型案例。
7.結合工作經驗,介紹團隊協作技巧
本書除了講解Axure RP軟體功能及其原型設計外,還介紹了實際產品研發過程中涉及的工作流程、團隊配合、溝通技巧,以及互動設計的一些常識和行業慣例。這些知識將有助於讀者成為一名合格的產品經理。
目錄
配套學習資源
前言
第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.發布原型 / 23
1.3.案例1:我的第1個Axure RP原型——註冊
.頁面 / 27
1.3.1.創建原型檔案 / 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.繪製統計數據模組 / 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.原型中要使用真實的數據 / 73
3.3.產品流程應該儘量完整 / 74
3.3.1.考慮用戶出錯的情況 / 74
3.3.2.考慮系統出錯的情況 / 74
3.3.3.考慮沒有數據的情況 / 75
3.3.4.考慮每一步的狀態 / 75
3.3.5.添加適當的提示 / 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.減少確認環節 / 81
3.6.頁面布局要隨時最佳化 / 81
3.6.1.用圖形替代文字 / 82
3.6.2.突出重點信息 / 82
3.6.3.把握頁面節奏 / 83
3.7.要保持原型的一致性 / 83
3.7.1.遵從慣例,保持外部一致 / 83
3.7.2.統一樣式,保持內部一致 / 84
第4章.互動動畫 / 87
4.1.基礎概念 / 88
4.2.動態面板 / 102
4.3.常用互動案例 / 109
4.4.複雜互動案例 / 121
第5章.數據操作 / 147
5.1.變數 / 148
5.2.函式 / 162
5.3.中繼器Repeater / 165
5.4.數據操作案例 / 178
第6章.複雜原型的規劃 / 209
6.1.可維護性 / 210
6.2.巧命名 / 211
6.3.善用“說明”功能 / 212
6.4.結構規劃 / 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.創建母版 / 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.創建元件庫 / 288
11.3.案例21:自定義元件庫 / 290
第12章.團隊協作 / 295
12.1.團隊項目介紹 / 296
12.2.創建團隊項目 / 296
12.3.獲取團隊項目檔案 / 297
12.4.修改團隊項目 / 299