Axure RP 8.0原型設計完全自學一本通（全彩）

第1章　　熟悉Axure RP 8.0 11.1 關于Axure RP 1 1.2 Axure的主要功能 2 1.2.1 網(wǎng)站構架圖 2 1.2.2 示意圖 2 1.2.3 流程圖 2 1.2.4 交互設計 2 1.2.5 輸出網(wǎng)站原型 3 1.2.6 輸出Word 格式規(guī)格文件 3 1.3 Axure的安裝與啟動 3 1.3.1 安裝Axure RP 8.0 4 應用案例——安裝Axure RP 8.0 4 1.3.2 啟動和退出Axure RP 8.0 5 1.4 Axure的操作界面 6 1.4.1 菜單欄 6 1.4.2 工具欄 8 1.4.3 功能區(qū) 9 1.4.4 隱藏/ 顯示面板 10 1.4.5 自定義工作面板 11 1.4.6 重置視圖 11 1.5 Axure RP 8.0的新增功能 12 1.5.1 界面改變 12 1.5.2 新增默認元件 12 1.5.3 新的元件樣式 13 1.5.4 鋼筆工具和矢量圖形 13 1.5.5 流程圖 13 1.5.6 新增事件、動效和事件 14 1.5.7 快照元件 14 1.5.8 打印選項 15 1.5.9 更好的團隊協(xié)作 15 1.6 使用Axure 的幫助資源 15 1.7 查看視圖 16 應用案例——查看視圖 16 1.8 使用標尺 17 1.9 輔助線 18 1.9.1 輔助線的分類 19 1.9.2 刪除輔助線 20 1.9.3 鎖定輔助線 20 1.9.4 創(chuàng)建輔助線 21 應用案例——創(chuàng)建輔助線 21 1.9.5 輔助線設置 22 1.10 使用網(wǎng)格 22 1.10.1 顯示網(wǎng)格 22 1.10.2 網(wǎng)格設置 23 1.11 設置遮罩 23 1.12 對齊/分布對象 24 1.12.1 對齊面板 24 1.12.2 分布面板 25 1.13 對齊網(wǎng)格和輔助線 261.14 專家支招 26 1.14.1 什么是原型 26 1.14.2 Axure 在交互設計中主要應用到哪些方面 26 1.15 總結擴展 27 1.15.1 本章小結 27 1.15.2 舉一反三——Axure RP 8.0 的卸載 27第2章　　Axure RP 8.0的基本操作 292.1 新建文件 29 2.1.1 新建文件 29 2.1.2 紙張尺寸與設置 29 應用案例——新建iPhone 6 Plus 原型尺寸 30 2.1.3 新建團隊項目 31 2.2 存儲文件 32 2.2.1 保存文件 32 2.2.2 另存文件 32 2.2.3 存儲格式 33 2.3 自動備份 33 2.3.1 啟動自動備份 34 2.3.2 從備份中恢復 34 2.4 打開文件 35 2.4.1 打開文件 35 2.4.2 打開團隊項目 35 2.5 從RP文件導入 36 應用案例——導入RP 文件素材 36 2.6 對象的操作 37 2.6.1 選擇對象 37 2.6.2 移動和縮放對象 39 2.6.3 旋轉對象 40 2.6.4 復制對象 40 2.6.5 剪切和刪除對象 41 2.7 還原與恢復操作 41 2.7.1 撤銷 41 2.7.2 重做 42 2.8 專家支招 42 2.8.1 如何保證原型尺寸能夠在移動設備中測試 42 2.8.2 手機平臺和電腦平臺設置制作要點 42 2.9 總結擴展 43 2.9.1 本章小結 43 2.9.2 舉一反三——通過復制的方法制作水平導航 43第3章　　頁面的管理 453.1 了解站點 45 3.2 頁面管理 45 3.2.1 添加頁面 45 應用案例——新建網(wǎng)站頁面 46 3.2.2 重命名頁面 483.2.3 移動頁面 48 3.2.4 查找頁面 48 3.3 頁面編輯區(qū) 49 3.3.1 使用頁面編輯區(qū) 49 3.3.2 頁面樣式 50 3.4 自適應視圖 52 應用案例——添加自適應視圖 53 3.5 圖表類型 54 3.6 生成流程圖 55 應用案例——生成流程圖 55 3.7 鋼筆工具 56 3.7.1 繪制圖形 57 3.7.2 轉換錨點類型 57 3.7.3 編輯鋼筆工具繪制圖形 58 應用案例——使用鋼筆工具繪制圖形 59 3.8 組合對象 61 3.8.1 組合對象 61 3.8.2 取消組合 61 3.9 鎖定對象 61 3.10 隱藏對象 62 3.11 專家支招 63 3.11.1 要保留頁面文件的舊版本 63 3.11.2 如何處理原型中的文字在不同瀏覽器 上效果不一樣的情況 63 3.12 總結擴展 64 3.12.1 本章小結 64 3.12.2 舉一反三—— 使用元件制作一個標簽面板 64 第4章　　使用元件 65 4.1 使用“元件”面板 65 4.2 基本元件 66 4.2.1 矩形 66 4.2.2 圖片 67 4.2.3 占位符 69 4.2.4 按鈕 69 4.2.5 標題 69 4.2.6 文本標簽和文本段落 70 應用案例——制作商品購買頁 70 4.2.7 水平線和垂直線 72 4.2.8 熱區(qū) 73 4.2.9 動態(tài)面板 73 應用案例——使用動態(tài)面板顯示隱藏對象 74 4.2.10 內(nèi)聯(lián)框架 75 4.2.11 中繼器 76 應用案例——使用中繼器制作產(chǎn)品列表頁 77 4.3 表單元件 79 4.3.1 文本框 80 4.3.2 多行文本框 80 4.3.3 下拉列表框 80 4.3.4 列表框 81 4.3.5 復選框 82 4.3.6 單選按鈕 82 4.3.7 提交按鈕 83 應用案例——制作淘寶會員登錄頁 83 4.4 菜單和表格 84 4.4.1 樹狀菜單 84 應用案例——美化樹狀菜單的圖標 86 4.4.2 表格 87 4.4.3 水平菜單 88 4.4.4 垂直菜單 89 4.5 標記元件 90 4.5.1 頁面快照 90 4.5.2 水平箭頭和垂直箭頭 91 4.5.3 便簽 92 4.5.4 圓形標記和水滴標記 92 4.6 流程圖 93 4.6.1 矩形和矩形組 93 4.6.2 圓角矩形和圓角矩形組 94 4.6.3 斜角矩形 94 4.6.4 菱形 94 4.6.5 文件和文件組 94 4.6.6 括弧 95 4.6.7 半圓形 95 4.6.8 三角形 95 4.6.9 梯形 95 4.6.10 橢圓形 95 4.6.11 六邊形 95 4.6.12 平行四邊形 96 4.6.13 角色 96 4.6.14 數(shù)據(jù)庫 96 4.6.15 頁面快照 96 4.6.16 圖片 96 4.7 專家支招 97 4.7.1 如何制作樹狀菜單元件的圖標 97 4.7.2 盡量用一個元件完成功能 97 4.8 總結擴展 97 4.8.1 本章小結 98 4.8.2 舉一反三——制作一個手機展示原型 98 第5章　　元件的屬性和樣式 995.1 元件的轉換 99 5.1.1 轉換為形狀 99 5.1.2 轉換為自定義形狀 100 5.1.3 轉換為圖片 100 5.2 頁面的屬性和樣式 100 5.2.1 頁面排列 101 5.2.2 背景色 101 5.2.3 背景圖片 102 5.3 元件的屬性 103 5.3.1 元件說明 103 5.3.2 元件形狀 104 應用案例——制作八卦圖圖形 105 5.3.3 元件提示 106 5.4元件的樣式 107 5.4.1 位置和尺寸 107 5.4.2 元件外形樣式 107 5.4.3 字體樣式 111 5.4.4 對齊 112 5.4.5 填充 113 5.5 創(chuàng)建和管理樣式 113 5.5.1 創(chuàng)建和應用頁面樣式 113 5.5.2 創(chuàng)建和應用元件樣式 114 5.5.3 樣式的編輯及修改 115 5.6 使用格式刷 116 應用案例——使用格式刷為表格添加樣式 117 5.7 元件的管理 118 5.8 專家支招 119 5.8.1 制作頁面之前要設置好樣式 119 5.8.2 使用字體圖標而不是圖片 119 5.9 總結擴展 119 5.9.1 本章小結 120 5.9.2 舉一反三——使用格式刷完成頁面制作 120 第6章　　母版和第三方元件庫 1216.1 母版的概念 121 6.1.1 母版的應用 121 6.1.2 使用母版的好處 122 6.2 使用“母版”面板 122 6.2.1 添加母版 122 6.2.2 添加文件夾 122 6.2.3 查找母版 123 6.3 母版的創(chuàng)建編輯 123 6.3.1 創(chuàng)建母版 124 應用案例——創(chuàng)建網(wǎng)站頂部母版 124 6.3.2 創(chuàng)建子母版 126 應用案例——創(chuàng)建網(wǎng)站頂部子母版 126 6.4 轉換為母版 127 6.5 母版的使用 128 6.5.1 拖放行為 128 6.5.2 添加到頁面中 129 6.5.3 從頁面中移除 130 6.6 母版的使用情況 130 6.7 使用第三方元件庫 131 6.7.1 下載元件庫 131 6.7.2 載入元件庫 132 6.8 創(chuàng)建元件庫 133 6.8.1 了解元件庫界面 133 6.8.2 編輯元件庫 134 6.8.3 卸載元件庫 135 6.9 專家支招 135 6.9.1 不要復制對象，而是將其轉成母版 135 6.9.2 如何將較大的組合轉換為母版 135 6.10 總結擴展 136 6.10.1 本章小結 136 6.10.2 舉一反三——創(chuàng)建微信元件庫 136 第7章　　簡單交互設計 1377.1 頁面交互基礎 137 7.1.1 頁面交互事件 137 7.1.2 用例編輯對話框 137 7.1.3 打開鏈接 138 應用案例——制作彈出窗口 138 7.1.4 關閉窗口 141 7.1.5 在框架中打開鏈接 141 7.1.6 滾動到元件 141 7.1.7 設置自適應視圖 142 7.2 元件交互基礎 143 7.2.1 元件交互事件 143 7.2.2 創(chuàng)建鏈接 143 7.2.3 顯示/ 隱藏 144 應用案例——制作視頻分類頁面 144 7.2.4 設置面板狀態(tài) 147 應用案例——制作網(wǎng)站焦點圖片效果 147 7.2.5 設置文本 149 應用案例——設置按鈕元件文字 150 7.2.6 設置圖片 151 7.2.7 設置選中 152 7.2.8 啟用/ 禁用 153 7.2.9 移動 153 7.2.10 旋轉 154 7.2.11 設置尺寸 154 7.2.12 置于頂層/ 底層 156 7.2.13 獲取焦點 156 7.2.14 展開/ 折疊樹節(jié)點 157 7.3 交互樣式設置 157 應用案例——制作動態(tài)按鈕 158 7.4 專家支招 160 7.4.1 如何通過動態(tài)面板實現(xiàn)自動輪播的效果 160 7.4.2 使用“設置尺寸”完成進度條的制作 160