産品特色
編輯推薦
Axure RP 8.0軟件,從0 開始操作,從小白到打下紮實基礎、有效穩步地提升;
講解Axure RP 8.0係統全麵的知識結構,以及如何使原型開發的思路更加清晰流暢,提高産齣效率;
包含實戰項目引導,根據産品設計實際工作需求及實現快速完成學習到産齣的轉化。
內容簡介
本書的寫作初衷是以初學者的角度,由淺至深地引導讀者學習Axure RP 8.0的使用方法,從而實現學習目標。
本書不但適閤初學者學習,在知識結構與案例的安排上,也非常適閤工作中的查閱與參考。初學者隻需要按照從前至後的順序進行學習,就能夠迅速、全麵地掌握原型開發技能。具備一定原型開發基礎的讀者,也能夠在本書的大量案例之中,獲得各種實戰的參考。書中的案例均來自互聯網知名的網站或者APP中的一些典型交互內容,作者通過這些案例引導讀者學習如何進行原型的構建、邏輯的整理、思路的分析及交互的實現。
作者簡介
Axure官方推薦的中國地區培訓機構的講師
Axure原創教程網www.iaxure.com網站創始人
暢銷産品經理視頻課程《Axure RP 7.0從入門到精通》作者
暢銷書《Axure RP7.0從入門到精通 Web + APP産品經理原型設計》作者
暢銷書《Axure RP8 實戰手冊 網站和APP原型製作案例精粹》作者
華為大學互聯網産品原型課程特邀講師
中軟培訓特邀講師
多貝網特邀講師
網易雲課堂閤作講師
百度傳課閤作講師
E良師益友網特邀閤作講師
曾為華為集團、卓望集團、西部航空等企業提供現場谘詢與培訓服務。學員遍布百度、阿裏巴巴、騰訊、網易、新浪、搜狐等企業機構。
目錄
目 錄
第1篇 基礎
第 1 章 準備工作與注意事項/16
1.1 下載安裝 Axure RP 8.0/17
1.1.1 Windows 係統的安裝與漢化/17
1.1.2 Mac 係統的安裝與漢化/18
1.2 原型相關的文件類型/19
1.3 文件自動備份與找迴/19
1.4 功能區域的視圖設置/20
第 2 章 創建項目結構/21
2.1 使用 Xmind 進行項目結構梳理/22
2.2 根據思維導圖搭建原型頁麵結構/26
第 3 章 元件功能概述/27
3.1 鼠標的操作/28
3.2 元件的使用/29
3.2.1 使用軟件自帶元件庫/29
3.2.2 使用自定義元件庫/34
第 4 章 查看原型/35
4.1 本機預覽/36
4.2 共享發布 /38
4.3 在綫反饋 /40
4.4 Axure Share App/41
4.5 生成文件/44
4.6 瀏覽器插件/47
4.7 工具欄介紹/49
第 5 章 創建自適應視圖/51
5.1 不同設備的原型尺寸/52
5.2 創建不同設備的視圖/53
5.3 移動設備的瀏覽設置/54
第 6 章 概要與檢視功能/59
6.1 概要功能 /60
6.2 檢視功能——頁麵樣式/62
6.3 檢視功能——頁麵說明/65
6.4 檢視功能——頁麵屬性/65
6.5 檢視功能——元件命名/66
6.6 檢視功能——元件樣式/67
6.7 檢視功能——元件說明/73
6.7.1 添加元件說明/73
6.7.2 自定義說明字段/74
6.8 檢視功能——元件屬性/74
6.9 檢視功能——元件交互/87
6.10 檢視功能——組閤屬性/91
第 7 章 母版管理/95
7.1 母版簡介/96
7.2 添加 / 編輯 / 刪除/96
7.3 添加母版到頁麵中/97
7.4 從頁麵中移除母版/97
7.5 拖放行為/98
7.6 自定義觸發事件/98
第 8 章 標注與流程/103
8.1 頁麵快照 /104
8.2 便簽與標記/105
8.3 連綫與箭頭/108
第 9 章 其他/113
9.1 自定義元件庫/114
9.1.1 創建元件庫/114
9.1.2 製作自定義元件/115
9.1.3 使用元件庫/116
9.2 自定義形狀/117
9.3 鋼筆工具 /120
9.4 裁剪與切割圖片/120
9.5 網格與輔助綫/122
9.6 團隊項目 /124
9.7 圖標字體 /130
9.8 Web 字體/131
9.8.1 @font-face 代碼/131
9.8.2 鏈接到“.CSS”文件/134
第2篇 進階
第 10 章 動態麵闆/138
10.1 動態麵闆簡介/139
10.2 動態麵闆特性——容器/141
10.3 動態麵闆特性——多狀態/150
10.4 動態麵闆特性——循環/154
10.5 動態麵闆特性——拖動/158
10.6 動態麵闆特性——適應寬度/160
10.7 動態麵闆特性——相對固定/161
第 11 章 公式與自定義變量/164
11.1 公式的格式/165
11.2 自定義變量——局部變量/166
11.3 自定義變量——全局變量/174
第 12 章 條件與錶達式/184
12.1 條件的編輯/185
12.2 條件的類型/194
12.3 運算符與錶達式/209
12.3.1 算術運算符/209
12.3.2 關係運算符/209
12.3.3 邏輯運算符/211
第 13 章 係統變量與函數/216
13.1 概念簡介/217
13.2 元件/219
13.3 鼠標指針/248
13.4 窗口頁麵/253
13.5 數字/259
13.6 數學/263
13.7 日期/270
13.8 字符串/277
第 14 章 中繼器 /287
14.1 中繼器的組成/288
14.2 數據集——添加行/303
14.3 數據集——更新行/313
14.4 數據集——刪除行/316
14.5 數據集——標記行與取消標記行/323
14.6 項目列錶——排序/340
14.7 項目列錶——篩選/347
14.8 中繼器的屬性/358
第 15 章 中繼器的係統變量/367
15.1 係統變量——中繼器/368
15.2 係統變量——數據集/383
寫在最後…/392
案例目錄
案例 01 QQ 注冊頁麵的藍色漸變背景//64
案例 02 導航菜單樣式/69
案例 03 帶刪除綫的文字效果/72
案例 04 文本框中的提示/75
案例 05 圓角藍色邊框的文本輸入框/77
案例 06 動態樣式的按鈕效果/78
案例 07 頁麵中嵌入優酷視頻/81
案例 08 頁麵中嵌入百度地圖/82
案例 09 性彆的唯一選擇/85
案例 10 單擊按鈕等待 3 秒後打開作者的網站地址/88
案例 11 唯一選項選中效果/89
案例 12 觸發組閤中所有元件的鼠標交互/92
案例 13 母版的自定義觸發事件/99
案例 14 頁麵快照的應用/105
案例 15 頁麵快照的交互/106
案例 16 添加連接點/110
案例 17 黑桃圖標的製作/117
案例 18 單擊登錄按鈕顯示登錄麵闆/142
案例 19 水平菜單移入時彈齣隱藏效果/146
案例 20 垂直菜單單擊時展開收起效果/148
案例 21 淘寶搜索欄內容切換/151
案例 22 使用循環實現圖片輪播/155
案例 23 滑塊在一定範圍內拖動的效果/158
案例 24 橫嚮鋪滿屏幕的背景條/160
案例 25 導航菜單頂部固定的效果/162
案例 26 使用局部變量計算商品閤計/166
案例 27 單擊加減按鈕實現商品數量自增減/168
案例 28 圖片輪播中頁簽的切換(1)/171
案例 29 密碼找迴的跨頁麵傳遞數據/175
案例 30 跨頁麵控製動態麵闆狀態/180
案例 31 通過條件判斷限製商品數量/187
案例 32 失去焦點時判斷賬號閤法性(1)/188
案例 33 失去焦點時判斷賬號閤法性(2)/190
案例 34 手機號碼閤法性驗證/194
案例 35 注冊信息的閤法性驗證/200
案例 36 圖片輪播中頁簽的切換(2)/206
案例 37 使用條件錶達式進行判斷/212
案例 38 購物車數量自增減效果/220
案例 39 圖片輪播頁簽改變尺寸與單擊頁簽切換圖片/223
案例 40 通過焦點元件實現鍵盤為多個文本框輸入文字/229
案例 41 界麵滾動超過一屏高度時顯示返迴頂部按鈕 /231
案例 42 界麵滾動時改變搜索欄透明度/235
案例 43 唱片鏇轉與進度條效果/238
案例 44 百度雲網盤的右鍵菜單/249
案例 45 頁麵滾動時浮現的返迴頂部按鈕/254
案例 46 頁麵滾動時模塊頂部吸附效果/257
案例 47 屏幕中虛擬 Home 鍵水平方嚮自動停靠的交互//260
案例 48 單擊按鈕獲取 4 位隨機整數驗證碼/264
案例 49 拖動鏇鈕時自轉的交互效果/267
案例 50 動態數字時鍾(1)/273
案例 51 模擬物理時鍾 /275
案例 52 動態數字時鍾(1)/280
案例 53 輸入密碼與退格的交互效果/281
案例 54 手機端商品列錶(上)/290
案例 55 手機端商品列錶(下)/294
案例 56 手機端瀏覽器添加常用網站(上)/304
案例 57 手機端瀏覽器添加常用網站(下)/313
案例 58 手機端瀏覽器刪除常用網站(上)/316
案例 59 手機端瀏覽器刪除常用網站(下)/319
案例 60 手機端購物車中的多項刪除/323
案例 61 手機端購物車中的單項刪除/332
案例 62 手機端商品列錶的價格排序/341
案例 63 手機端商品列錶按名稱搜索/347
案例 64 手機端商品列錶按價格區間篩選/349
案例 65 手機端商品列錶多條件篩選/356
案例 66 項目列錶中單項選中的效果/359
案例 67 文件列錶的翻頁交互/369
案例 68 移動端列錶嚮上滑動時加載更多商品項/377
案例 69 音樂播放列錶的歌麯編號/384
案例 70 移動端瀏覽器前 3 個圖標禁止刪除/387
Axure RP8 入門手冊:網站和App原型設計從入門到精通 內容簡介 歡迎翻開這本《Axure RP8 入門手冊:網站和App原型設計從入門到精通》。在這本詳盡的指南中,我們將帶領您一步步掌握Axure RP8這一強大的原型設計工具,讓您能夠從零開始,構建齣專業、精美的網站和App原型,並最終成為一名熟練的原型設計專傢。 我們深知,在數字化浪潮洶湧的今天,清晰、可交互的原型是連接創意與現實、産品與用戶的關鍵橋梁。一個優秀的原型不僅能夠直觀地展現設計理念,更能有效地收集反饋,優化用戶體驗,規避潛在風險,從而大大提升産品開發效率和成功率。而Axure RP8,憑藉其在交互設計、動態麵闆、條件邏輯等方麵的卓越錶現,早已成為行業內公認的標杆級原型設計軟件。 本書並非簡單羅列軟件功能,而是將您置於一個真實的、循序漸進的學習場景中。從對Axure RP8基礎界麵的熟悉,到掌握核心的組件庫和控件運用;從靜態頁麵的搭建,到賦予原型生動的交互生命力;從簡單的頁麵跳轉,到復雜的邏輯判斷和動態效果的實現。我們將通過大量實戰案例,引導您理解每一個操作背後的設計邏輯和應用場景,讓您真正做到“知其然,更知其所以然”。 第一部分:基礎入門——夯實根基,邁齣第一步 在正式開啓原型設計之旅前,瞭解Axure RP8的工作環境至關重要。第一部分,我們將帶領您熟悉Axure RP8的整體界麵布局,包括菜單欄、工具欄、側邊欄(頁麵管理、母版、樣式、交互、注釋等)以及畫布區域。您將學會如何創建新項目,理解項目結構,以及如何有效地組織和管理您的設計文件。 接下來,我們將深入講解Axure RP8的核心構建單元——控件。您將瞭解各種常用控件的屬性和用途,例如: 形狀控件(Shape): 理解矩形、橢圓形、綫條等基本形狀的繪製與編輯,它們是構成UI界麵的基礎。 文本框(Text Field)與標簽(Label): 學習如何創建用戶輸入區域和展示文本信息,並瞭解它們的常用屬性,如內容、對齊方式、字體大小等。 按鈕(Button)與鏈接(Link): 掌握如何創建可點擊的交互元素,理解按鈕的不同狀態(默認、懸停、按下)以及鏈接的跳轉邏輯。 下拉列錶(Dropdown List)、復選框(Checkbox)、單選按鈕(Radio Button): 學習如何構建錶單元素,實現用戶選擇功能。 圖像(Image)與圖片熱區(Image Map): 瞭解如何導入圖片並為其添加交互熱點,實現更豐富的視覺效果。 您還將學會如何運用母版(Master)來提升設計效率。母版允許您創建可復用的設計元素(如導航欄、頁腳、側邊欄等),一旦母版內容更新,所有應用該母版頁麵的相應部分將同步更新,這對於大型項目尤其重要。 此外,樣式(Style)功能也是 Axure RP8 的一大亮點。我們將教您如何創建和管理顔色、字體、邊框、陰影等樣式屬性,並將其應用到不同的控件上。通過統一的樣式管理,您可以輕鬆地保持整個項目視覺風格的一緻性,並進行快速的風格調整。 第二部分:交互設計——賦予原型生命,模擬真實體驗 僅僅靜態的界麵是不夠的,原型設計的精髓在於其交互性。第二部分將是本書的核心,我們將帶領您進入 Axure RP8 的交互設計世界。 事件(Events)與動作(Actions): 您將深入理解 Axure RP8 的事件驅動機製。學習如何為控件添加各種交互事件,例如“單擊時(OnClick)”、“鼠標懸停時(OnMouseEnter)”、“頁麵加載時(OnPageLoad)”等。並將這些事件與相應的動作關聯起來,例如“打開鏈接(Open Link)”、“顯示/隱藏(Show/Hide)”、“啓用/禁用(Enable/Disable)”等。 頁麵跳轉與導航: 掌握如何創建不同頁麵之間的跳轉,實現網站或App的導航流程。我們將演示如何設置頁麵鏈接、彈齣窗口、以及基於用戶操作的復雜導航邏輯。 動態麵闆(Dynamic Panels): 這是 Axure RP8 中實現復雜交互和狀態切換的利器。您將學習如何創建動態麵闆,並在其中添加多個頁麵(Pages)或狀態(States)。通過切換動態麵闆的狀態,您可以模擬如輪播圖、選項卡切換、模態框彈齣、抽屜式導航等多種交互效果。我們將詳細講解如何為動態麵闆的切換設置動畫效果,使其更加流暢自然。 中繼器(Repeater): 對於需要展示列錶、網格或其他重復性內容的場景,中繼器將是您的得力助手。您將學習如何使用中繼器來生成動態列錶,並為列錶項添加交互功能,實現數據的動態加載和更新,模擬真實數據展示的效果。 條件邏輯(Conditions): 進階交互設計離不開條件判斷。我們將教您如何利用Axure RP8的條件邏輯功能,根據用戶的特定操作或變量的值,觸發不同的交互動作。這可以幫助您設計齣更智能、更貼閤用戶行為的原型,例如根據用戶輸入的內容來改變按鈕的可點擊狀態,或者根據用戶選擇的選項來顯示不同的內容。 變量(Variables): 掌握變量的使用,是實現復雜交互的關鍵。您將學習如何創建局部變量和全局變量,用來存儲用戶輸入、狀態信息等數據。並通過變量與動作的結閤,實現更精細化的交互控製,例如用戶登錄狀態的記錄、購物車商品數量的纍加等。 頁麵嵌套與包含(Page Nesting & Include): 對於大型項目,閤理的頁麵組織結構至關重要。我們將介紹如何利用頁麵嵌套和包含功能,將常用的頁麵元素或內容模塊化,提高復用性和可維護性。 第三部分:高級技巧與實戰應用——精益求精,應對挑戰 在掌握瞭基礎和核心交互功能後,第三部分將帶您深入探索Axure RP8的高級技巧,並結閤實際項目場景進行應用。 響應式設計(Responsive Design): 麵對不同尺寸的屏幕(桌麵、平闆、手機),如何設計齣能夠自適應布局的原型?我們將講解如何利用Axure RP8的自適應視圖(Adaptive Views)功能,為不同屏幕尺寸創建獨立的布局,確保您的原型在各種設備上都能獲得良好的用戶體驗。 團隊協作與注釋: 在團隊開發中,有效的溝通和協作至關重要。我們將介紹Axure RP8的團隊項目功能,以及如何利用注釋(Comments)功能,方便團隊成員之間進行反饋、交流和標注。 原型預覽與分享: 設計完成的原型需要清晰地呈現給客戶或團隊成員。您將學習如何生成高保真原型,並利用Axure RP8的發布功能,生成可交互的原型鏈接,方便在綫預覽和分享。 常用設計模式解析: 本部分還將結閤實際案例,解析一些常見的UI設計模式,例如: 登錄注冊流程: 如何設計一套完整、用戶友好的登錄注冊流程。 商品列錶與詳情: 如何展示商品信息,並實現流暢的列錶與詳情頁切換。 購物車與訂單流程: 如何設計用戶添加商品、結算、提交訂單等核心流程。 數據可視化圖錶: 演示如何使用Axure RP8的模擬數據功能,展示簡單的圖錶和數據趨勢。 性能優化與注意事項: 在設計復雜原型時,性能優化是一個不可忽視的問題。我們將提供一些關於如何保持原型流暢運行的建議和技巧。 從原型到落地: 本書也將會探討,一個好的原型如何更有效地指導後續的開發工作,以及如何與開發團隊進行清晰的溝通,確保設計理念得以完美實現。 本書特色 循序漸進的教學體係: 從基礎知識到高級技巧,由淺入深,確保每一位讀者都能紮實掌握。 豐富的實戰案例: 大量貼近實際工作場景的案例,讓您在實踐中學習,在學習中提升。 詳細的操作指導: 精準的截圖和文字描述,清晰展示每一步操作,避免走彎路。 強調設計思維: 不僅僅是軟件操作,更注重引導讀者理解原型設計的核心理念和最佳實踐。 針對Axure RP8的最新功能: 確保您學習到的知識與時俱進。 無論您是UI/UX設計師、産品經理、前端開發者,還是希望進入原型設計領域的新人,本書都將是您不可或缺的入門和進階指南。通過閱讀和實踐本書的內容,您將能夠自信地運用Axure RP8,將您的創意構想轉化為高質量、高保真的可交互原型,為您的産品開發之路注入強大的動力。 讓我們一起,用Axure RP8,開啓您的原型設計精通之旅!