産品特色
編輯推薦
小樓老師繼上一本暢銷書後傾情打造;
從基礎到實戰,共166個實例完全講解;
每個案例可實時查看演示效果;
從APP到網站,全麵覆蓋各個典型案例的原型講解,助你快速掌握。
內容簡介
本書是一本介紹使用Axure RP 8.0 軟件製作Web和App原型的圖書,通過對基礎操作和實戰案例的講解,幫助讀者深入瞭解如何進行Web與App平颱的産品原型開發以及各種交互效果的實現。
本書共分為2篇。第1篇包含56個基礎操作,讀者通過對這一部分內容的學習,就能夠基本掌握軟件的使用方法。在之後的內容如果遇到陌生的操作問題,可以查閱本篇內容來解決。第2篇包含110個實戰案例,讀者可以在這一部分的內容中,學習掌握原型的開發技巧,以及獲得各種實戰案例的參考。
本書不但適閤零基礎的讀者由淺至深地學習,而且適閤具備一定基礎的讀者做為實戰項目的參考,也可以作為學校相關課程配套教材,或互聯網公司、高新科技企業等新人內訓的教程。
作者簡介
小樓一夜聽春語, www.iaxure.com網站創始人;網絡視頻課程《AxureRP7.0從入門到精通》作者;多貝網特邀講師;網易雲課堂閤作講師;百度傳課閤作講師;E良師益友網特邀閤作講師;中軟培訓特邀講師。
目錄
基礎操作篇
第1章使用元件 / 9
基礎1 添加元件到畫布 / 11
基礎2 添加元件名稱 / 11
基礎3 設置元件位置/尺寸 / 11
基礎4 設置元件默認角度 / 11
基礎5 設置元件顔色與透明 / 11
基礎6 設置形狀或圖片圓角 / 12
基礎7 設置矩形僅顯示部分邊框 / 12
基礎8 設置綫段/箭頭/邊框樣式 / 12
基礎9 設置元件文字邊距/行距 / 12
基礎10 設置元件默認隱藏 / 12
基礎11 設置文本框輸入為密碼 / 12
基礎12 設置打開選擇文件窗口 / 13
基礎13 限製文本框輸入字符位數 / 13
基礎14 設置文本框提示文字 / 13
基礎15 設置文本框迴車觸發事件 / 13
基礎16 設置鼠標移入元件時的提示 / 13
基礎17 設置矩形為其他形狀 / 14
基礎18 設置自定義形狀 / 14
基礎19 設置形狀水平/垂直翻轉 / 14
基礎20 設置列錶框的內容 / 14
基礎21 設置元件默認選中/禁用 / 14
基礎22 設置單選按鈕唯一選中 / 14
基礎23 設置元件不同狀態的交互樣式 / 15
基礎24 設置圖片文本 / 15
基礎25 切割/裁剪圖片 / 15
基礎26 嵌入多媒體文件/頁麵 / 15
基礎27 調整元件的層級 / 16
基礎28 組閤/取消組閤元件 / 16
基礎29 轉換元件為圖片 / 16
基礎30 載入元件庫 / 16
基礎31 切換元件庫 / 16
第2章頁麵設置 / 17
基礎32 設置頁麵居中 / 18
基礎33 設置頁麵背景(圖片/顔色) / 18
基礎34 設置頁麵顔色(草圖/黑白) / 18
第3章設置條件 / 19
基礎35 添加條件判斷 / 20
基礎36 設置條件邏輯關係 / 20
基礎37 用例條件轉換 / 20
第4章使用變量/公式 / 21
基礎38 全局變量設置 / 22
基礎39 局部變量設置 / 22
基礎40 公式的格式及類型 / 22
第5章功能設置 / 23
基礎41 設置形狀並排顯示細邊框 / 24
基礎42 設置畫布中的遮罩陰影 / 24
基礎43 顯示/隱藏交互與說明編號 / 24
基礎44 顯示/隱藏兩側的功能麵闆 / 24
基礎45 展開/收起/彈齣/停靠/關閉功能麵闆 / 24
基礎46 關閉/恢復功能麵闆 / 24
基礎47 文件備份與恢復 / 25
基礎48 設置自適應視圖 / 25
第6章查看原型 / 26
基礎49 快速預覽查看原型 / 27
基礎50 生成HTML 查看原型 / 27
基礎51 生成部分原型頁麵 / 27
基礎52 為原型添加標誌 / 27
基礎53 發布原型到AxShare / 28
基礎54 重新生成當前頁麵 / 28
基礎55 移動設備設置 / 28
基礎56 Web 字體設置 / 29
實戰案例篇
第7章元件案例 / 31
案例1 文本框:帶圖標文字提示 / 33
案例2 文本框:邊框變色 / 34
案例3 圖片:變換樣式的按鈕(1) / 35
案例4 圖片:自定義復選框(1) / 36
案例5 形狀:變換樣式的按鈕(2) / 37
案例6 形狀:自定義復選框(2) / 38
案例7 形狀:唯一選中項 / 39
案例8 形狀:製作環形進度條 / 40
案例9 文本標簽:添加文本鏈接 / 42
案例10 內聯框架:嵌入百度地圖 / 44
案例11 動態麵闆:登錄麵闆切換 / 46
案例12 動態麵闆:自動圖片切換 / 48
案例13 動態麵闆:保持固定位置 / 51
案例14 動態麵闆:拖動滑塊解鎖(1) / 52
案例15 動態麵闆:元件樣式聯動 / 55
案例16 中繼器:製作商品列錶 / 57
案例17 中繼器:商品列錶排序 / 60
案例18 形狀:自定義復選框(3) / 62
案例19 中繼器:商品類型篩選 / / 64
案例20 中繼器:選擇對比商品(1) / 66
案例21 中繼器:選擇對比商品(2) / 70
案例22 中繼器:選擇對比商品(3) / 72
第8章變量案例 / 76
案例23 全局變量:賬號登錄驗證(1) / 77
案例24 全局變量:打開微博詳情(1) / 80
案例25 局部變量:賬號登錄驗證(2) / 83
案例26 局部變量:增減商品數量(1) / 84
案例27 局部變量:價格區間篩選 / 85
第9章特彆案例 / 88
案例28 組閤:彈齣菜單效果 / 89
案例29 組閤:菜單整體變色 / 90
案例30 遮罩:彈齣登錄界麵 / 91
案例31 推拉:製作抽屜菜單 / 92
案例32 移動:橫幅展開效果 / 94
案例33 尺寸:改變元件尺寸(1) / 97
案例34 翻轉:圖片翻轉效果 / 99
案例35 鏇轉:唱片鏇轉效果 / 100
案例36 錨點:頁麵返迴頂部 / 103
第10 章函數案例 / 106
案例37 元件函數:改變元件尺寸(2) / 107
案例38 元件函數:增減商品數量(2) / 108
案例39 元件函數:圖片外框移動 / 109
案例40 元件函數:拖動滑塊解鎖(2) / 111
案例41 元件函數:商品圖片切換 / 113
案例42 頁麵函數:導航指針移動 / 116
案例43 窗口函數:滾動吸附頂部 / 117
案例44 窗口函數:返迴頂部按鈕 / 119
案例45 指針函數:商品圖片放大 / 121
案例46 數字與指針函數:開關側邊菜單 / 125
案例47 數學函數:隨機數驗證碼 / 127
案例48 數學函數:不同方嚮滑入 / 132
案例49 字符串函數:模糊搜索列錶 / 136
案例50 字符串函數:手機號碼驗證(1) / 138
案例51 字符串函數:手機號碼驗證(2) / 141
案例52 字符串函數:復選數量統計 / 141
案例53 字符串函數:打開微博詳情(2) / 143
案例54 字符串函數:音樂播放計時 / 145
案例55 日期函數:獲取係統時間 / 149
案例56 中繼器函數:首個商品推薦 / 152
案例57 中繼器函數:添加對比商品(4) / 156
案例58 中繼器函數:遊戲列錶翻頁(1) / 157
案例59 中繼器函數:遊戲列錶翻頁(2) / 160
案例60 中繼器函數:列錶篩選結果 / 164
第11章綜閤案例(Web) / 169
案例61 麵闆狀態切換與移動 / 170
案例62 框架中鑲嵌其他頁麵 / 172
案例63 間隔與連續鏇轉特效 / 173
案例64 錨點滾動與導航吸附 / 174
案例65 唯一選中與樣式切換 / 177
案例66 頁麵內滾動條的實現 / 178
案例67 用滾輪控製橫嚮滾動 / 181
案例68 剩餘可輸入文字提示 / 185
案例69 進度條與數字的聯動 / 188
案例70 展開收起的推拉效果 / 189
案例71 展開收起與移動效果 / 193
案例72 圖像鏇轉與鏤空效果 / 193
案例73 全選與取消全選效果 / 196
案例74 帶進度條的分頁標簽 / 199
案例75 循環選中與尺寸改變 / 202
案例76 二級菜單的內容切換 / 204
案例77 循環內容走馬燈效果 / 206
案例78 頁麵安全鍵盤的實現 / 209
案例79 省市列錶的選擇聯動 / 211
案例80 背景滑塊與改變尺寸 / 213
案例81 可調節時間的倒計時 / 215
案例82 文本框中焦點的控製 / 217
案例83 隨機數數字自增效果 / 220
案例84 文字輸入的條件限製 / 221
案例85 鼠標移入的縮放效果 / 222
第12章綜閤案例(APP) / 227
案例86 啓動畫麵的翻頁效果 / 227
案例87 雙方嚮拖動櫥窗效果 / 229
案例88 輸入文字與退格效果 / 232
案例89 中心點逐漸放大效果 / 233
案例90 菜單的拖動排序效果 / 234
案例91 半透明按鈕懸浮效果 / 237
案例92 導航菜單單擊時移動 / 238
案例93 展開與收起二級選項 / 241
案例94 拖動切換與移動效果 / 242
案例95 長按進度條前進效果 / 245
案例96 滑塊的水平拖動效果 / 248
案例97 長按復選框切換樣式 / 250
案例98 選中復選框計數效果 / 251
案例99 全選與取消全選效果 / 253
案例100 側邊菜單的視差效果 / 254
案例101 動態麵闆嵌套與切換 / 256
案例102 標簽移動與內容切換 / 260
案例103 單擊麯目時切換歌麯 / 262
案例104 遮罩與放大彈齣內容 / 264
案例105 動態麵闆狀態的聯動 / 267
案例106 循環移動的波浪效果 / 268
案例107 二級菜單下滑與遮罩 / 270
案例108 下拉刷新的多個狀態 / 272
案例109 字符串輸入控製效果 / 276
案例110 圖標鏇轉與放大縮小 / 278
Axure RP8 實戰手冊 網站和APP原型製作案例精粹 內容簡介 歡迎來到《Axure RP8 實戰手冊 網站和APP原型製作案例精粹》的世界!在這本厚實的手冊中,我們不僅將帶您深入探索Axure RP8這款強大的原型設計工具,更重要的是,我們將通過大量精心挑選的真實項目案例,為您揭示如何將理論知識轉化為切實可行的設計成果。本書旨在成為您從新手到高手的橋梁,讓您在實際的項目中自信滿滿,遊刃有餘。 本書特色與亮點: 海量真實案例,實戰價值爆棚: 我們深知理論學習的局限性,因此本書將重心放在瞭“實戰”二字上。從小型個人博客到復雜的電商平颱,從簡潔的移動APP到功能豐富的企業級後颱管理係統,我們精選瞭數十個涵蓋不同行業、不同復雜度的網站和APP原型製作案例。每一個案例都力求貼近真實的項目需求,讓您在學習過程中,仿佛置身於真實的開發環境中,親手操刀完成項目。 循序漸進,體係化教學: 本書的內容編排經過精心設計,力求邏輯清晰、循序漸進。我們從Axure RP8的基礎操作和核心概念入手,逐步深入到高級功能和交互設計。無論您是初次接觸Axure的新手,還是已有一定基礎的設計師,都能找到適閤自己的學習路徑。我們不會一次性拋齣海量信息,而是將復雜的知識點拆解成易於理解和掌握的模塊。 聚焦核心功能,深入交互設計: Axure RP8的強大之處在於其靈活的交互設計能力。本書將重點講解如何利用Axure RP8的動態麵闆、中繼器、變量、條件和函數等核心功能,創建齣高度仿真的交互效果。我們將演示如何實現復雜的頁麵跳轉、彈窗、滑塊、下拉菜單、錶單驗證、數據聯動等設計需求,讓您的原型不再是靜態的圖片,而是能夠真實反映用戶操作流程和産品功能的“活”原型。 精講Axure RP8的各個模塊: 頁麵與母版: 學習如何高效地創建和組織頁麵,以及如何利用母版來管理全局樣式和組件,確保設計的一緻性。 控件與元件庫: 掌握Axure RP8自帶的豐富控件庫,並學習如何創建和管理自定義元件庫,提高設計效率。 樣式與格式化: 深入理解如何設置元素的字體、顔色、邊距、對齊等樣式,並學會使用條件樣式來實現動態效果。 動態麵闆: 這是Axure RP8的核心功能之一。我們將詳細講解如何使用動態麵闆創建切換、顯示/隱藏、動畫效果等,並結閤案例演示其在不同場景下的應用。 中繼器: 對於列錶、錶格、圖庫等重復性元素的展示,中繼器是必不可少的工具。本書將深入剖析中繼器的數據管理、排序、篩選、分頁等功能,並提供豐富的實戰案例。 變量與函數: 掌握變量的創建和使用,以及各種內置函數的應用,能夠實現更復雜的邏輯判斷和數據處理,讓您的原型更加智能化。 交互事件與動作: 學習Axure RP8提供的豐富交互事件(如單擊、鼠標移入、鍵盤輸入等)和對應的動作(如打開鏈接、顯示/隱藏、設置文本等),實現精妙的用戶交互。 注釋與團隊協作: 瞭解如何在原型中添加注釋,方便團隊溝通,並學習Axure RP8的團隊協作功能,與團隊成員高效協同工作。 深入剖析設計思路與項目流程: 除瞭技術層麵的講解,本書更注重分享産品設計過程中的思路和方法。我們將結閤案例,講解如何從需求分析到原型設計,再到交互邏輯的梳理,以及如何進行原型評審和迭代。您將學到如何站在用戶的角度思考問題,如何將抽象的需求轉化為具體的設計方案。 覆蓋多種主流設計場景: 網站原型設計: 包括電商網站、資訊門戶、企業官網、博客論壇等,重點講解響應式設計、導航係統、用戶登錄注冊流程、搜索篩選功能等。 APP原型製作: 涵蓋iOS和Android主流APP,如社交APP、工具類APP、遊戲APP、內容閱讀APP等,重點講解導航模式(底部tab、側邊欄)、列錶與詳情頁、錶單交互、手勢操作、動畫反饋等。 後颱管理係統原型: 涉及數據管理、用戶權限、報錶展示、圖錶交互等,重點講解錶格的復雜交互、篩選與排序、數據圖錶的製作與聯動。 提供配套資源,助力學習: 為瞭方便讀者學習,本書會提供大量的配套資源,包括但不限於: 源文件: 所有案例的Axure RP8源文件,您可以直接下載、查看、修改和學習。 組件庫: 整理和分享常用的Axure RP8組件庫,幫助您快速搭建原型。 練習題與挑戰: 設計一係列的練習題和小型挑戰,鞏固所學知識,提升實操能力。 常見問題解答與避坑指南: 在實戰過程中,難免會遇到各種問題。本書將收集和整理Axure RP8使用過程中常見的疑難雜癥,並提供詳盡的解決方案。同時,我們還將分享一些設計和使用Axure RP8的“避坑”經驗,幫助您少走彎路。 優秀案例賞析與進階技巧: 在掌握瞭基礎知識和常用技巧後,本書還將引導您欣賞一些優秀的原型設計作品,並分享一些更加高級和前沿的Axure RP8使用技巧,如性能優化、與其他工具的聯動等。 適閤讀者群體: 産品經理: 需要快速産齣高保真原型,與團隊有效溝通産品需求。 UI/UX設計師: 希望深入掌握Axure RP8,提升原型製作的效率和質量,創作齣更具吸引力和可用性的交互體驗。 網頁開發者/前端工程師: 需要理解和實現交互設計,與設計師緊密協作。 項目經理/産品運營: 需要瞭解産品原型製作流程,更好地把握項目進度和質量。 對Axure RP8感興趣的初學者: 希望係統學習Axure RP8,快速掌握原型設計技能。 希望提升原型設計能力的資深從業者: 尋求更深入、更實用的高級技巧和案例。 內容結構展望(章節示例): 第一部分:Axure RP8 基礎精通 第一章:Axure RP8 入門與界麵導覽 第二章:頁麵管理與母版應用 第三章:控件、元件庫與樣式設置 第四章:掌握動態麵闆的精髓(顯示/隱藏、切換、動畫) 第五章:中繼器的強大應用(列錶、錶格、數據聯動) 第六章:變量、函數與條件邏輯的應用 第二部分:網站原型製作實戰案例 第七章:電商網站商品列錶與詳情頁交互設計 第八章:社交資訊門戶的聚閤頁麵與信息流設計 第九章:企業官網的産品展示與聯係錶單交互 第十章:個人博客的文章列錶、詳情與評論交互 第十一章:響應式網站的布局與適配技巧 第三部分:APP原型製作實戰案例 第十二章:底部Tab導航APP的通用框架構建 第十三章:內容閱讀APP的文章列錶與詳情頁設計 第十四章:社交APP的用戶動態、發布與互動流程 第十五章:工具類APP的常用功能交互(如計算器、日曆) 第十六章:APP內的彈窗、浮層與動畫效果設計 第四部分:後颱管理係統與高級技巧 第十七章:復雜數據錶格的篩選、排序與分頁交互 第十八章:圖錶庫集成與數據可視化原型 第十九章:用戶權限管理與多角色界麵展示 第二十章:Axure RP8 項目打包、導齣與評審 第二十一章:Axure RP8 常見問題解答與性能優化 第二十二章:優秀原型設計賞析與進階技巧 《Axure RP8 實戰手冊 網站和APP原型製作案例精粹》不僅僅是一本工具書,更是一本實踐指南。我們希望通過本書,幫助您真正理解原型設計的價值,掌握Axure RP8的強大功能,並能在未來的工作中,運用所學知識創造齣更加卓越的産品。準備好踏上您的原型設計之旅瞭嗎?讓我們一起,用Axure RP8,將想法變為現實!