《Axure RP 8.0入門寶典——網(wǎng)站和APP原型設(shè)計(jì)實(shí)戰(zhàn)》用5章來介紹Axure軟件的使用方法,包括Axure的介紹及安裝、Axure的窗口及常用部件、交互事件及動(dòng)作,以及實(shí)戰(zhàn)交互案例和整站案例等內(nèi)容。初接觸產(chǎn)品或有志成為產(chǎn)品經(jīng)理的朋友通過對(duì)本書的閱讀,可以快速掌握Axure軟件的使用方法。
《Axure RP 8.0入門寶典——網(wǎng)站和APP原型設(shè)計(jì)實(shí)戰(zhàn)》提供PPT教學(xué)大綱以及實(shí)戰(zhàn)中使用的素材和原型文件,方便讀者學(xué)習(xí)使用;另外,附贈(zèng)陪學(xué)網(wǎng)32集課程視頻,進(jìn)一步提升讀者的軟件操作能力。掃描封底“資源下載”二維碼,即可獲得下載方法,如需資源下載技術(shù)支持請(qǐng)致函szys@ptpress.com.cn。
《Axure RP 8.0入門寶典——網(wǎng)站和APP原型設(shè)計(jì)實(shí)戰(zhàn)》適合Axure的初學(xué)者,也適合有一定的軟件基礎(chǔ),需要進(jìn)行產(chǎn)品原型設(shè)計(jì)的專業(yè)人士閱讀和參考,同時(shí)可以作為相關(guān)院校和培訓(xùn)機(jī)構(gòu)的教材。
陪學(xué)網(wǎng)Andy老師用多年的Axure教學(xué)和實(shí)踐經(jīng)驗(yàn)傾力打造——適合初學(xué)者閱讀和學(xué)習(xí)的Axure入門圖書
本書提供PPT教學(xué)大綱以及實(shí)戰(zhàn)的素材和原型文件,另外附贈(zèng)240分鐘的陪學(xué)網(wǎng)課程視頻(掃描封底“資源下載”二維碼可以獲得下載方法)
Andy,高級(jí)產(chǎn)品經(jīng)理、培訓(xùn)講師、項(xiàng)目經(jīng)理。從事多年互聯(lián)網(wǎng)及軟件行業(yè)項(xiàng)目管理、產(chǎn)品規(guī)劃、產(chǎn)品設(shè)計(jì)、交互設(shè)計(jì)相關(guān)工作,擅長(zhǎng)理論實(shí)踐結(jié)合進(jìn)行工具分享,主張學(xué)以致用,具有豐富的實(shí)戰(zhàn)經(jīng)驗(yàn)。
騰訊課堂、百度傳課、51CTO學(xué)院、網(wǎng)易云課堂、YY教育等大型教育平臺(tái)特邀專業(yè)講師。所授課程反響熱烈,好評(píng)如潮。其授課思路清晰嚴(yán)密、由淺入深,課堂風(fēng)格輕松自然,簡(jiǎn)潔明快。對(duì)待學(xué)員熱情細(xì)致、親切耐心,深受學(xué)員喜愛。
第1章初識(shí)Axure RP 9
1.1關(guān)于Axure RP 10
1.2Axure RP的安裝與卸載 10
1.2.1Axure RP軟件安裝 11
實(shí)戰(zhàn):Axure RP軟件安裝步驟 12
1.2.2Windows環(huán)境下的Axure漢化 15
實(shí)戰(zhàn):Axure軟件漢化步驟 15
實(shí)戰(zhàn):Axure部件漢化 17
1.2.3Axure RP軟件卸載 17
實(shí)戰(zhàn):Axure RP軟件卸載步驟 18
1.2.4Axure瀏覽器插件安裝 19
實(shí)戰(zhàn):安裝Chrome瀏覽器的Axure原型插件步驟 20
1.3Axure RP參考資源 21
1.3.1軟件授權(quán) 21
1.3.2Axure RP在線學(xué)習(xí) 22
第2章Axure RP基本操作 23
2.1認(rèn)識(shí)Axure RP工作界面 24
2.1.1頁(yè)面窗口 25
實(shí)戰(zhàn):在頁(yè)面窗口中創(chuàng)建企業(yè)網(wǎng)站頁(yè)面結(jié)構(gòu) 25
2.1.2部件窗口 30
實(shí)戰(zhàn):使用部件窗口中的常用部件設(shè)計(jì)歡迎頁(yè)面 31
實(shí)戰(zhàn):創(chuàng)建自定義部件庫(kù) 34
2.1.3母版窗口 39
實(shí)戰(zhàn):創(chuàng)建我的第一個(gè)母版 39
2.1.4檢查窗口 43
實(shí)戰(zhàn):開始交互設(shè)置——添加鏈接 43
實(shí)戰(zhàn):設(shè)置部件屬性 45
實(shí)戰(zhàn):頁(yè)面載入時(shí)的交互 46
2.1.5線框圖編輯窗口 50
實(shí)戰(zhàn):制作自適應(yīng)視圖原型文件 51
2.1.6菜單欄 54
實(shí)戰(zhàn):新建、發(fā)布文件 55
實(shí)戰(zhàn):創(chuàng)建、獲取團(tuán)隊(duì)項(xiàng)目 57
2.1.7部件管理窗口 61
2.2Axure常用部件 62
2.2.1圖片部件 62
實(shí)戰(zhàn):用圖片部件制作企業(yè)導(dǎo)航詳情信息 62
2.2.2形狀部件 68
實(shí)戰(zhàn):用形狀部件制作企業(yè)分公司地址查詢 68
2.2.3動(dòng)態(tài)面板 73
實(shí)戰(zhàn):動(dòng)態(tài)面板的經(jīng)典之作——切換面板 73
2.2.4中繼器 76
實(shí)戰(zhàn):使用中繼器制作產(chǎn)品列表 76
2.2.5框架部件 80
實(shí)戰(zhàn):用框架嵌入企業(yè)宣傳視頻 80
2.2.6文本輸入框部件 82
實(shí)戰(zhàn):賬號(hào)輸入框的輸入提示 83
第3章交互原型設(shè)計(jì) 87
3.1事件 88
3.1.1鼠標(biāo)單擊時(shí) 88
實(shí)戰(zhàn):切換顯示的二級(jí)導(dǎo)航菜單 88
3.1.2鼠標(biāo)移入/移出時(shí) 90
實(shí)戰(zhàn):鼠標(biāo)移入、移出時(shí)切換顯示半透明遮罩層 90
3.1.3獲得焦點(diǎn)時(shí)/失去焦點(diǎn)時(shí) 93
實(shí)戰(zhàn):獲取焦點(diǎn)時(shí)、失去焦點(diǎn)時(shí)軟鍵盤的彈出與收起 93
3.1.4鼠標(biāo)單擊并保持超過2秒時(shí) 97
實(shí)戰(zhàn):鼠標(biāo)長(zhǎng)按彈出列表選項(xiàng)框 98
3.1.5向左、向右滑動(dòng)時(shí) 101
實(shí)戰(zhàn):向左、向右滑動(dòng)切換APP列表界面 101
3.1.6下拉列表項(xiàng)改變時(shí) 106
實(shí)戰(zhàn):市、區(qū)二級(jí)聯(lián)動(dòng)下拉菜單制作 107
3.2用例動(dòng)作 112
3.2.1打開鏈接 112
實(shí)戰(zhàn):當(dāng)前窗口中列表到內(nèi)容頁(yè)面的跳轉(zhuǎn) 113
3.2.2滾動(dòng)到部件(錨點(diǎn)鏈接) 114
實(shí)戰(zhàn):頁(yè)面跳轉(zhuǎn)時(shí)打開指定位置的頁(yè)面 115
3.2.3顯示/隱藏 118
實(shí)戰(zhàn):彈出層用戶登錄頁(yè)面制作 119
3.2.4設(shè)置選擇/選中 121
實(shí)戰(zhàn):圖文新聞標(biāo)題的選中效果制作 121
3.2.5移動(dòng) 124
實(shí)戰(zhàn):錯(cuò)誤提示信息抖動(dòng)提示效果 125
3.2.6設(shè)置面板狀態(tài) 127
實(shí)戰(zhàn):手風(fēng)琴面板制作 128
第4章綜合案例——原型交互設(shè)計(jì) 133
寫在綜合案例前的話 134
4.1移動(dòng)APP抽屜式導(dǎo)航 134
4.2下拉菜單商品分類導(dǎo)航 140
4.3帶個(gè)人名片的導(dǎo)航設(shè)計(jì) 146
4.4產(chǎn)品圖片放大特效 154
4.5焦點(diǎn)圖循環(huán)播放一(標(biāo)注/手動(dòng)/自動(dòng)/多屏多圖) 159
4.6焦點(diǎn)圖循環(huán)播放二(標(biāo)注/手動(dòng)/自動(dòng)/多屏多圖) 168
4.7移動(dòng)端下拉加載圖片進(jìn)度條延時(shí)動(dòng)效 181
4.8GPS地圖定位 191
4.9自適應(yīng)頁(yè)面設(shè)計(jì) 198
4.10滾動(dòng)視差界面設(shè)計(jì) 203
4.11用戶登錄效果一 208
4.12用戶登錄效果二 215
4.13本地上傳照片交互設(shè)計(jì) 220
4.14手機(jī)滑動(dòng)解鎖效果 230
4.15圖片翻轉(zhuǎn)、滑動(dòng)效果 234
4.16自定義風(fēng)格按鈕組 236
4.17依次滑出、收起的左側(cè)菜單 242
第5章整站設(shè)計(jì)——記錄分享APP設(shè)計(jì) 249
寫在原型設(shè)計(jì)前的話 250
5.1新建/發(fā)布項(xiàng)目 250
5.1.1新建.rp項(xiàng)目 250
5.1.2項(xiàng)目頁(yè)面結(jié)構(gòu)設(shè)計(jì) 251
5.1.3發(fā)布項(xiàng)目 252
5.2設(shè)計(jì)APP首頁(yè) 254
5.2.1設(shè)計(jì)APP首頁(yè)界面 254
5.2.2交互設(shè)計(jì)1:左右滑動(dòng)切換頁(yè)面 262
5.2.3交互設(shè)計(jì)2:切換頁(yè)面時(shí)背景圖片移動(dòng) 264
5.2.4交互設(shè)計(jì)3:新記錄添加頁(yè)面設(shè)計(jì) 267
5.2.5交互設(shè)計(jì)4:進(jìn)入新記錄添加頁(yè)面 270
5.2.6交互設(shè)計(jì)5:新記錄編輯效果 273
5.2.7交互設(shè)計(jì)6:添加一條新記錄 281
5.3設(shè)計(jì)APP“設(shè)置”頁(yè)面 284
5.3.1設(shè)計(jì)“設(shè)置”頁(yè)面 285
5.3.2交互設(shè)計(jì)1:提醒設(shè)置 287
5.3.3交互設(shè)計(jì)2:QQ自動(dòng)登錄效果 290
5.3.4交互設(shè)計(jì)3:備份操作 296
5.3.5交互設(shè)計(jì)4:提交動(dòng)態(tài)反饋 300
5.3.6交互設(shè)計(jì)5:可上下滾動(dòng)的“關(guān)于我們” 304