Axure RP8網站與App原型設計經典實例教程

《Axure RP8網站與App原型設計經典實例教程》是2017年7月人民郵電出版社出版的圖書，作者是朱傳明。

基本介紹

• 書名：Axure RP8網站與App原型設計經典實例教程
• 作者：朱傳明
• ISBN：9787115457943
• 頁數：316頁
• 定價：89元
• 出版社：人民郵電出版社
• 出版時間：2017年7月
• 裝幀：平裝
• 開本：16開

內容簡介

原型設計已經是網際網路行業產品設計過程中不可缺少的環節，也是檢驗網際網路產品經理能力的標配指 標。本書以Windows系統下流行的快速原型設計工具Axure RP為基礎，以豐富的案例展示了Axure強大的原型設計能力。

本書首先介紹為什麼要進行原型設計？它到底能給我們帶來什麼樣的好處？然後了解工作環境的構成；從第3章開始進入原型設計操作階段，從簡單的元件命名開始，到一些技巧的套用，提煉了原型設計過程中的常用操作；第4章介紹預覽操作，隨時查看你的設計效果；第5章變數與函式的內容是學習第6章“事件處理”的基礎，“事件處理”是Axure原型設計中的精髓，同時配合第7章的動畫效果，讓你的原型更加生動；動態面板在Axure中無處不在，第8章單獨介紹它的使用方法；第9章的中繼器是一個有趣且有用的元件，通過編輯數據和布局樣式，可以實現豐富的列表展示樣式；元件庫為提高生產效率而存在，因此在第 10章會詳細介紹如何設計自己的元件庫；在後兩章里，我們以實際案例為基礎，針對不同的場景，全面介紹如何使用 Axure工具，涵蓋Axure的大部分知識點，其中第 12章更是將多場景完整銜接，通過練習你將學會如何在實際項目中綜合套用軟體。

本書附贈資源包括書中所有案例的素材檔案、效果檔案以及案例的操作演示視頻，讀者可結合視頻進行學習，提高學習效率。本書主要適合網際網路和移動網際網路產品經理、需求分析師、UI/UE設計師以及互動設計師等學習和使用。如果你有志於從事產品經理行業，希望本書能對提升你的產品原型設計能力有所幫助。

圖書目錄

01 原型設計的基本知識/017

1.1 Axure RP 介紹/018

1.1.1 當前版本/018

1.1.2 主要功能/018

1.1.3 其他原型設計工具/019

1.2 原型設計的概念/020

1.3 原型設計的重要性/022

1.4 我如何才能開始/022

1.5 組件化的設計思路/023

1.6 學習路徑/023

1.7 小結/024

02 Axure工作空間的介紹/025

2.1 概述/026

2.2 工具列/026

2.2.1 選擇、連線和畫筆/026

2.2.2 排列順序/027

2.2.3 編組與打散/028

2.2.4 對齊與分布/028

2.2.5 鎖定與解鎖/029

2.2.6 樣式工具列/029

2.3 左側面板/030

2.3.1 站點地圖/030

2.3.2 元件庫/030

2.3.3 母版庫/031

2.4 右側面板/032

2.4.1 屬性和樣式/032

2.4.2 頁面元素大綱/032

2.5 設計區域/033

2.5.1 右鍵選單/033

2.5.2 用例編輯/034

2.5.3 變數與函式編輯/036

2.6 小結/036

03 Axure原型設計的操作技巧與解析/037

3.1 關於元件命名/038

3.2 怎樣讓內容螢幕居中/039

3.3 背景適應寬度/039

3.4 互動樣式設定/040

3.5 矩形的基本樣式設定/040

3.5.1 選擇形狀/040

3.5.2 背景顏色/041

3.5.3 文字顏色/041

3.5.4 框線大小、顏色和線段類型/041

3.5.5 圓角/042

3.5.6 邊距/042

3.5.7 陰影/042

3.6 吸管工具的使用/042

3.7 自定義元件的設定/044

3.8 動態面板的特性/045

3.8.1 容器性/045

3.8.2 多狀態性/046

3.8.3 整體性/046

3.8.4 固定到瀏覽器/046

3.9 如何設定選項組/046

3.10 選中屬性的套用/048

3.11 母版的使用/049

3.12 回響式頁面設計/049

3.13 圖片Scale-9屬性的套用/052

3.14 如何顯示草圖效果/054

3.15 發布到移動終端/054

3.16 小結/056

04 預覽與發布/057

4.1 關於預覽/058

4.2 關於發布/058

4.2.1 導出HTML檔案/059

4.2.2 發布到AxShare/059

4.3 查看原型/060

4.3.1 安裝chrome外掛程式/060

4.3.2 從home.html開始/061

4.4 綜合實例：Hello Axure！/061

4.5 小結/066

05 變數與函式的設定 067

5.1 概述/068

5.2 變數和函式的常用類型/068

5.3 插入變數或函式/069

實例：轉換輸入內容為大寫/069

5.4 全局變數的添加與使用/070

5.4.1 添加方法/070

5.4.2 如何使用/070

實例：通過變數給按鈕標籤賦值/072

5.5 局部變數的添加與使用/073

5.5.1 添加方法/073

5.5.2 如何使用/074

實例：給按鈕設定標籤/075

5.6 綜合實例：手機撥號盤/076

5.7 小結/080

06 事件處理/081

6.1 概述/082

6.2 普通元件/082

實例：普通事件/083

6.3 動態面板/085

實例：動態面板事件/085

6.4 文本/088

實例：文本事件/088

6.5 頁面/092

實例：頁面事件/092

6.6 事件分支/097

6.6.1 事件分支的產生/097

6.6.2 事件分支的命名/09 7

實例：事件分支與事件命名/098

6.7 事件動作介紹/100

6.7.1 連結動作/100

實例：不同的連結打開方式/101

6.7.2 元件動作/104

實例：顯示/隱藏彈出視窗/104

實例：自動水平幻燈片/107

實例：文本設定/109

實例：設定圖片按鈕/111

實例：性別選擇/114

實例：用戶註冊/116

實例：滑動驗證碼/117

實例：幸運大轉盤/120

實例：動態進度條/122

實例：圖片透明度調整/123

6.7.3 全局變數動作/125

實例：轉換輸入內容為大寫/125

6.7.4 中繼器動作/127

實例：dribbble網站的作品顯示與過濾/130

6.7.5 其他動作/137

實例：設定等待時間/138

6.8 小結/140

07 動畫效果的設定/141

7.1 動畫效果的套用範圍/142

7.2 顯示/隱藏元件/142

實例：顯示/隱藏按鈕氣泡提示信息/143

7.3 設定動態面板狀態/145

實例：自動垂直幻燈片/145

7.4 移動元件/147

實例：顯示/隱藏動態浮動氣泡/147

7.5 旋轉元件/148

實例：製作旋轉的風車/149

7.6 設定尺寸/152

實例：設定圖片縮放效果/152

7.7 小結/154

08 動態面板的設定/155

8.1 概述/156

8.2 動態面板的屬性/156

實例：自動調整為內容尺寸/156

實例：固定到瀏覽器/158

8.3 動態面板事件/160

8.3.1 載入事件/160

8.3.2 拖動開始時/160

8.3.3 拖動進行時/161

8.3.4 拖動結束時/161

實例：移動滑塊，實時顯示當前滑塊位置/161

8.4 綜合實例：“人人都是產品經理”之

8.5 小結/172

09 中繼器的操作/173

9.1 概述/174

9.2 中繼器的基本操作方法/174

9.2.1 添加排序/174

9.2.2 移除排序/175

9.2.3 添加篩選/175

9.2.4 移除篩選/175

9.2.5 設定當前顯示頁面/176

9.2.6 設定每頁顯示數量/176

9.2.7 添加行/176

9.2.8 標記行、取消標記/176

9.2.9 更新行/177

9.2.10 刪除行/177

實例：中繼器樣式設定/177

9.3 綜合實例：用戶列表的數據操作 /179

9.4 小結/188

10 元件庫的設計與套用/189

10.1 概述/190

10.2 元件庫設計的作用和意義/191

10.2.1 提高原型設計效率/191

10.2.2 保持原型設計的一致性/191

10.3 綜合實例：Android元件庫的設計/192

10.4 小結/196

11 綜合實例的操作與套用/197

11. 1 綜合實例：“淘寶網”首頁自動幻燈片/198

11.2 綜合實例：“網易雲音樂”分享彈出

11. 3 綜合實例：“美團網”導航選單的製作/205

11.4 綜合實例：“人人都是產品經理”網站

11.5 綜合實例：“新浪微博”下拉刷新/216

11.6 綜合實例：“雷鋒網”浮動選單欄/223

11.7 綜合實例：“京東網”手機的選擇/228

11.8 綜合實例：“UC瀏覽器”檔案下載

11.9 綜合實例：“淘寶網”商品搜尋結果/241

11.10 綜合實例：“創業邦”登錄和註冊

11.11 小結/258

12 微信Android客戶端原型設計/259

12.1 概述/260

12.2 準備工作/261

12.2.1 截圖功能的套用/261

12.2.2 吸管工具的套用/262

12.2.3 客戶端截圖準備/262

12.3 設計公共元件庫 /263

12.3.1 新建元件庫/263

12.3.2 設計元件庫內容/264

實例：製作綠色按鈕/264

實例：製作淺灰色按鈕/265

實例：製作返回箭頭圖示/266

實例：製作輸入框/267

實例：製作標題欄/270

實例：製作白色/綠色文字氣泡背景/271

實例：製作提示信息彈出框/273

實例：製作輸入法鍵盤/274

實例：製作照片選擇列表/278

實例：設定“開關”選項/281

實例：設定“掃一掃”功能/283

12.3.3 載入元件庫/287

12.4 綜合實例：微信登錄和首頁設計/288

12.4.1 設定啟動界面/288

12.4.2 設定登錄界面/289

12.4.3 首頁布局/292

12.4.4 製作主導航/293

12.4.5 設定“搜尋”功能/295

12.4.6 設定微信選單/296

12.4.7 設定“添加朋友”功能/298

12.4.8 “掃一掃”功能的套用/299

12.4.9 設定訊息列表/301

1 2 .4.10 設定“好友聊天”功能/305

12.4.11 預覽/310

12.5 小結/312

附錄：函式與屬性/313

元件屬性/313

視窗屬性/313

游標屬性/314

數字函式/314

數學函式/314

字元串函式和屬性/314

日期函式/315