産品特色
編輯推薦
這是一本輕鬆教你掌握Axure原型設計技術的教程。
更是一本將産品經理設計思路融入其中的方法論。
它用經典的案例教給你現實工作中必須要掌握的模型。
將案例“據為己有”,因為模仿就是學習方式和**旁人的前奏。
同時本書本身就是一個産品,而你將會是這閱讀體驗的受益者,因為它帶給你的將不止是簡單的思考。
內容簡介
原型設計已經是互聯網行業産品設計過程中不可缺少的環節,也是檢驗互聯網産品經理能力的標配指 標。本書以Windows係統下流行的快速原型設計工具Axure RP為基礎,以豐富的案例展示瞭Axure強大的原型設計能力。
本書首先介紹為什麼要進行原型設計?它到底能給我們帶來什麼樣的好處?然後瞭解工作環境的構成;從第3章開始進入原型設計操作階段,從簡單的元件命名開始,到一些高級技巧的應用,提煉瞭原型設計過程中的常用操作;第4章介紹預覽操作,隨時查看你的設計效果;第5章變量與函數的內容是學習第6章“事件處理”的基礎,“事件處理”是Axure原型設計中的精髓,同時配閤第7章的動畫效果,讓你的原型更加生動;動態麵闆在Axure中無處不在,第8章單獨介紹它的使用方法;第9章的中繼器是一個有趣且有用的元件,通過編輯數據和布局樣式,可以實現豐富的列錶展示樣式;元件庫為提高生産效率而存在,因此在第10章會詳細介紹如何設計自己的元件庫;在後兩章裏,我們以實際案例為基礎,針對不同的場景,全麵介紹如何使用 Axure工具,涵蓋Axure的大部分知識點,其中第12章更是將多場景完整銜接,通過練習你將學會如何在實際項目中綜閤應用軟件。
本書附贈資源包括書中所有案例的素材文件、效果文件以及案例的操作演示視頻,讀者可結閤視頻進行學習,提高學習效率。本書主要適閤互聯網和移動互聯網産品經理、需求分析師、UI/UE設計師以及交互設計師等學習和使用。如果你有誌於從事産品經理行業,希望本書能對提升你的産品原型設計能力有所幫助。
作者簡介
硃傳明,先後就職於亞信聯創和北京思特奇科技,目前任職思特奇公司電子商務和互聯網支撐産品綫電子渠道部門産品經理角色,關注移動互聯網、交互設計和用戶體驗方麵的內容,多年的開發和需求分析經驗,熟悉Axure原型設計工具,在公司産品綫內部做瞭係列Axure原型培訓教程,有著紮實的理論知識和豐富的實踐經驗。
目錄
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
Axure RP8網站與App原型設計經典實例教程 下載 mobi epub pdf txt 電子書