Axure RP8網站與App原型設計經典實例教程（超值版）

內容簡介

原型設計是網際網路行業產品設計過程中不可缺少的環節，也是檢驗網際網路產品夜請照煮經理能力的重要指標。本書通過豐富的實例展示了Windows系統下流行的快速原型設計工具Axure強大的原型設計能力。

本書分為12章。第1章講解原型設計的基本知識。第2章介紹Axure的工作空間。第3章介紹原型設計的操作技巧。第4章講解如何隨時查看設計效果。第5章介紹的變數與函式是第6章“事件處理”的基礎。第6章講解的“事件處理”知識是Axure原型設計的精髓，配合第7章講解的動畫效果，可令原型更加生動。第8章介紹動態面板的使用方法。第9章介紹的中繼器是一個有趣且有用的元件。第10章詳細介紹如何設計自己的元件庫。最後兩章以實際案例為基礎，針對不同的場景，全面介紹如何使用 Axure工具，涵蓋了潤連囑 Axure的大部分知識點，其中頸乘白，第12章更是將多場景完整銜接，讀者可以通過練習學會如何在實際項目中綜合套用軟體。

本書附贈教學資源，包括書中實例的源檔案與操作演示視頻，讀者可結合視頻進行學習，提高學習效率。

本書適合網際網路和移動網際網路產品經理，以及需求分析師、UI/UE設計師、互動設計師學習和使用，對於有志於從事網際網路產品運營工作的讀者來說，本書對提升其產品原型設計能力也將有所幫助。

圖書目錄

Axure RP8 網站與App原型設計經典實例教程（超值版）

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

1.1 Axure RP 介紹/012

1.1.1 當前版本/012

1.1.2 主要功能/012

1.1.3 其他原型設計工具/013

1.2 原型設計的概念/014

1.3 原型設計的重要性/016

1.4 我該如何著手學習/016

1.5 組件化的設計思路/017

1.6 學習路徑/017

1.7 小結/018

02 Axure工作空間介紹/019

2.1 概述/020

2.2 工具列/020

2.2.1 選擇、連線和畫筆/020

2.2.2 排列順序/021

2.2.3 編組與打散/022

2.2.4 對齊與分布/022

2.2.5 鎖定與解鎖/023

2.2.6 樣式工具列/023

2.3 左側面板/024

2.3.1 站點地圖/024

2.3.2 元件庫/024

2.3.3 母版庫/025

2.4 右側面板/026

2.4.1 屬性和樣式/026

2.4.2 頁面元素大綱/026

2.5 設計區域/027

2.5.1 右鍵選單/027

2.5.2 用例編輯/028

2.5.3 變數與函式編輯/030

2.6 小結/030

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

3.1 關於元件命名/032

3.2 怎樣讓內容煉講霸螢幕居中/033

3.3 背景適應寬度/033

3.4 互動樣式設定/034

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

3.5.1 選擇迎籃連形狀/034

3.5.2 背景顏色/035

3.5.3 文字顏色/035

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

3.5.5 圓角/036

3.5.6 邊距/036

3.5.7 陰影/036

3.6 吸管工具的使用/036

3.7 自定義元件的設定/038

3.8 動態面板的特性/039

3.8.1 容器性/039

3.8.2 多狀態性/040

3.8.3 整體性/040

3.8.4 固定到瀏覽器/040

3.9 如何設定選項組/040

3.10 選中屬性的套用/042

3.11 母版的使用/043

3.12 回響式頁面設計/043

3.13 圖煮盼片Scale-9屬性的套用/046

3.14 如何顯示草圖效果/048

3.15 發布到移動終端/048

3.16 小結/050

04 預覽與發布/051

4.1 關於預覽/052

4.2 關於發布/052

4.2.1 導出HTML檔案/053

4.2.2 發棄喇您棕布到AxShare/053

4.3 查看原型/054

4.3.1 安裝Chrome外掛程式/054

4.3.2 從home.html開始/055

4.4 綜合實例：Hello Axure！/055

4.5 小結/060

05 變數與函式的設定/061

5.1 概述/062

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

5.3 插入變數或函式/063

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

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

5.4.1 添加方法/064

5.4.2 如何使用/064

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

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

5.5.1 添加方法/067

5.5.2 如何使用/068

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

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

5.7 小結/074

06 事件處理/075

6.1 概述/076

6.2 普通元件/076

實例：普通事件/077

6.3 動態面板/079

實例：動態面板事件/079

6.4 文本/082

實例：文本事件/082

6.5 頁面/086

實例：頁面事件/086

6.6 事件分支/091

6.6.1 事件分支的產生/091

6.6.2 事件分支的命名/091

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

6.7 事件動作介紹/094

6.7.1 連結動作/094

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

6.7.2 元件動作/098

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

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

實例：文本設定/103

實例：設定圖片按鈕/105

實例：性別選擇/108

實例：用戶註冊/110

實例：滑動驗證碼/111

實例：幸運大轉盤/114

實例：動態進度條/116

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

6.7.3 全局變數動作/119

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

6.7.4 中繼器動作/121

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

6.7.5 其他動作/131

實例：設定等待時間/132

6.8 小結/134

07 動畫效果的設定/135

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

7.2 顯示/隱藏元件/136

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

7.3 設定動態面板狀態/139

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

7.4 移動元件/141

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

7.5 旋轉元件/142

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

7.6 設定尺寸/146

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

7.7 小結/148

08 動態面板的設定/149

8.1 概述/150

8.2 動態面板的屬性/150

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

實例：固定到瀏覽器/152

8.3 動態面板事件/154

8.3.1 載入事件/154

8.3.2 拖動開始時/154

8.3.3 拖動進行時/155

8.3.4 拖動結束時/155

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

8.4 綜合實例：“人人都是產品經理”之動態面板的套用/159

8.5 小結/166

09 中繼器的操作/167

9.1 概述/168

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

9.2.1 添加排序/168

9.2.2 移除排序/169

9.2.3 添加篩選/169

9.2.4 移除篩選/169

9.2.5 設定當前顯示頁面/170

9.2.6 設定每頁顯示項目數量/170

9.2.7 添加行/170

9.2.8 標記行、取消標記/170

9.2.9 更新行/171

9.2.10 刪除行/171

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

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

9.4 小結/182

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

10.1 概述/184

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

10.2.1 提高原型設計效率/185

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

10.3 綜合實例：Android元件庫的

設計/186

10.4 小結/190

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

11.1 綜合實例：“淘寶網”首頁自動

幻燈片/192

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

彈出視窗/195

11.3 綜合實例：“美團網”導航

選單/199

11.4 綜合實例：“人人都是產品經理”網站導航選單/205

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

刷新/210

11.6 綜合實例：“雷鋒網”浮動

選單欄/217

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

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

下載處理/225

11.9 綜合實例：“淘寶網”商品搜尋

結果/235

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

註冊界面/243

11.11 小結/252

12 微信Android客戶端原型

設計/253

12.1 概述/254

12.2 準備工作/255

12.2.1 截圖功能的套用/255

12.2.2 吸管工具的套用/256

12.2.3 客戶端截圖準備/256

12.3 設計公共元件庫/257

12.3.1 新建元件庫/257

12.3.2 設計元件庫內容/258

實例：製作綠色按鈕/258

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

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

實例：製作輸入框/261

實例：製作標題欄/264

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

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

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

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

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

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

12.3.3 載入元件庫/281

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

12.4.1 設定啟動界面/282

12.4.2 設定登錄界面/283

12.4.3 首頁布局/286

12.4.4 製作主導航/287

12.4.5 設定“搜尋”功能/289

12.4.6 設定微信選單/290

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

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

12.4.9 設定訊息列表/295

12.4.10 設定“好友聊天”功能/299

12.4.11 預覽/304

12.5 小結/306

附錄：函式與屬性/307

元件屬性/307

視窗屬性/307

游標屬性/308

數字函式/308

數學函式/308

字元串函式和屬性/308

日期函式/309

Axure RP8網站與App原型設計經典實例教程（超值版）

基本介紹

內容簡介

圖書目錄

相關詞條

熱門詞條