Axure RP 8.0入門寶典：網站和APP原型設計實戰

第1章 初識AxureRP9
1.1關於Axure RP 10
1.2Axure RP的安裝與卸載 10
1.2.1Axure RP軟件安裝 11
實戰：Axure RP軟件安裝步驟 12
1.2.2Windows環境下的Axure漢化 15
實戰：Axure軟件漢化步驟 15
實戰：Axure部件漢化 17
1.2.3Axure RP軟件卸載 17
實戰：Axure RP軟件卸載步驟 18
1.2.4Axure瀏覽器插件安裝 19
實戰：安裝Chrome瀏覽器的Axure原型插件步驟 20
1.3Axure RP參考資源 21
1.3.1軟件授權 21
1.3.2Axure RP在線學習 22

第2章 Axure RP基本操作 23
2.1認識Axure RP工作界面 24
2.1.1頁面窗口 25
實戰：在頁面窗口中創建企業網站頁面結構 25
2.1.2部件窗口 30
實戰：使用部件窗口中的常用部件設計歡迎頁面 31
實戰：創建自定義部件庫 34
2.1.3母版窗口 39
實戰：創建我的第一個母版 39
2.1.4檢查窗口 43
實戰：開始交互設置——添加鏈接 43
實戰：設置部件屬性 45
實戰：頁面載入時的交互 46
2.1.5線框圖編輯窗口 50
實戰：制作自適應視圖原型文件 51
2.1.6菜單欄 54
實戰：新建、發布文件 55
實戰：創建、獲取團隊項目 57
2.1.7部件管理窗口 61
2.2Axure常用部件 62
2.2.1圖片部件 62
實戰：用圖片部件制作企業導航詳情信息 62
2.2.2形狀部件 68
實戰：用形狀部件制作企業分公司地址查詢 68
2.2.3動態面板 73
實戰：動態面板的經典之作——切換面板 73
2.2.4中繼器 76
實戰：使用中繼器制作產品列表 76
2.2.5框架部件 80
實戰：用框架嵌入企業宣傳視頻 80
2.2.6文本輸入框部件 82
實戰：賬號輸入框的輸入提示 83

第3章 交互原型設計 87
3.1事件 88
3.1.1鼠標單擊時 88
實戰：切換顯示的二級導航菜單 88
3.1.2鼠標移入／移出時 90
實戰：鼠標移入、移出時切換顯示半透明遮罩層 90
3.1.3獲得焦點時／失去焦點時 93
實戰：獲取焦點時、失去焦點時軟鍵盤的彈出與收起 93
3.1.4鼠標單擊並保持超過2秒時 97
實戰：鼠標長按彈出列表選項框 98
3.1.5向左、向右滑動時 101
實戰：向左、向右滑動切換APP列表界面 101
3.1.6下拉列表項改變時 106
實戰：市、區二級聯動下拉菜單制作 107
3.2用例動作 112
3.2.1打開鏈接 112
實戰：當前窗口中列表到內容頁面的跳轉 113
3.2.2滾動到部件（錨點鏈接） 114
實戰：頁面跳轉時打開指定位置的頁面 115
3.2.3顯示／隱藏 118
實戰：彈出層用戶登錄頁面制作 119
3.2.4設置選擇／選中 121
實戰：圖文新聞標題的選中效果制作 121
3.2.5移動 124
實戰：錯誤提示信息抖動提示效果 125
3.2.6設置面板狀態 127
實戰：手風琴面板制作 128

第4章 綜合案例——原型交互設計 133
寫在綜合案例前的話 134
4.1移動APP抽屜式導航 134
4.2下拉菜單商品分類導航 140
4.3帶個人名片的導航設計 146
4.4產品圖片放大特效 154
4.5焦點圖循環播放一（標注／手動／自動／多屏多圖） 159
4.6焦點圖循環播放二（標注／手動／自動／多屏多圖） 168
4.7移動端下拉加載圖片進度條延時動效 181
4.8GPS地圖定位 191
4.9自適應頁面設計 198
4.10滾動視差界面設計 203
4.11用戶登錄效果一 208
4.12用戶登錄效果二 215
4.13本地上傳照片交互設計 220
4.14手機滑動解鎖效果 230
4.15圖片翻轉、滑動效果 234
4.16自定義風格按鈕組 236
4.17依次滑出、收起的左側菜單 242

第5章 整站設計——記錄分享APP設計 249
寫在原型設計前的話 250
5.1新建／發布項目 250
5.1.1新建rp項目 250
5.1.2項目頁面結構設計 251
5.1.3發布項目 252
5.2設計APP首頁 254
5.2.1設計APP首頁界面 254
5.2.2交互設計1：左右滑動切換頁面 262
5.2.3交互設計2：切換頁面時背景圖片移動 264
5.2.4交互設計3：新記錄添加頁面設計 267
5.2.5交互設計4：進入新記錄添加頁面 270
5.2.6交互設計5：新記錄編輯效果 273
5.2.7交互設計6：添加一條新記錄 281
5.3設計APP「設置」頁面 284
5.3.1設計「設置」頁面 285
5.3.2交互設計1：提醒設置 287
5.3.3交互設計2：QQ自動登錄效果 290
5.3.4交互設計3：備份操作 296
5.3.5交互設計4：提交動態反饋 300
5.3.6交互設計5：可上下滾動的「關於我們」 304