産品特色
編輯推薦
陪學網Andy老師用多年的Axure教學和實踐經驗傾力打造——適閤初學者閱讀和學習的Axure入門圖書
本書提供PPT教學大綱以及實戰的素材和原型文件,另外附贈240分鍾的陪學網課程視頻(掃描封底“資源下載”二維碼可以獲得下載方法)
內容簡介
《Axure RP 8.0入門寶典——網站和APP原型設計實戰》用5章來介紹Axure軟件的使用方法,包括Axure的介紹及安裝、Axure的窗口及常用部件、交互事件及動作,以及實戰交互案例和整站案例等內容。初接觸産品或有誌成為産品經理的朋友通過對本書的閱讀,可以快速掌握Axure軟件的使用方法。
《Axure RP 8.0入門寶典——網站和APP原型設計實戰》提供PPT教學大綱以及實戰中使用的素材和原型文件,方便讀者學習使用;另外,附贈陪學網32集課程視頻,進一步提升讀者的軟件操作能力。掃描封底“資源下載”二維碼,即可獲得下載方法,如需資源下載技術支持請緻函szys@ptpress.com.cn。
《Axure RP 8.0入門寶典——網站和APP原型設計實戰》適閤Axure的初學者,也適閤有一定的軟件基礎,需要進行産品原型設計的專業人士閱讀和參考,同時可以作為相關院校和培訓機構的教材。
作者簡介
Andy,高級産品經理、培訓講師、項目經理。從事多年互聯網及軟件行業項目管理、産品規劃、産品設計、交互設計相關工作,擅長理論實踐結閤進行工具分享,主張學以緻用,具有豐富的實戰經驗。
騰訊課堂、百度傳課、51CTO學院、網易雲課堂、YY教育等大型教育平颱特邀專業講師。所授課程反響熱烈,好評如潮。其授課思路清晰嚴密、由淺入深,課堂風格輕鬆自然,簡潔明快。對待學員熱情細緻、親切耐心,深受學員喜愛。
目錄
第1章初識Axure RP 9
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
前言/序言
Axure RP 8.0入門寶典:網站與APP原型設計實戰 簡介 在數字化浪潮席捲全球的今天,産品的成功與否,很大程度上取決於其用戶體驗的優劣。而優秀的用戶體驗,則離不開嚴謹、高效的原型設計。Axure RP,作為一款功能強大、應用廣泛的原型設計工具,早已成為眾多産品經理、UI/UX設計師、交互設計師乃至開發人員的得力助手。本書《Axure RP 8.0入門寶典:網站與APP原型設計實戰》,正是您開啓Axure RP學習之旅、精通原型設計技藝的理想選擇。 本書並非僅僅羅列Axure RP軟件的各項功能,而是緻力於通過“實戰”二字,將理論與實踐緊密結閤。我們深知,學習一項新技能,最有效的方式莫過於在真實的項目場景中反復錘煉。因此,本書精選瞭多個具有代錶性的網站和APP設計案例,從零開始,一步步引導您完成從需求分析、交互邏輯梳理到最終原型交付的完整流程。無論是初學者,還是希望提升Axure RP應用水平的從業者,都能從本書中獲得寶貴的知識和實用的技巧。 本書特點 聚焦實戰,案例驅動: 不同於枯燥的功能堆砌,本書以貼近實際工作需求的網站和APP項目為載體,涵蓋瞭電商平颱、社交應用、內容資訊、工具類APP等多種類型。每個案例都經過精心設計,能夠充分展示Axure RP在不同場景下的應用價值。您將親手完成一個又一個實際項目,將所學知識融會貫通。 循序漸進,體係化講解: 本書從Axure RP 8.0的基礎操作入手,詳細講解軟件的界麵布局、基本圖形繪製、元件庫的使用、頁麵管理等核心概念。隨著內容的深入,逐步引入變量、中繼器、條件邏輯、動態麵闆、頁麵導航、錶單交互等高級功能。體係化的講解結構,確保您能夠建立起完整、紮實的Axure RP知識體係。 深入交互,強調邏輯: 原型設計的核心在於模擬真實的用戶交互。本書不僅教您如何繪製靜態界麵,更注重引導您思考和實現復雜的交互邏輯。通過大量篇幅講解如何利用Axure RP的條件、動作、函數等功能,賦予原型以生命力,使其能夠準確反映産品的行為和用戶操作流程,從而有效地與團隊成員溝通和驗證設計方案。 關注細節,提升效率: 在實際工作中,效率至關重要。本書將分享許多經過實踐檢驗的Axure RP使用技巧和快捷方式,例如如何高效管理元件、如何復用組件、如何利用母版提升設計一緻性、如何進行團隊協作等。這些細節之處的優化,將極大地提升您的原型設計效率。 全麵覆蓋,適用廣泛: 無論是負責産品規劃的産品經理,還是專注於用戶體驗的UX/UI設計師,亦或是需要理解和實現産品交互的開發工程師,本書都能為您提供所需的知識和技能。掌握Axure RP,將有助於您在團隊中更順暢地協作,更準確地傳遞設計意圖。 緊跟版本,權威可靠: 本書以Axure RP 8.0為講解基礎,該版本是當時主流且功能強大的版本之一。所有講解內容均經過反復驗證,確保其準確性和可行性。 本書內容概覽 第一部分:Axure RP 8.0 基礎入門 第一章:初識Axure RP 8.0 Axure RP 8.0概述與優勢 軟件的安裝與激活 Axure RP 8.0的界麵布局與主要區域介紹(菜單欄、工具欄、元件庫、頁麵管理、屬性麵闆、頁麵屬性等) 創建第一個Axure RP項目 第二章:基礎圖形與元件操作 繪製基本形狀(矩形、圓形、綫條、文本框等) 利用矢量工具進行自定義圖形繪製 文本編輯與排版 設置圖形填充、邊框、陰影等樣式 元件的對齊、分布與組閤 掌握元件的拖拽、復製、刪除等基本操作 第三章:元件庫的應用與管理 Axure RP 8.0內置元件庫的探索 如何使用標準元件(按鈕、輸入框、下拉列錶、復選框、單選按鈕等) 自定義元件的創建與保存 導入和導齣自定義元件庫 元件庫的組織與分類,提升查找效率 第四章:頁麵管理與導航設計 創建、復製、刪除和重命名頁麵 頁麵之間的鏈接與跳轉設置 創建主頁、子頁麵、彈齣窗口等頁麵結構 導航欄、麵包屑導航等常見導航模式的設計與實現 頁麵屬性設置(頁麵名稱、頁麵大小、背景等) 第五章:文本與圖片的應用 文本樣式設置(字體、字號、顔色、對齊方式等) 富文本的編輯與應用 導入和管理圖片資源 圖片的縮放、裁剪與填充模式 設置圖片與文本的交互效果 第二部分:Axure RP 8.0 核心交互設計 第六章:動態麵闆的魔力 什麼是動態麵闆?動態麵闆的核心作用 創建與編輯動態麵闆 動態麵闆的“麵闆”切換與狀態管理 實現輪播圖、選項卡、摺疊麵闆等常見交互效果 動態麵闆與頁麵交互的聯動 第七章:條件與動作,賦予原型生命 Axure RP 8.0的事件與觸發器(OnClick, OnMouseEnter, OnKeyUp等) 理解條件語句(If/Else If/Else) 常用條件的應用場景(判斷用戶輸入、判斷元件狀態等) Axure RP 8.0的動作(Show/Hide, Move, Resize, Set Text, Go To Page等) 組閤條件與動作,實現復雜的交互邏輯 第八章:變量與全局變量 什麼是變量?變量在原型設計中的作用 創建局部變量與全局變量 變量的賦值與修改 利用變量實現用戶登錄狀態模擬、數據暫存等功能 全局變量在多頁麵應用中的重要性 第九章:中繼器:數據驅動的強大工具 中繼器概念及其在列錶、錶格、數據展示中的應用 創建與配置中繼器 嚮中繼器填充數據(手動輸入、外部導入) 中繼器的動態數據加載與更新 實現列錶排序、篩選、分頁等高級功能 第五部分:實戰項目演練 第十章:電商平颱網站首頁與商品詳情頁設計 首頁輪播圖、導航、商品分類、推薦商品區域設計 商品詳情頁的圖片展示、規格選擇、加入購物車、購買流程模擬 運用動態麵闆、中繼器、變量等實現核心交互 第十一章:社交APP(例如:朋友圈/動態feed)設計 信息流的動態展示與加載 點贊、評論、轉發等交互的模擬 用戶頭像、昵稱、發布內容的展示 下拉刷新、上滑加載更多等移動端常用交互 第十二章:內容資訊APP(例如:新聞閱讀器)設計 文章列錶的展示與切換 文章詳情頁的閱讀模式、字體調整 收藏、分享、搜索功能的設計 第十三章:在綫錶單與調查問捲設計 各種錶單元素的運用(文本框、下拉框、復選框、單選按鈕、日期選擇器等) 錶單驗證邏輯的實現(必填項、格式校驗等) 提交按鈕與成功/失敗提示 第六部分:高級技巧與優化 第十四章:母版與樣式管理 創建和使用母版,保證設計的一緻性 組件樣式的復用與更新 提升整體設計效率 第十五章:Axure RP 8.0 團隊協作與導齣 Axure RP 8.0的團隊項目管理 如何生成和分享原型(HTML生成、Link分享) 與其他團隊成員的協作流程 第十六章:Axure RP 8.0 常見問題解答與技巧分享 總結Axure RP 8.0使用過程中的常見難點 分享更多實用技巧,如性能優化、快捷鍵等 拓展閱讀與資源推薦 本書適用人群 産品經理: 想要清晰、直觀地錶達産品需求,與團隊高效溝通,快速驗證産品想法。 UI/UX設計師: 專注於用戶界麵設計和用戶體驗研究,需要將視覺設計轉化為可交互的原型。 交互設計師: 緻力於設計流暢、易用的用戶交互流程,並需要精確地實現這些流程。 前端開發工程師: 需要理解産品設計意圖,準確實現前端交互邏輯,並能與産品和設計團隊進行有效對接。 項目經理: 希望更好地理解和管理項目進度,對産品原型有深入的瞭解。 對原型設計感興趣的學生或初學者: 想要係統學習Axure RP,並掌握實用的原型設計技能。 結語 《Axure RP 8.0入門寶典:網站與APP原型設計實戰》是一本兼具理論深度和實踐廣度的指南。我們希望通過本書,幫助您掌握Axure RP這款強大的原型設計工具,更重要的是,幫助您建立起一種嚴謹、高效的産品設計思維。在數字化産品競爭日益激烈的今天,一個優秀的原型,是産品成功的基石。讓我們一起,用Axure RP 8.0,打造卓越的用戶體驗!