Axure RP 8.0中文版原型設(shè)計從入門到精通
定 價:89.8 元
- 作者:張志科
- 出版時間:2019/8/1
- ISBN:9787302523635
- 出 版 社:清華大學(xué)出版社
- 中圖法分類:TP393.092.2
- 頁碼:
- 紙張:膠版紙
- 版次:
- 開本:16開
《Axure RP 8.0中文版原型設(shè)計從入門到精通》圖文并茂,通過140個精美、實用的原型設(shè)計案例,詳細介紹了Axure RP 8.0的使用方法和原型制作技巧。本書知識性、實用性和可操作性較強,案例選取上著眼于專業(yè)性和實用性,內(nèi)容層面上涉及網(wǎng)站、手機端、微信及游戲等方面的制作,且每個案例都給出了案例描述、思路分析和操作步驟。讀者一個個參照學(xué)習(xí),即可快速掌握Axure 的設(shè)計精髓,解決實際工作應(yīng)用中的諸多難題。
《Axure RP 8.0中文版原型設(shè)計從入門到精通》內(nèi)容有以下三點特色。
1. 全案例,注重實戰(zhàn)。140個熱門、經(jīng)典案例,豐富的設(shè)計素材,各個精彩。
2. 全干貨,拿來可用。設(shè)計思路 設(shè)計步驟,流行案例大集萃。
3. 練中學(xué),快速提升。在實踐中領(lǐng)悟設(shè)計思維,在操作中掌握設(shè)計原則。
前 言
在現(xiàn)代企業(yè)中,尤其是互聯(lián)網(wǎng)企業(yè),無論企業(yè)規(guī)模大小,時間都意味著金錢。開發(fā)出的產(chǎn)品不符合最初的要求,不滿足用戶期待,會白白浪費大量的人力物力。所以決策者在將產(chǎn)品推向市場之前,都希望最大程度地了解最終的產(chǎn)品到底是什么樣子的,但是又不能投入時間真正地做出一個真實的產(chǎn)品。所以,模型就成了最好的幫手。建筑行業(yè)中的設(shè)計圖、汽車行業(yè)中的概念車、零售行業(yè)中小規(guī)模局部上市的一些實驗商品,以及手機行業(yè)中的工程原型機,都是建
模的好例子。
本書就是要向大家介紹如何使用 Axure RP 8 軟件制作移動互聯(lián)網(wǎng)的網(wǎng)站原型。例如,如何制作一個微信聯(lián)系人對話框,如何制作一個類似iOS 里面拖動的橡皮筋效果。本書通過140 個熱門、經(jīng)典、流行的具體應(yīng)用案例,讓讀者熟悉整個建模的過程,從而利用Axure RP 8 這個神奇的工具,將自己的想法轉(zhuǎn)化成可以向別人介紹的逼真的原型。然后通過這個原型,獲得企業(yè)內(nèi)部的資源支持或項目主導(dǎo)者的認(rèn)可,討論并確認(rèn)需求,甚至獲得潛在投資人的支持,把握一個機會。
如果你的原型就是用來跟你熟識的一些產(chǎn)品經(jīng)理和工程師進行溝通交流,那么也許一個非常簡單的用于示意的原型圖就足夠了。因為你們彼此了解,很多的溝通可以通過語言和默契來完成,甚至不需要原型。如果你的原型是用來跟上司提案用的,那么就要做得相對詳細一些,尤其是涉及用戶交互和流程的部分。要讓他們清楚地了解,你的這個頁面是做什么的,怎么用,如何展現(xiàn)每個細節(jié)。尤其是在產(chǎn)品立項或者階段性審核的時候,原型做得越詳細,證明準(zhǔn)備得越充分,也就越容易面對質(zhì)疑,最終獲得認(rèn)可。注意,細節(jié)決定成敗這句話,其實應(yīng)該是關(guān)鍵的細節(jié)決定成敗,并非所有細節(jié)都要在模型階段進行展現(xiàn)。
如果你的原型是給客戶提案用的,那么這個時候在制作上就要盡可能的詳細。因為你希望客戶能夠說一句:這就是我想要的,就照著這個去做就可以了。有了客戶的確認(rèn),你才能放心地制作和開發(fā),才不會在最后要面對客戶的一句:這不是我們開始說的?既然客戶是消費者,那么就一定要盡量讓他們在開始階段就了解自己買了什么東西。筆者強烈建議在進行互聯(lián)網(wǎng)開發(fā)工作時,能夠在合同之外附上客戶確認(rèn)過的高保真原型圖,以給項目的最終審批
設(shè)定一個雙方共同認(rèn)可的標(biāo)桿,避免損失和誤解。
最后,最重要的一點,也是建議:如果你自己做原型時都覺得做得太過復(fù)雜,想不清楚,那么也就到了適可而止的時候了。畢竟,原型只是表達方式之一,你可以用文字、視頻、面對面的交流、比喻、類比,甚至是采用與另外一個網(wǎng)站直接做對比的方式把你的想法闡述清楚。很多偉大的創(chuàng)意和想法不是用PPT 表達的,那么很多精彩的設(shè)計自然也可以不完全靠原型來展現(xiàn)。
為鼓勵讀者多思考,勤實踐,本書部分案例只給出了案例描述和思路分析,而將詳細的設(shè)計過程放在了資源包里。讀者盡量先根據(jù)思路提示進行獨立設(shè)計,然后再掃描圖書封底二維碼,下載學(xué)習(xí)資源包,參照其中的標(biāo)準(zhǔn)步驟進行學(xué)習(xí),加深實踐認(rèn)知。
張志科,軟通動力信息技術(shù)(集團)有限公司軟件工程師,有豐富的實踐經(jīng)驗,目前微博粉絲量數(shù)萬。
目 錄
第 1 部分 入門起點篇
第1 章進入角色 2
1.1 Axure RP 8 概述 2
1.2 Axure RP 8 安裝與漢化 2
第2 章熟悉兵器 5
2.1 工作環(huán)境 5
2.2 交互設(shè)計 6
2.3 實用技巧 7
第2 部分 基礎(chǔ)知識篇
第3 章直言不諱 12
3.1 網(wǎng)站注冊界面12
3.2 用戶登錄界面17
3.3 找回密碼 21
3.4 精美提交按鈕27
3.5 文本框邊框變色 32
3.6 帶遮罩層的彈窗 36
3.7 郵箱格式驗證41
3.8 驗證手機號碼46
3.9 賬號登錄驗證46
3.10 自定義復(fù)選框 47
第4 章畫龍點睛 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 輸入手機號碼自動分段 74
4.9 彈出框 74
4.10 輸入驗證碼 75
第5 章滔滔不絕 76
5.1 文本超鏈接和頁面跳轉(zhuǎn)效果 76
5.2 唯一選中項 79
5.3 文本焦點效果 82
5.4 保持固定位置 86
5.5 拖動滑塊設(shè)置數(shù)字 89
5.6 單擊按鈕控制數(shù)字增減效果 92
5.7 60s 倒計時獲取驗證碼 95
5.8 單擊顯示/隱藏菜單效果 98
5.9 簡單可擴展的全選效果 98
5.10 顯示/隱藏二級菜單時一級菜單的顏色切換 99
第3 部分 進階提高篇
第6 章再接再厲 102
6.1 地圖點取坐標(biāo) 102
6.2 放大/還原圖像 108
6.3 頁面載入進度條 113
6.4 信息提交加載效果 116
6.5 輪盤按鈕 121
6.6 向上漂浮 129
6.7 表格添加/刪除操作 133
6.8 滑動驗證效果 133
6.9 表格分頁 134
6.10 雙向列表操作 134
第7 章個性拼比 136
7.1 單行選中變色 136
7.2 二維碼掃描效果 139
7.3 制作產(chǎn)品列表 145
7.4 圖片翻轉(zhuǎn) 148
7.5 秒表計時器 151
7.6 模擬鍵盤輸入 161
7.7 本地上傳圖片 168
7.8 嵌入自定義的百度地圖 169
7.9 開關(guān)效果 169
7.10 環(huán)狀運動 170
第8 章隨心所欲 171
8.1 中心點逐漸放大效果171
8.2 圖像放大效果 176
8.3 搜索引擎 185
8.4 錨點滾動效果 192
8.5 圖片層疊滾動效果 196
8.6 水泡導(dǎo)航欄 199
8.7 環(huán)形進度條 202
8.8 二維碼生成器 202
8.9 單選按鈕和選項組效果 203
8.10 滑動鼠標(biāo)頁面自動切換203
第9 章永無止境 205
9.1 微博登錄界面切換 205
9.2 QQ 個性簽名 209
9.3 下畫線伸縮效果214
9.4 彈球在區(qū)域內(nèi)運動的效果 217
9.5 添加標(biāo)簽交互效果 224
9.6 時鐘 228
9.7 點動畫效果 232
9.8 商品列表中的購物車 233
9.9 跑馬燈文字鏈 233
9.10 軌跡追蹤與回放 234
第4 部分 核心技術(shù)篇
第10 章海闊天空236
10.1 京東商城首頁banner 輪播效果 236
10.2 天貓標(biāo)簽切換效果 243
10.3 微信點贊效果 247
10.4 拖動排序 252
10.5 動漫書簽 260
10.6 微博字?jǐn)?shù)提示效果 264
10.7 搜狗搜索提示效果 268
10.8 拖動滑塊改變透明度交互效果 269
10.9 豆瓣電影評分 269
10.10 圖標(biāo)菜單 270
第11 章天衣無縫271
11.1 導(dǎo)航頂部吸附效果 271
11.2 產(chǎn)品詳情效果展示 276
11.3 選中復(fù)選框時文字添加到文本框 281
11.4 跳動的心 290
11.5 商品列表頁篩選排序 296
11.6 產(chǎn)品分類 301
11.7 根據(jù)選擇數(shù)量自動計算商品總金額 305
11.8 動態(tài)面板滑動效果.306
11.9 表格統(tǒng)計 306
11.10 下拉框省市二級聯(lián)動 307
第12 章精益創(chuàng)新 308
12.1 計算器308
12.2 統(tǒng)計圖314
12.3 獲取當(dāng)前時間 318
12.4 心理測試 324
12.5 鍵盤控制小人兒移動 338
12.6 照片墻341
12.7 手風(fēng)琴菜單 347
12.8 人際溝通風(fēng)格測試制作347
12.9 櫥窗圖片左右輪換 348
12.10 長按 3 秒顯示圖片 349
第 5 部分 高手終極篇
第13 章絢麗多彩352
13.1 分享到 QQ 空間 352
13.2 圖片拖動定位 360
13.3 ios 單選按鈕交互效果 363
13.4 通訊錄字母導(dǎo)航 373
13.5 簽到效果 377
13.6 搜索引擎 388
13.7 底部返回按鈕效果 389
13.8 手機撥號效果 390
13.9 商城列表頁頁面布局 390
13.10 模塊跟隨鼠標(biāo)移動方向滑動效果 391
第14 章趣味游戲392
14.1 九宮格拼圖游戲 392
14.2 幸運大轉(zhuǎn)盤399
14.3 擲骰子猜大小 405
14.4 抽獎贏金幣416
14.5 石頭剪刀布游戲 425
14.6 抓鬮小游戲 435
14.7 記憶連連看游戲 436
14.8 隨機雙色球 437
14.9 眼睛跟隨鼠標(biāo)轉(zhuǎn)動的小熊 437
14.10 飛揚的小鳥 438
第15 章天衣無縫 439
15.1 手機滑動刪除效果 439
15.2 微信看一看下拉刷新 446
15.3 手機垂直劃屏效果 458
15.4 手機多屏幕滑動 463
15.5 微信導(dǎo)航菜單 467
15.6 手機滑動解鎖 470
15.7 微信啟動閃屏效果.471
15.8 視頻彈幕 472
15.9 手機聊天對話框 472
15.10 側(cè)滑菜單 473