《Axure RP 8.0中文版原型設(shè)計(jì)從入門到精通》圖文并茂，通過140個(gè)精美、實(shí)用的原型設(shè)計(jì)案例，詳細(xì)介紹了Axure RP 8.0的使用方法和原型制作技巧。本書知識(shí)性、實(shí)用性和可操作性較強(qiáng)，案例選取上著眼于專業(yè)性和實(shí)用性，內(nèi)容層面上涉及網(wǎng)站、手機(jī)端、微信及游戲等方面的制作，且每個(gè)案例都給出了案例描述、思路分析和操作步驟。讀者一個(gè)個(gè)參照學(xué)習(xí)，即可快速掌握Axure 的設(shè)計(jì)精髓，解決實(shí)際工作應(yīng)用中的諸多難題。

《Axure RP 8.0中文版原型設(shè)計(jì)從入門到精通》內(nèi)容有以下三點(diǎn)特色。
1. 全案例，注重實(shí)戰(zhàn)。140個(gè)熱門、經(jīng)典案例，豐富的設(shè)計(jì)素材，各個(gè)精彩。
2. 全干貨，拿來可用。設(shè)計(jì)思路 設(shè)計(jì)步驟，流行案例大集萃。
3. 練中學(xué)，快速提升。在實(shí)踐中領(lǐng)悟設(shè)計(jì)思維，在操作中掌握設(shè)計(jì)原則。

前 言
在現(xiàn)代企業(yè)中，尤其是互聯(lián)網(wǎng)企業(yè)，無論企業(yè)規(guī)模大小，時(shí)間都意味著金錢。開發(fā)出的產(chǎn)品不符合最初的要求，不滿足用戶期待，會(huì)白白浪費(fèi)大量的人力物力。所以決策者在將產(chǎn)品推向市場(chǎng)之前，都希望最大程度地了解最終的產(chǎn)品到底是什么樣子的，但是又不能投入時(shí)間真正地做出一個(gè)真實(shí)的產(chǎn)品。所以，模型就成了最好的幫手。建筑行業(yè)中的設(shè)計(jì)圖、汽車行業(yè)中的概念車、零售行業(yè)中小規(guī)模局部上市的一些實(shí)驗(yàn)商品，以及手機(jī)行業(yè)中的工程原型機(jī)，都是建
模的好例子。
本書就是要向大家介紹如何使用 Axure RP 8 軟件制作移動(dòng)互聯(lián)網(wǎng)的網(wǎng)站原型。例如，如何制作一個(gè)微信聯(lián)系人對(duì)話框，如何制作一個(gè)類似iOS 里面拖動(dòng)的橡皮筋效果。本書通過140 個(gè)熱門、經(jīng)典、流行的具體應(yīng)用案例，讓讀者熟悉整個(gè)建模的過程，從而利用Axure RP 8 這個(gè)神奇的工具，將自己的想法轉(zhuǎn)化成可以向別人介紹的逼真的原型。然后通過這個(gè)原型，獲得企業(yè)內(nèi)部的資源支持或項(xiàng)目主導(dǎo)者的認(rèn)可，討論并確認(rèn)需求，甚至獲得潛在投資人的支持，把握一個(gè)機(jī)會(huì)。
如果你的原型就是用來跟你熟識(shí)的一些產(chǎn)品經(jīng)理和工程師進(jìn)行溝通交流，那么也許一個(gè)非常簡(jiǎn)單的用于示意的原型圖就足夠了。因?yàn)槟銈儽舜肆私�，很多的溝通可以通過語(yǔ)言和默契來完成，甚至不需要原型。如果你的原型是用來跟上司提案用的，那么就要做得相對(duì)詳細(xì)一些，尤其是涉及用戶交互和流程的部分。要讓他們清楚地了解，你的這個(gè)頁(yè)面是做什么的，怎么用，如何展現(xiàn)每個(gè)細(xì)節(jié)。尤其是在產(chǎn)品立項(xiàng)或者階段性審核的時(shí)候，原型做得越詳細(xì)，證明準(zhǔn)備得越充分，也就越容易面對(duì)質(zhì)疑，最終獲得認(rèn)可。注意，細(xì)節(jié)決定成敗這句話，其實(shí)應(yīng)該是關(guān)鍵的細(xì)節(jié)決定成敗，并非所有細(xì)節(jié)都要在模型階段進(jìn)行展現(xiàn)。
如果你的原型是給客戶提案用的，那么這個(gè)時(shí)候在制作上就要盡可能的詳細(xì)。因?yàn)槟阆Ｍ�客戶能夠說一句：這就是我想要的，就照著這個(gè)去做就可以了。有了客戶的確認(rèn)，你才能放心地制作和開發(fā)，才不會(huì)在最后要面對(duì)客戶的一句：這不是我們開始說的��？既然客戶是消費(fèi)者，那么就一定要盡量讓他們?cè)陂_始階段就了解自己買了什么東西。筆者強(qiáng)烈建議在進(jìn)行互聯(lián)網(wǎng)開發(fā)工作時(shí)，能夠在合同之外附上客戶確認(rèn)過的高保真原型圖，以給項(xiàng)目的最終審批
設(shè)定一個(gè)雙方共同認(rèn)可的標(biāo)桿，避免損失和誤解。
最后，最重要的一點(diǎn)，也是建議：如果你自己做原型時(shí)都覺得做得太過復(fù)雜，想不清楚，那么也就到了適可而止的時(shí)候了。畢竟，原型只是表達(dá)方式之一，你可以用文字、視頻、面對(duì)面的交流、比喻、類比，甚至是采用與另外一個(gè)網(wǎng)站直接做對(duì)比的方式把你的想法闡述清楚。很多偉大的創(chuàng)意和想法不是用PPT 表達(dá)的，那么很多精彩的設(shè)計(jì)自然也可以不完全靠原型來展現(xiàn)。
為鼓勵(lì)讀者多思考，勤實(shí)踐，本書部分案例只給出了案例描述和思路分析，而將詳細(xì)的設(shè)計(jì)過程放在了資源包里。讀者盡量先根據(jù)思路提示進(jìn)行獨(dú)立設(shè)計(jì)，然后再掃描圖書封底二維碼，下載學(xué)習(xí)資源包，參照其中的標(biāo)準(zhǔn)步驟進(jìn)行學(xué)習(xí)，加深實(shí)踐認(rèn)知。

張志科，軟通動(dòng)力信息技術(shù)（集團(tuán)）有限公司軟件工程師，有豐富的實(shí)踐經(jīng)驗(yàn)，目前微博粉絲量數(shù)萬(wàn)。

目 錄
第 1 部分 入門起點(diǎn)篇
第1 章進(jìn)入角色 2
1.1 Axure RP 8 概述 2
1.2 Axure RP 8 安裝與漢化 2
第2 章熟悉兵器 5
2.1 工作環(huán)境 5
2.2 交互設(shè)計(jì) 6
2.3 實(shí)用技巧 7
第2 部分 基礎(chǔ)知識(shí)篇
第3 章直言不諱 12
3.1 網(wǎng)站注冊(cè)界面12
3.2 用戶登錄界面17
3.3 找回密碼 21
3.4 精美提交按鈕27
3.5 文本框邊框變色 32
3.6 帶遮罩層的彈窗 36
3.7 郵箱格式驗(yàn)證41
3.8 驗(yàn)證手機(jī)號(hào)碼46
3.9 賬號(hào)登錄驗(yàn)證46
3.10 自定義復(fù)選框 47
第4 章畫龍點(diǎn)睛 48
4.1 添加文本鏈接48
4.2 導(dǎo)航欄鼠標(biāo)懸停效果 52
4.3 單擊切換密碼可見性 54
4.4 重置文本框信息 57
4.5 表格搜索數(shù)據(jù)59
4.6 右鍵菜單66
4.7 全選與取消全選 69
4.8 輸入手機(jī)號(hào)碼自動(dòng)分段 74
4.9 彈出框 74
4.10 輸入驗(yàn)證碼 75
第5 章滔滔不絕 76
5.1 文本超鏈接和頁(yè)面跳轉(zhuǎn)效果 76
5.2 唯一選中項(xiàng) 79
5.3 文本焦點(diǎn)效果 82
5.4 保持固定位置 86
5.5 拖動(dòng)滑塊設(shè)置數(shù)字 89
5.6 單擊按鈕控制數(shù)字增減效果 92
5.7 60s 倒計(jì)時(shí)獲取驗(yàn)證碼 95
5.8 單擊顯示/隱藏菜單效果 98
5.9 簡(jiǎn)單可擴(kuò)展的全選效果 98
5.10 顯示/隱藏二級(jí)菜單時(shí)一級(jí)菜單的顏色切換 99
第3 部分 進(jìn)階提高篇
第6 章再接再厲 102
6.1 地圖點(diǎn)取坐標(biāo) 102
6.2 放大/還原圖像 108
6.3 頁(yè)面載入進(jìn)度條 113
6.4 信息提交加載效果 116
6.5 輪盤按鈕 121
6.6 向上漂浮 129
6.7 表格添加/刪除操作 133
6.8 滑動(dòng)驗(yàn)證效果 133
6.9 表格分頁(yè) 134
6.10 雙向列表操作 134
第7 章個(gè)性拼比 136
7.1 單行選中變色 136
7.2 二維碼掃描效果 139
7.3 制作產(chǎn)品列表 145
7.4 圖片翻轉(zhuǎn) 148
7.5 秒表計(jì)時(shí)器 151
7.6 模擬鍵盤輸入 161
7.7 本地上傳圖片 168
7.8 嵌入自定義的百度地圖 169
7.9 開關(guān)效果 169
7.10 環(huán)狀運(yùn)動(dòng) 170
第8 章隨心所欲 171
8.1 中心點(diǎn)逐漸放大效果171
8.2 圖像放大效果 176
8.3 搜索引擎 185
8.4 錨點(diǎn)滾動(dòng)效果 192
8.5 圖片層疊滾動(dòng)效果 196
8.6 水泡導(dǎo)航欄 199
8.7 環(huán)形進(jìn)度條 202
8.8 二維碼生成器 202
8.9 單選按鈕和選項(xiàng)組效果 203
8.10 滑動(dòng)鼠標(biāo)頁(yè)面自動(dòng)切換203
第9 章永無止境 205
9.1 微博登錄界面切換 205
9.2 QQ 個(gè)性簽名 209
9.3 下畫線伸縮效果214
9.4 彈球在區(qū)域內(nèi)運(yùn)動(dòng)的效果 217
9.5 添加標(biāo)簽交互效果 224
9.6 時(shí)鐘 228
9.7 點(diǎn)動(dòng)畫效果 232
9.8 商品列表中的購(gòu)物車 233
9.9 跑馬燈文字鏈 233
9.10 軌跡追蹤與回放 234
第4 部分 核心技術(shù)篇
第10 章海闊天空236
10.1 京東商城首頁(yè)banner 輪播效果 236
10.2 天貓標(biāo)簽切換效果 243
10.3 微信點(diǎn)贊效果 247
10.4 拖動(dòng)排序 252
10.5 動(dòng)漫書簽 260
10.6 微博字?jǐn)?shù)提示效果 264
10.7 搜狗搜索提示效果 268
10.8 拖動(dòng)滑塊改變透明度交互效果 269
10.9 豆瓣電影評(píng)分 269
10.10 圖標(biāo)菜單 270
第11 章天衣無縫271
11.1 導(dǎo)航頂部吸附效果 271
11.2 產(chǎn)品詳情效果展示 276
11.3 選中復(fù)選框時(shí)文字添加到文本框 281
11.4 跳動(dòng)的心 290
11.5 商品列表頁(yè)篩選排序 296
11.6 產(chǎn)品分類 301
11.7 根據(jù)選擇數(shù)量自動(dòng)計(jì)算商品總金額 305
11.8 動(dòng)態(tài)面板滑動(dòng)效果.306
11.9 表格統(tǒng)計(jì) 306
11.10 下拉框省市二級(jí)聯(lián)動(dòng) 307
第12 章精益創(chuàng)新 308
12.1 計(jì)算器308
12.2 統(tǒng)計(jì)圖314
12.3 獲取當(dāng)前時(shí)間 318
12.4 心理測(cè)試 324
12.5 鍵盤控制小人兒移動(dòng) 338
12.6 照片墻341
12.7 手風(fēng)琴菜單 347
12.8 人際溝通風(fēng)格測(cè)試制作347
12.9 櫥窗圖片左右輪換 348
12.10 長(zhǎng)按 3 秒顯示圖片 349
第 5 部分 高手終極篇
第13 章絢麗多彩352
13.1 分享到 QQ 空間 352
13.2 圖片拖動(dòng)定位 360
13.3 ios 單選按鈕交互效果 363
13.4 通訊錄字母導(dǎo)航 373
13.5 簽到效果 377
13.6 搜索引擎 388
13.7 底部返回按鈕效果 389
13.8 手機(jī)撥號(hào)效果 390
13.9 商城列表頁(yè)頁(yè)面布局 390
13.10 模塊跟隨鼠標(biāo)移動(dòng)方向滑動(dòng)效果 391
第14 章趣味游戲392
14.1 九宮格拼圖游戲 392
14.2 幸運(yùn)大轉(zhuǎn)盤399
14.3 擲骰子猜大小 405
14.4 抽獎(jiǎng)贏金幣416
14.5 石頭剪刀布游戲 425
14.6 抓鬮小游戲 435
14.7 記憶連連看游戲 436
14.8 隨機(jī)雙色球 437
14.9 眼睛跟隨鼠標(biāo)轉(zhuǎn)動(dòng)的小熊 437
14.10 飛揚(yáng)的小鳥 438
第15 章天衣無縫 439
15.1 手機(jī)滑動(dòng)刪除效果 439
15.2 微信看一看下拉刷新 446
15.3 手機(jī)垂直劃屏效果 458
15.4 手機(jī)多屏幕滑動(dòng) 463
15.5 微信導(dǎo)航菜單 467
15.6 手機(jī)滑動(dòng)解鎖 470
15.7 微信啟動(dòng)閃屏效果.471
15.8 視頻彈幕 472
15.9 手機(jī)聊天對(duì)話框 472
15.10 側(cè)滑菜單 473