Axure RP8網(wǎng)站與App原型設(shè)計經(jīng)典實例教程
定 價:89 元
- 作者:朱傳明
- 出版時間:2017/8/1
- ISBN:9787115457943
- 出 版 社:人民郵電出版社
- 中圖法分類:TP393.092.2
- 頁碼:
- 紙張:膠版紙
- 版次:1
- 開本:16開
原型設(shè)計已經(jīng)是互聯(lián)網(wǎng)行業(yè)產(chǎn)品設(shè)計過程中不可缺少的環(huán)節(jié),也是檢驗互聯(lián)網(wǎng)產(chǎn)品經(jīng)理能力的標(biāo)配指 標(biāo)。本書以Windows系統(tǒng)下流行的快速原型設(shè)計工具Axure RP為基礎(chǔ),以豐富的案例展示了Axure強(qiáng)大的原型設(shè)計能力。
本書首先介紹為什么要進(jìn)行原型設(shè)計?它到底能給我們帶來什么樣的好處?然后了解工作環(huán)境的構(gòu)成;從第3章開始進(jìn)入原型設(shè)計操作階段,從簡單的元件命名開始,到一些高級技巧的應(yīng)用,提煉了原型設(shè)計過程中的常用操作;第4章介紹預(yù)覽操作,隨時查看你的設(shè)計效果;第5章變量與函數(shù)的內(nèi)容是學(xué)習(xí)第6章事件處理的基礎(chǔ),事件處理是Axure原型設(shè)計中的精髓,同時配合第7章的動畫效果,讓你的原型更加生動;動態(tài)面板在Axure中無處不在,第8章單獨介紹它的使用方法;第9章的中繼器是一個有趣且有用的元件,通過編輯數(shù)據(jù)和布局樣式,可以實現(xiàn)豐富的列表展示樣式;元件庫為提高生產(chǎn)效率而存在,因此在第10章會詳細(xì)介紹如何設(shè)計自己的元件庫;在后兩章里,我們以實際案例為基礎(chǔ),針對不同的場景,全面介紹如何使用 Axure工具,涵蓋Axure的大部分知識點,其中第12章更是將多場景完整銜接,通過練習(xí)你將學(xué)會如何在實際項目中綜合應(yīng)用軟件。
本書附贈資源包括書中所有案例的素材文件、效果文件以及案例的操作演示視頻,讀者可結(jié)合視頻進(jìn)行學(xué)習(xí),提高學(xué)習(xí)效率。本書主要適合互聯(lián)網(wǎng)和移動互聯(lián)網(wǎng)產(chǎn)品經(jīng)理、需求分析師、UI/UE設(shè)計師以及交互設(shè)計師等學(xué)習(xí)和使用。如果你有志于從事產(chǎn)品經(jīng)理行業(yè),希望本書能對提升你的產(chǎn)品原型設(shè)計能力有所幫助。
這是一本輕松教你掌握Axure原型設(shè)計技術(shù)的教程。
更是一本將產(chǎn)品經(jīng)理設(shè)計思路融入其中的方法論。
它用經(jīng)典的案例教給你現(xiàn)實工作中必須要掌握的模型。
將案例據(jù)為己有,因為模仿就是學(xué)習(xí)方式和超越旁人的前奏。
同時本書本身就是一個產(chǎn)品,而你將會是這閱讀體驗的受益者,因為它帶給你的將不止是簡單的思考。
朱傳明,先后就職于亞信聯(lián)創(chuàng)和北京思特奇科技,目前任職思特奇公司電子商務(wù)和互聯(lián)網(wǎng)支撐產(chǎn)品線電子渠道部門產(chǎn)品經(jīng)理角色,關(guān)注移動互聯(lián)網(wǎng)、交互設(shè)計和用戶體驗方面的內(nèi)容,多年的開發(fā)和需求分析經(jīng)驗,熟悉Axure原型設(shè)計工具,在公司產(chǎn)品線內(nèi)部做了系列Axure原型培訓(xùn)教程,有著扎實的理論知識和豐富的實踐經(jīng)驗。
01 原型設(shè)計的基本知識/017
1.1 Axure RP 介紹/018
1.1.1 當(dāng)前版本/018
1.1.2 主要功能/018
1.1.3 其他原型設(shè)計工具/019
1.2 原型設(shè)計的概念/020
1.3 原型設(shè)計的重要性/022
1.4 我如何才能開始/022
1.5 組件化的設(shè)計思路/023
1.6 學(xué)習(xí)路徑/023
1.7 小結(jié)/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 左側(cè)面板/030
2.3.1 站點地圖/030
2.3.2 元件庫/030
2.3.3 母版庫/031
2.4 右側(cè)面板/032
2.4.1 屬性和樣式/032
2.4.2 頁面元素大綱/032
2.5 設(shè)計區(qū)域/033
2.5.1 右鍵菜單/033
2.5.2 用例編輯/034
2.5.3 變量與函數(shù)編輯/036
2.6 小結(jié)/036
03 Axure原型設(shè)計的操作技巧與解析/037
3.1 關(guān)于元件命名/038
3.2 怎樣讓內(nèi)容屏幕居中/039
3.3 背景適應(yīng)寬度/039
3.4 交互樣式設(shè)置/040
3.5 矩形的基本樣式設(shè)置/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 自定義元件的設(shè)置/044
3.8 動態(tài)面板的特性/045
3.8.1 容器性/045
3.8.2 多狀態(tài)性/046
3.8.3 整體性/046
3.8.4 固定到瀏覽器/046
3.9 如何設(shè)置選項組/046
3.10 選中屬性的應(yīng)用/048
3.11 母版的使用/049
3.12 響應(yīng)式頁面設(shè)計/049
3.13 圖片Scale-9屬性的應(yīng)用/052
3.14 如何顯示草圖效果/054
3.15 發(fā)布到移動終端/054
3.16 小結(jié)/056
04 預(yù)覽與發(fā)布/057
4.1 關(guān)于預(yù)覽/058
4.2 關(guān)于發(fā)布/058
4.2.1 導(dǎo)出HTML文件/059
4.2.2 發(fā)布到AxShare/059
4.3 查看原型/060
4.3.1 安裝chrome插件/060
4.3.2 從home.html開始/061
4.4 綜合實例:Hello Axure!/061
4.5 小結(jié)/066
05 變量與函數(shù)的設(shè)置 067
5.1 概述/068
5.2 變量和函數(shù)的常用類型/068
5.3 插入變量或函數(shù)/069
實例:轉(zhuǎn)換輸入內(nèi)容為大寫/069
5.4 全局變量的添加與使用/070
5.4.1 添加方法/070
5.4.2 如何使用/070
實例:通過變量給按鈕標(biāo)簽賦值/072
5.5 局部變量的添加與使用/073
5.5.1 添加方法/073
5.5.2 如何使用/074
實例:給按鈕設(shè)置標(biāo)簽/075
5.6 綜合實例:手機(jī)撥號盤/076
5.7 小結(jié)/080
06 事件處理/081
6.1 概述/082
6.2 普通元件/082
實例:普通事件/083
6.3 動態(tài)面板/085
實例:動態(tài)面板事件/085
6.4 文本/088
實例:文本事件/088
6.5 頁面/092
實例:頁面事件/092
6.6 事件分支/097
6.6.1 事件分支的產(chǎn)生/097
6.6.2 事件分支的命名/09 7
實例:事件分支與事件命名/098
6.7 事件動作介紹/100
6.7.1 鏈接動作/100
實例:不同的鏈接打開方式/101
6.7.2 元件動作/104
實例:顯示/隱藏彈出窗口/104
實例:自動水平幻燈片/107
實例:文本設(shè)置/109
實例:設(shè)置圖片按鈕/111
實例:性別選擇/114
實例:用戶注冊/116
實例:滑動驗證碼/117
實例:幸運大轉(zhuǎn)盤/120
實例:動態(tài)進(jìn)度條/122
實例:圖片透明度調(diào)整/123
6.7.3 全局變量動作/125
實例:轉(zhuǎn)換輸入內(nèi)容為大寫/125
6.7.4 中繼器動作/127
實例:dribbble網(wǎng)站的作品顯示與過濾/130
6.7.5 其他動作/137
實例:設(shè)置等待時間/138
6.8 小結(jié)/140
07 動畫效果的設(shè)置/141
7.1 動畫效果的應(yīng)用范圍/142
7.2 顯示/隱藏元件/142
實例:顯示/隱藏按鈕氣泡提示信息/143
7.3 設(shè)置動態(tài)面板狀態(tài)/145
實例:自動垂直幻燈片/145
7.4 移動元件/147
實例:顯示/隱藏動態(tài)浮動氣泡/147
7.5 旋轉(zhuǎn)元件/148
實例:制作旋轉(zhuǎn)的風(fēng)車/149
7.6 設(shè)置尺寸/152
實例:設(shè)置圖片縮放效果/152
7.7 小結(jié)/154
08 動態(tài)面板的設(shè)置/155
8.1 概述/156
8.2 動態(tài)面板的屬性/156
實例:自動調(diào)整為內(nèi)容尺寸/156
實例:固定到瀏覽器/158
8.3 動態(tài)面板事件/160
8.3.1 載入事件/160
8.3.2 拖動開始時/160
8.3.3 拖動進(jìn)行時/161
8.3.4 拖動結(jié)束時/161
實例:移動滑塊,實時顯示當(dāng)前滑塊位置/161
8.4 綜合實例:人人都是產(chǎn)品經(jīng)理之
8.5 小結(jié)/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 設(shè)置當(dāng)前顯示頁面/176
9.2.6 設(shè)置每頁顯示數(shù)量/176
9.2.7 添加行/176
9.2.8 標(biāo)記行、取消標(biāo)記/176
9.2.9 更新行/177
9.2.10 刪除行/177
實例:中繼器樣式設(shè)置/177
9.3 綜合實例:用戶列表的數(shù)據(jù)操作 /179
9.4 小結(jié)/188
10 元件庫的設(shè)計與應(yīng)用/189
10.1 概述/190
10.2 元件庫設(shè)計的作用和意義/191
10.2.1 提高原型設(shè)計效率/191
10.2.2 保持原型設(shè)計的一致性/191
10.3 綜合實例:Android元件庫的設(shè)計/192
10.4 小結(jié)/196
11 綜合實例的操作與應(yīng)用/197
11. 1 綜合實例:淘寶網(wǎng)首頁自動幻燈片/198
11.2 綜合實例:網(wǎng)易云音樂分享彈出
11. 3 綜合實例:美團(tuán)網(wǎng)導(dǎo)航菜單的制作/205
11.4 綜合實例:人人都是產(chǎn)品經(jīng)理網(wǎng)站
11.5 綜合實例:新浪微博下拉刷新/216
11.6 綜合實例:雷鋒網(wǎng)浮動菜單欄/223
11.7 綜合實例:京東網(wǎng)手機(jī)品牌的選擇/228
11.8 綜合實例:UC瀏覽器文件下載
11.9 綜合實例:淘寶網(wǎng)商品搜索結(jié)果/241
11.10 綜合實例:創(chuàng)業(yè)邦登錄和注冊
11.11 小結(jié)/258
12 微信Android客戶端原型設(shè)計/259
12.1 概述/260
12.2 準(zhǔn)備工作/261
12.2.1 截圖功能的應(yīng)用/261
12.2.2 吸管工具的應(yīng)用/262
12.2.3 客戶端截圖準(zhǔn)備/262
12.3 設(shè)計公共元件庫 /263
12.3.1 新建元件庫/263
12.3.2 設(shè)計元件庫內(nèi)容/264
實例:制作綠色按鈕/264
實例:制作淺灰色按鈕/265
實例:制作返回箭頭圖標(biāo)/266
實例:制作輸入框/267
實例:制作標(biāo)題欄/270
實例:制作白色/綠色文字氣泡背景/271
實例:制作提示信息彈出框/273
實例:制作輸入法鍵盤/274
實例:制作照片選擇列表/278
實例:設(shè)置開關(guān)選項/281
實例:設(shè)置掃一掃功能/283
12.3.3 加載元件庫/287
12.4 綜合實例:微信登錄和首頁設(shè)計/288
12.4.1 設(shè)置啟動界面/288
12.4.2 設(shè)置登錄界面/289
12.4.3 首頁布局/292
12.4.4 制作主導(dǎo)航/293
12.4.5 設(shè)置搜索功能/295
12.4.6 設(shè)置微信菜單/296
12.4.7 設(shè)置添加朋友功能/298
12.4.8 掃一掃功能的應(yīng)用/299
12.4.9 設(shè)置消息列表/301
1 2 .4.10 設(shè)置好友聊天功能/305
12.4.11 預(yù)覽/310
12.5 小結(jié)/312
附錄:函數(shù)與屬性/313
元件屬性/313
窗口屬性/313
光標(biāo)屬性/314
數(shù)字函數(shù)/314
數(shù)學(xué)函數(shù)/314
字符串函數(shù)和屬性/314
日期函數(shù)/315