Axure RP9產品經理就業技能實戰教程

狄睿鑫，河北師範大學移動物聯網研究院產品經理，科技公司產品經理，51CTO學院講師，學員人數60餘萬人，先後為中國聯通等企業提供線上產品設計培訓。對教育、電商、企業應用等產品有獨到的見解。 2015巴塞羅那智慧城市博覽會暨全球峰會上，參與設計的E?School數字教育平台獲得“全球智慧城市項目大獎”。這是該會自2011年創建以來中國首次獲得此大獎。

1 準備成為原型大師 9
1．1 界面原型與Axure RP9 10
1．1．1 知識導入：如何表述軟件需求 10
1．1．2 認識界面原型 10
1．1．3 Axure RP9的更新內容 13
1．2 Axure RP9界面概覽 13
1．2．1 知識導入：設置軟件視圖 13
1．2．2 軟件功能區介紹 15
1．2．3 常規偏好設置 18
1．3 繪製第 一張原型圖 18
1．3．1 知識導入：項目文件的操作 19
1．3．2 元件的使用 19
1．3．3 標尺 21
1．3．4 網格 21
1．3．5 輔助線 22
1．3．6 畫布的使用技巧 23
1．4 鞏固練習：搜索引擎首頁原型 23
1．5 工作技巧 24
1．5．1 工作技巧：原型尺寸規範 24
1．5．2 工作技巧：規劃頁面和功能結構 25
1．6 技能提升：設計一份個人簡歷 26

2 正式開啟原型設計之路 27
2．1 基本元件 28
2．1．1 知識導入：變形計 28
2．1．2 圖形/按鈕/文本 29
2．1．3 圖片 30
2．1．4 佔位符 31
2．1．5 水平線/垂直線 31
2．1．6 熱區 32
2．1．7 工作技巧：巧妙設置元件尺寸和對齊方式 32
2．2 表單元件 33
2．2．1 知識導入：用戶註冊頁面 33
2．2．2 文本框和文本域 34
2．2．3 下拉列表 36
2．2．4 列錶框 36
2．2．5 複選框 37
2．2．6 單選按鈕 38
2．2．7 工作技巧：選擇合適的表單 38
2．3 菜單和表格 39
2．3．1 知識導入：模擬Windows資源管理器 39
2．3．2 樹 41
2．3．3 水平菜單/垂直菜單 41
2．3．4 表格 41
2．3．5 工作技巧：巧用表格進行佈局 42
2．4 元件的交互樣式 43
2．4．1 知識導入：導航菜單鼠標指針懸停時效果 43
2．4．2 動態設置元件樣式 44
2．4．3 鞏固練習：文本框獲取焦點時突出顯示 45
2．4．4 工作技巧：巧用元件的預設樣式庫 46
2．5 內聯框架 48
2．5．1 知識導入：高效搭建後台框架 48
2．5．2 內聯框架簡介 50
2．6 動態面板 52
2．6．1 知識導入：輪播圖 52
2．6．2 動態面板的特性 53
2．6．3 鞏固練習：自適應的網頁頭部 55
2．6．4 鞏固練習：製作開關組件 57
2．6．5 工作技巧：把動態面板作為容器使用 57
2．7 原型的生成和分享 58
2．7．1 知識導入：原型預覽工具 58
2．7．2 使用Axure雲生成分享鏈接 59
2．7．3 生成本地HTML文件 63
2．8 技能提升 63
2．8．1 技能提升：循環滾動消息 63
2．8．2 技能提升：製作標籤多選效果 64
2．8．3 技能提升：切換標籤頁 64

3 讓原型距離真實產品更近一步 65
3．1 由事件引發的交互 66
3．1．1 知識導入：分析登錄的交互邏輯 66
3．1．2 事件、情形、條件、動作 66
3．1．3 鞏固練習：實現登錄的交互效果 67
3．1．4 工作技巧：“如果”和“否則”的轉換 70
3．2 變量 71
3．2．1 知識導入：顯示用戶信息 71
3．2．2 變量詳解 73
3．2．3 數據傳遞 75
3．2．4 表達式與數據運算 76
3．2．5 鞏固練習：製作App啟動頁倒計時 76
3．2．6 工作技巧：通過全局變量表示狀態 79
3．3 函數 80
3．3．1 知識導入：製作電子時鐘 80
3．3．2 函數詳解 81
3．3．3 鞏固練習：模擬手機數字鍵盤 82
3．3．4 工作技巧：函數與系統變量的區別 85
3．4 中繼器 85
3．4．1 知識導入：製作商品管理列表 85
3．4．2 中繼器的基本結構和原理 87
3．4．3 進行數據排序 90
3．4．4 進行數據篩選 91
3．4．5 進行數據分頁 93
3．4．6 操作數據集 94
3．4．7 鞏固練習：製作外賣App門店列表 100
3．4．8 工作技巧：利用中繼器提升排版效率 104
3．5 自適應視圖 105
3．5．1 知識導入：響應式佈局 105
3．5．2 自適應視圖的使用 105
3．6 技能提升 107
3．6．1 技能提升：手機號合法性校驗 107
3．6．2 技能提升：滑塊校驗 107
3．6．3 技能提升：製作學生成績單 108

4 讓原型設計更加高效 109
4．1 母版 110
4．1．1 知識導入：如何避免重複工作 110
4．1．2 母版詳解 110
4．1．3 母版視圖與重寫 112
4．1．4 母版引發的事件 113
4．1．5 鞏固練習：App標題欄 115
4．2 自定義元件庫 117
4．2．1 知識導入：導入外部元件庫 117
4．2．2 自定義元件庫的基本介紹 117
4．2．3 自定義元件庫的製作和使用 118
4．2．4 工作技巧：自定義元件庫的應用場景 120
4．3 團隊項目 121
4．3．1 知識導入：團隊項目合作 121
4．3．2 創建團隊項目 121
4．3．3 獲取團隊項目 122
4．4 團隊合作流程 123
4．4．1 知識導入：合作流程說明 123
4．4．2 簽入和簽出、獲取和提交變更 124
4．4．3 工作技巧：通過團隊項目文件實現版本管理 125
4．5 技能提升 125
4．5．1 技能提升：製作App底部標籤欄 125
4．5．2 技能提升：把常用組件做成元件庫 126

5 撰寫產品文檔 127
5．1 知識導入：輔助說明產品邏輯 128
5．2 流程圖元件 128
5．2．1 流程圖形狀的含義 128
5．2．2 繪製流程圖 129
5．3 標記元件 129
5．3．1 便籤和標記元件 129
5．3．2 頁面快照 130
5．4 說明功能區 131
5．5 鞏固練習：撰寫修改手機號的交互說明 132
5．6 工作技巧：如何撰寫精彩的PRD 133
5．7 技能提升 134
5．7．1 技能提升：繪製外賣App核心業務流程圖 134
5．7．2 技能提升：撰寫外賣App下單功能產品說明文檔 134

6 綜合案例 135
6．1 綜合案例：購物會 136
6．1．1 錨點標籤 136
6．1．2 滾動展示商品購買記錄 138
6．1．3 計算購物車商品價格 139
6．1．4 個人中心 142
6．2 綜合案例：51CTO學堂 144
6．2．1 搜索聯想 144
6．2．2 搜索歷史記錄 146
6．2．3 滑動分類導航 148
6．2．4 發表評價 149
6．3 綜合案例：通用後台管理系統 153
6．3．1 手風琴菜單 153
6．3．2 聯動下拉菜單 155
6．3．3 穿梭框 156
6．3．4 滑塊計數器 158

7 產品經理職場秘訣 161
7．1 注重原型細節，盡顯專業風範 162
7．1．1 瀏覽體驗 162
7．1．2 模擬真實數據 162
7．2 設計規範讓工作更高效，產品更完善 163
7．2．1 排版規範 163
7．2．2 統一規範 163
7．2．3 彈窗規範 164
7．3 Axure RP9不是產品經理的全部 164
7．3．1 產品新人的基礎技能 164
7．3．2 項目各階段產品經理的職能 166
7．4 優秀作品集助力面試成功 167
7．4．1 作品集準備時間 167
7．4．2 作品集包含的內容 167
7．4．3 其他說明 168
7．4．4 作品集載體 168

附錄 169