Axure RP 9實用教程：原型+高保真+交互+設計 ( 簡體 字) |
| 作者：祁興華 | 類別：1. -> 程式設計 -> 論壇 |
| 譯者： |
| 出版社：電子工業出版社 |  3dWoo書號： 51739
詢問書籍請說出此書號！【缺書】
NT售價： 445 元 |
| 出版日：9/1/2019 |
| 頁數：300 |
| 光碟數：0 |
|
站長推薦：   |
| 印刷：全彩印刷 | 語系： ( 簡體 版 ) |
| |
加入購物車  │加到我的最愛
(請先登入會員) |
| ISBN：9787121371981 |
| 作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
| (簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
| 作者序： |
| 譯者序： |
前言：為什么要寫本書
作為Axure RP的擁戴者與資深用戶，有必要幫助Axure的初學者或者希望進一步深入學習Axure的用戶做點什么。為了幫助大家能夠系統性的學習Axure RP9，經過大半年的試用研究，總結編寫了這份學習教程。本書有淺入深地講解了Axure RP9的基礎功能，講解過程中結合具體的案例幫助大家加深對元件交互功能的理解。本書的最后兩個章節，都是滿滿的干貨案例，旨在通過具體的元件案例和頁面制作案例，來幫助大家找到Axure R9的交互使用場景，同時也是檢查并鞏固理論學習的過程。理論與實踐的完美結合，才能夠使得我們在進行原型設計時游刃有余，從容淡定。
本書的產生過程
美國時間2018年9月5日，Axure官方博客首次對外公布了Axure RP9 Betal版的下載地址，我在第一時間體驗了這一重大版本。在使用體驗的過程中，每使用一個功能都會記錄下來，記錄的內容既有知識的分析歸納，經驗的總結分享，還有一些改進建議。改進建議的部分通過官方渠道進行了反饋。體驗的初期，Axure RP9的界面與交互構建器的改造對于我來說，還有些不適應，但隨著對Axure RP9的深度使用，你會發現這種不適應只是出于本能的對新事務的一種抗拒，對舊事物的一種懷念而造成的。很快，我已經習慣并喜歡上了Axure RP9簡潔的界面、更符合心智流程的交互構造器以及更快的交互渲染引擎。Axure RP9的普及與推廣是一種必然的趨勢，慢慢的會逐漸成為最主流的版本。
原本只是出于興趣編寫一些使用知識與經驗技巧，分享到網絡平臺。但由于一次偶然的機會，本書的策劃編輯安麒在簡書平臺發現了我編寫的關于Axure RP9教程的文集，便聯系到我，希望出版一本關于Axure RP9教程的書籍。在后來的合作過程中，安麒對我提供了很大的幫助，本書能夠順利出版與他們的耐心指導與辛苦付出是分不開的。在此，我想對安麒由衷的表示感謝！也感謝家人在背后的默默支持，有了他們的支持，才有更多精力投入到寫作中。
什么是產品原型
要了解什么是原型，我們不妨從了解線框圖、原型和視覺稿的區別開始。初學設計的讀者可能會混淆這三者，搞不清楚他們之間的區別，因此在正式的學習教程之前，我們需要了解清楚這三個概念，對于后續學習教程的內容是十分有幫助的。
線框圖又稱低保真設計圖，通常用黑白灰線條來表達界面，并在旁邊標注說明一些解釋性的文字。通常為產品的大綱，頁面的信息結構以及交互行為描述。使用Axure RP9可以方便快捷的繪制線框圖，系統提供了豐富的元件以便我們繪制線框圖，當然我們也可以利用紙和筆繪制線框圖。線框圖的最大的優點在于“快捷高效”，繪制時不要關注一些細節的問題，完成整體結構的繪制，表達出設計思想和產品意圖即可。視覺層面的元素，在這個階段不需要過多關注，盡量簡化，黑白灰是線框圖的經典配色，當然我們可以使用藍色表示超鏈接。
原型的保真程序介于線框圖和視覺稿之間，是最終產品的模型，原型能夠表達出產品的交互邏輯。本書主要講解如何使用Axure RP這款工具制作產品原型。原型對于互聯網產品來說非常重要，對于產品設計來說至關重要，主要在于原型能夠做到以下5點：
1. 快速、便捷、準確的傳達產品需求；
2. 降低修改成本，做到快速更新和迭代；
3. 快速有效的驗證一些假設條件和早期的想法；
4. 通過可視化的方法表達產品需求；
5. 提高團隊溝通的效率與質量。
原型設計需要盡可能的與最終產品保持一致。完成原型后，我們先別著急進行研發，首先我們將原型發送給項目的主要干系人進行可用性測試，大家通過體驗原型，發現產品設計中的問題并提出反饋意見。根據收集的問題或建議從而調整原型，最終的原型將指導后續的視覺設計、程序開發、功能測試等項目實施工作。在原型階段發現問題的修改成本要遠遠低于開發階段。
視覺設計稿是高保真原型的靜態設計圖。將視覺設計稿制作成可交互的原型就是高保真原型了。視覺設計稿一般通常由團隊的平面設計師或UI設計師完成，視覺設計稿可以幫助團隊從視覺審美的角度審視產品，提升產品的顏值。高顏值的視覺設計稿加上符合邏輯的交互動作制作而成的高保真原型，無論是給老板、投資人看或者用于產品評審收集建議都是最佳選擇。
先學點專業名詞
在學習原型設計之前，我們希望大家了解下面的專業名詞，因此這將有助于讀者更加深刻的理解本書將要講解的知識與經驗。
UI 全稱User Interface，中文名“用戶界面”。
UE 全稱User Experience，中文名“用戶體驗”。
UX 全稱User eXperience，中文名“用戶體驗”。
UI是用戶界面的簡稱，一般指數字化產品的用戶操作界面，包含PC網頁、移動終端的應用程序、智能穿戴設備等。UI設計主要指界面的樣式設計、美觀程度，與交互設計不同的是，UI設計領域的范圍主要為靜態的視覺化的界面設計。交互設計則是從使用角度上，對界面的人機交互、操作邏輯上的可用性與易用性設計。
UE與UX從中文的角度來看定義則是相同的。用戶體驗是指用戶使用產品或服務的過程中的個人主觀感受。個人的主觀感受包含行為、情感、成就等各個方面。用戶體驗就是這些感受的整體體驗，用戶界面只是其中的一部分。因此用戶體驗則是受多方面的因素影響，包含品牌度、個人使用經驗以及用戶的認知等。
可用性與易用性作為衡量用戶體驗的兩個重要指標，它們的好壞將直接影響用戶體驗的結果。
可用性是交互式IT產品/系統的重要質量指標，指的是產品對用戶來說有效、易學、高效、好記、少錯和令人滿意的程度，即用戶能否用產品完成他的任務，效率如何，主觀感受怎樣，實際上是從用戶角度所看到的產品質量，是產品競爭力的核心。
易用性是一種以使用者為中心的設計概念，易用性設計的重點在于讓產品的設計能夠符合使用者的習慣與需求。以互聯網網站的設計為例，希望讓使用者在瀏覽的過程中不會產生壓力或感到挫折，并能讓使用者在使用網站功能時，能用最少的努力發揮最大的效能。
為什么需要原型
當我們掌握了原型設計的一些技能后，可以快速將心中所想的方案與創意通過可視化的界面呈現出來。如果沒有直觀的可視化原型界面，我們將很難向別人闡述我們的完美方案與絕妙創意。正是因為有了原型，我們能夠高效、準確的向別人展示我們的想法與創意，極大地提升了我們的溝通效率與溝通質量。
當我們真正開始原型設計時，我們會對我們的產品功能與流程理解的更為深刻，甚至是發現我們最初想法的不足之處以及一些細節問題。原型設計的過程，其實也是在檢驗我們的產品功能。原型設計過程中，能夠確定產品的結構，進一步明確需求范圍；通過原型設計，還可以梳理清楚產品功能之間、頁面之間內在的邏輯關聯，驗證業務流程的合理性。
原型作為產品上線前的仿真模型，基本與上線后的產品在功能、交互上保持一致。我們可以通過查看產品原型，來檢驗產品的可用性與易用性，并發現一些產品細節設計上的不足之處。通過體驗產品原型，可以收集用戶的反饋建議，這些用戶建議對于改進我們的產品設計、提升用戶使用體驗，提供了很大幫助。
哪些人會看原型
投資人或者老板通過原型能夠看到產品上線后的樣子，根據原型進行判斷項目是否值得投資，一份優秀的原型能夠清晰的描繪出產品的發展藍圖，能夠促使投資人盡快作出投資決策，對項目更有信心。
項目經理根據確定的原型，可以清晰的知道需要哪些資源完成項目工作，參照原型界面項目經理可以完成工作分解、任務排期、工作量評估、項目驗收等項目管理工作。
有了原型，產品經理據此確認產品需求及交互邏輯，編寫需求文檔時插入原型圖，可以更清晰的說明功能需求。原型設計一旦得到產品經理的確認后，就成為了后續工作的指導準則。
有了原型后，UI設計師們的工作將會變得輕松一些，將精力專注于視覺層面的配色及陰影等立體效果，界面的布局和信息展示在原型中已經完成。有了這樣的規范流程與專業分工，最終完成的產品設計質量將會更高。
一份專業的原型能夠讓研發工程師清晰的了解產品需求，明確接下來的主要工作。研發人員參照原型，進行技術框架選型，設計數據庫與接口、完成接口參數的定、制定數據傳輸規則等相關內容。
有了產品原型，測試工程師可以明確產品的功能需求并據此編寫測試用例。測試工程師更關注產品功能的細節問題以及特殊場景下的使用需求，常常會在邊界測試中發現原型設計的一些問題，促使我們完善原型。
誰需要學習原型
交互設計師是指參與完成對產品與它的使用者之間的互動機制進行分析、預測、定義、規劃、描述和探索的過程的設計師，即定義人造物的行為方式的工作者。交互指的是產品與它的使用者之間的互動過程，而交互設計師則是秉承以用戶為中心的設計理念，以用戶體驗度為原則，對交互過程進行研究并開展設計的工作人員。交互設計師的工作緊緊圍繞著人機交互的各種行為，原型是最能夠直觀反應交互行為的設計載體，因此，原型成為了交互設計師的主要產出物。
很多中小型的互聯網公司都沒有交互設計師崗位，因此交互方面的工作都由產品經理完成，比如交互行為的分析與研究，原型的制作等。各大招聘網站對產品經理的崗位要求也明確寫明了需要熟練使用Axure設計產品原型。因此在很多中小企業，原型設計已經為產品經理的必備技能。
熟練使用Axure設計產品原型已經成為交互設計師和產品經理的一個必備基礎工作能力，招聘網站中各大公司對這兩個崗位的任職要求我們能夠看出這一趨勢。如果你正在從事或即將從事這兩個崗位，那么學好Axure設計產品原型已經成為必須要做的一件事。 |
內容簡介：本書通過大量簡單易懂的場景案例，采用以案例帶知識點的形式，全面介紹了Axure RP9.0的使用方法和設計技巧。本書免費附贈案例源文件，方便大家參考練習。通過閱讀本書，讀者不僅可以全面掌握Axure RP的各項功能，而且還可以靈活地繪制出各類精美的原型圖，快速成為原型設計高手。 本書的前三大章節—繪制線框圖、掌握基礎交互、成為交互高手，詳細的講解了Axure RP9的基礎知識，對于一些高級復雜的交互運用，通過單獨的節點進行專項講解。后兩章—元件案例與綜合案例部分不僅帶領讀者完成了數字產品中常見的交互案例設，同時還原了簡書App和微信App的完整交互。本書的末尾還為讀者們總結了一套原型設計的規范，方便讀者遵循規范進行設計。 本書適合Axure RP原型設計的新手和進階讀者閱讀，同時也適合院校的同學和老師參考閱讀。 |
目錄：第1章 繪制線框圖
1.1 Axure RP 9的安裝與漢化 2
1.1.1 下載安裝包與漢化包 2
1.1.2 安裝Axure RP 9 3
1.1.3 Axure RP 9漢化 5
1.2 Axure RP 9的優化與改進 7
1.2.1 界面布局改版 7
1.2.2 元件功能優化 8
1.2.3 交互設置流程優化 9
1.2.4 其他改進 9
1.2.5 小結 9
1.3 初識Axure RP 9 10
1.3.1 操作界面 10
1.3.2 自定義工作界面 10
1.3.3 菜單欄 11
1.3.4 工具欄 12
1.3.5 頁面與大綱面板 13
1.3.6 元件庫與母版面板 14
1.3.7 樣式/交互/注釋面板 16
1.4 元件說明（一） 18
1.4.1 元件概述 18
1.4.2 形狀元件 18
1.4.3 圖片元件 22
1.4.4 水平線和垂直線 25
1.4.5 圖像熱區 26
1.5 元件說明（二） 27
1.5.1 動態面板 27
1.5.2 內部框架 29
1.5.3 中繼器 30
1.6 元件說明（三） 34
1.6.1 文本框 34
1.6.2 文本域 35
1.6.3 下拉列表 35
1.6.4 列表框 36
1.6.5 復選框 36
1.6.6 單選按鈕 37
1.6.7 樹 38
1.6.8 表格 39
1.6.9 水平菜單和垂直菜單 39
1.6.10 標記 40
1.7 元件操作 41
1.7.1 基本操作 41
1.7.2 編輯元件樣式 43
1.7.3 元件專有屬性 43
1.7.4 元件“樣式”面板說明 45
1.7.5 元件樣式管理 46
1.8 頁面樣式說明 46
1.8.1 頁面樣式 46
1.8.2 頁面樣式管理 48
1.8.3 標尺/尺寸/網格 48
1.8.4 輔助線 49
1.8.5 元件對齊設置 50
1.9 生成原型 50
1.9.1 概述 50
1.9.2 原型預覽 50
1.9.3 生成與查看HTML文件 51
1.9.4 生成Word說明書 54
1.9.5 生成CSV報告 58
1.9.6 打印設置 59
第2章 掌握基礎交互
2.1 基礎交互 62
2.1.1 交互概述 62
2.1.2 交互事件 62
2.1.3 交互情形 65
2.1.4 交互動作 66
2.1.5 案例說明 68
2.2 基礎交互案例 70
2.1.1 導航菜單 70
2.2.2 顯示/隱藏對話框 72
2.1.3 幻燈片輪播 73
2.3 母版 74
2.3.1 母版基礎知識 74
2.3.2 重寫母版數據 76
2.3.3 母版引發事件 76
2.3.4 引發事件使用案例 77
2.4 動態面板 78
2.4.1 什么是動態面板 78
2.4.2 添加動態面板 79
2.4.3 動態面板事件 79
2.4.4 案例說明——發現魅力 80
2.5 流程圖 83
2.5.1 流程圖概述 83
2.5.2 繪制流程圖 84
2.5.3 流程圖標記 85
2.5.4 快照 85
2.5.5 生成流程圖 86
2.6 調色板 86
2.6.1 顏色三要素 86
2.6.2 單色 87
2.6.3 線性漸變 88
2.6.4 徑向漸變 89
2.6.5 顏色屬性 89
2.6.6 其他說明 90
2.6.7 案例講解 91
2.7 鋼筆工具 93
2.7.1 鋼筆工具概述 93
2.7.2 繪制圖形 93
2.7.3 管理節點 94
2.7.4 變換形狀 94
2.7.5 形狀與圖片的轉換 95
2.7.6 案例：emoji表情 96
第3章 成為交互高手
3.1 中繼器 98
3.1.1 中繼器概述 98
3.1.2 中繼器排序 98
3.1.3 數據篩選 99
3.1.4 分頁 100
3.1.5 添加/移除中繼器的項 100
3.2 中繼器案例 103
3.2.1 案例：商品列表 103
3.2.2 案例2：用戶信息 108
3.3 變量說明 112
3.3.1 變量概述 112
3.3.2 局部變量 113
3.3.3 全局變量 114
3.4 變量案例 115
3.4.1 案例：table標簽切換 115
3.4.2 案例：登錄歡迎頁 117
3.4.3 小結 118
3.5 函數說明 118
3.5.1 概述 118
3.5.2 函數分類 118
3.5.3 函數使用說明 118
3.6 函數案例 123
3.6.1 案例：知乎詳情導航 123
3.6.2 案例：簡易計算器 125
3.6.3 案例：滑桿 127
3.6.4 案例：文字計數 130
3.7 邏輯條件 131
3.7.1 邏輯條件概述 131
3.7.2 如果或否則 131
3.7.3 條件關系——全部和
任何 132
3.7.4 運算符和表達式 133
3.7.5 多條件情形 134
3.7.6 條件邏輯案例 135
3.8 自定義元件 138
3.8.1 自定義元件概述 138
3.8.2 新建自定義元件 139
3.8.3 添加自定義元件 139
3.8.4 添加注釋和交互 139
3.8.5 元件庫按文件夾分類 140
3.8.6 自定義樣式及屬性 140
3.9 自適應視圖 141
3.9.1 為什么需要自適應視圖 141
3.9.2 創建自適應視圖 141
3.9.3 編輯自適應視圖 142
3.9.4 預覽和生成自適應視圖 144
3.9.5 自適應案例：文章列表 144
3.10 Axure Share 145
3.10.1 什么是Axure Share? 145
3.10.2 注冊Axure Share賬號 146
3.10.3 項目上傳與更新 146
3.10.4 項目管理 148
3.10.5 討論 149
3.10.6 插件 150
3.10.7 漂亮網址 151
3.10.8 重定向 152
第4章元件案例章
4.1 返回頂部 154
4.1.1 返回頂部概述 154
4.1.2 交互分析 154
4.1.3 素材準備 154
4.1.4 交互設置 155
4.2 驗證碼 158
4.2.1 圖文驗證碼 158
4.2.2 滑塊驗證碼 159
4.3 倒計時 165
4.3.1 概述 165
4.3.2 交互分析 166
4.3.3 素材準備 166
4.3.4 交互設置 166
4.4 五星好評 171
4.4.1 概述 171
4.1.2 交互分析 171
4.1.3 素材準備 171
4.4.4 交互設置 172
4.5 輪播圖 177
4.5.1 概述 177
4.5.2 交互分析 177
4.5.3 素材準備 177
4.5.4 交互設置 178
4.6 評論字數限制與清空 181
4.6.1 評論概述 181
4.6.2 交互分析 181
4.6.3 素材準備 181
4.6.4 交互設置 182
4.7 百度搜索提示 183
4.7.1 概述 183
4.7.2 交互分析 184
4.7.3 元件素材準備 184
4.7.4 交互設置 185
第5章 綜合案例
5.1 彈幕 188
5.1.1 彈幕概述 188
5.1.2 交互分析 188
5.1.3 元件素材準備 189
5.1.4 交互設置 190
5.2 下拉刷新 191
5.2.1 概述 191
5.2.2 以簡書、知乎為代表的下
拉刷新 192
5.2.3 以微博、頭條為代表的下拉
刷新 195
5.3 注冊與登錄 198
5.3.1 概述 198
5.3.2 注冊 199
5.3.3 登錄 205
5.4 購物車 209
5.4.1 購物車概述 209
5.4.2 準備元件素材 209
5.4.3 交互分析 212
5.4.4 交互設置 212
5.5 QQ音樂 229
5.5.1 概述 229
5.5.2 線框圖準備 230
5.5.3 交互分析 230
5.5.4 交互設置 231
5.6 微信 235
5.6.1 概述 235
5.6.2 微信架構 235
5.6.3 交互設計 237
5.7 簡書 262
5.7.1 概述 262
5.7.2 簡書是什么 262
5.7.3 頁面結構 262
5.7.4 交互設計 263
附錄A：原型設計規范 280
附錄B：Axure RP 9 快捷鍵 285 |
| 序： |
