《Axure RP 9實用教程:原型+高保真+交互+設計》

2021-02-13 IT精選資源大世界



內容簡介：


本書通過大量簡單易懂的場景案例，採用以案例帶知識點的形式，全面介紹了Axure RP9.0的使用方法和設計技巧。本書免費附贈案例源文件，方便大家參考練習。通過閱讀本書，讀者不僅可以全面掌握Axure RP的各項功能，而且還可以靈活地繪製出各類精美的原型圖，快速成為原型設計高手。本書的前三大章節—繪製線框圖、掌握基礎交互、成為交互高手，詳細的講解了Axure RP9的基礎知識，對於一些高級複雜的交互運用，通過單獨的節點進行專項講解。後兩章—元件案例與綜合案例部分不僅帶領讀者完成了數字產品中常見的交互案例設，同時還原了簡書App和微信App的完整交互。本書的末尾還為讀者們總結了一套原型設計的規範，方便讀者遵循規範進行設計。本書適合Axure RP原型設計的新手和進階讀者閱讀，同時也適合院校的同學和老師參考閱讀。

1.1AxureRP9的安裝與漢化2
1.1.1下載安裝包與漢化包2
1.1.2安裝AxureRP93
1.1.3AxureRP9漢化5
1.2AxureRP9的優化與改進7
1.2.1界面布局改版7
1.2.2元件功能優化8
1.2.3交互設置流程優化9
1.2.4其他改進9
1.2.5小結9
1.3初識AxureRP910
1.3.1操作界面10
1.3.2自定義工作界面10
1.3.3菜單欄11
1.3.4工具欄12
1.3.5頁面與大綱面板13
1.3.6元件庫與母版面板14
1.3.7樣式/交互/注釋面板16
1.4元件說明（一）18
1.4.1元件概述18
1.4.2形狀元件18
1.4.3圖片元件22
1.4.4水平線和垂直線25
1.4.5圖像熱區26
1.5元件說明（二）27
1.5.1動態面板27
1.5.2內部框架29
1.5.3中繼器30
1.6元件說明（三）34
1.6.1文本框34
1.6.2文本域35
1.6.3下拉列表35
1.列表框36
1.6.5複選框36
1.6.6單選按鈕37
1.6.7樹38
1.6.8表格39
1.6.9水平菜單和垂直菜單39
1.6.10標記40
1.7元件操作41
1.7.1基本操作41
1.7.2編輯元件樣式43
1.7.3元件專有屬性43
1.7.4元件「樣式」面板說明45
1.7.5元件樣式管理46
1.8頁面樣式說明46
1.8.1頁面樣式46
1.8.2頁面樣式管理48
1.8.3標尺/尺寸/網格48
1.8.4輔助線49
1.8.5元件對齊設置50
1.9生成原型50
1.9.1概述50
1.9.2原型預覽50
1.9.3生成與查看HTML文件51
1.9.4生成Word說明書54
1.9.5生成CSV報告58
1.9.6列印設置59
第2章掌握基礎交互
2.1基礎交互62
2.1.1交互概述62
2.1.2交互事件62
2.1.3交互情形65
2.1.4交互動作66
2.1.5案例說明68
2.2基礎交互案例70
2.1.1導航菜單70
2.2.2顯示/隱藏對話框72
2.1.3幻燈片輪播73
2.3母版74
2.3.1母版基礎知識74
2.3.2重寫母版數據76
2.3.3母版引發事件76
2.3.4引發事件使用案例77
2.4動態面板78
2.4.1什麼是動態面板78
2.4.2添加動態面板79
2.4.3動態面板事件79
2.4.4案例說明——發現魅力80
2.5流程圖83
2.5.1流程圖概述83
2.5.2繪製流程圖84
2.5.3流程圖標記85
2.5.4快照85
2.5.5生成流程圖86
2.6調色板86
2.6.1顏色三要素86
2.6.2單色87
2.6.3線性漸變88
2.徑向漸變89
2.6.5顏色屬性89
2.6.6其他說明90
2.6.7案例講解91
2.7鋼筆工具93
2.7.1鋼筆工具概述93
2.7.2繪製圖形93
2.7.3管理節點94
2.7.4變換形狀94
2.7.5形狀與圖片的轉換95
2.7.6案例：emoji表情96
第3章成為交互高手
3.1中繼器98
3.1.1中繼器概述98
3.1.2中繼器排序98
3.1.3數據篩選99
3.1.4分頁100
3.1.5添加/移除中繼器的項100
3.2中繼器案例103
3.2.1案例：商品列表103
3.2.2案例2：用戶信息108
3.3變量說明112
3.3.1變量概述112
3.3.2局部變量113
3.3.3全局變量114
3.4變量案例115
3.4.1案例：table標籤切換115
3.4.2案例：登錄歡迎頁117
3.4.3小結118
3.5函數說明118
3.5.1概述118
3.5.2函數分類118
3.5.3函數使用說明118
3.6函數案例123
3.6.1案例：知乎詳情導航123
3.6.2案例：簡易計算器125
3.6.3案例：滑杆127
3.案例：文字計數130
3.7邏輯條件131
3.7.1邏輯條件概述131
3.7.2如果或否則131
3.7.3條件關係——全部和任何132
3.7.4運算符和表達式133
3.7.5多條件情形134
3.7.6條件邏輯案例135
3.8自定義元件138
3.8.1自定義元件概述138
3.8.2新建自定義元件139
3.8.3添加自定義元件139
3.8.4添加注釋和交互139
3.8.5元件庫按文件夾分類140
3.8.6自定義樣式及屬性140
3.9自適應視圖141
3.9.1為什麼需要自適應視圖141
3.9.2創建自適應視圖141
3.9.3編輯自適應視圖142
3.9.4預覽和生成自適應視圖144
3.9.5自適應案例：文章列表144
3.10AxureShare145
3.10.1什麼是AxureShare?145
3.10.2註冊AxureShare帳號146
3.10.3項目上傳與更新146
3.10.4項目管理148
3.10.5討論149
3.10.6插件150
3.10.7漂亮網址151
3.10.8重定向152
第4章元件案例章
4.1返回頂部154
4.1.1返回頂部概述154
4.1.2交互分析154
4.1.3素材準備154
4.1.4交互設置155
4.2驗證碼158
4.2.1圖文驗證碼158
4.2.2滑塊驗證碼159
4.3倒計時165
4.3.1概述165
4.3.2交互分析166
4.3.3素材準備166
4.3.4交互設置166
4.4五星好評171
4.4.1概述171
4.1.2交互分析171
4.1.3素材準備171
4.4.4交互設置172
4.5輪播圖177
4.5.1概述177
4.5.2交互分析177
4.5.3素材準備177
4.5.4交互設置178
4.6評論字數與清空181
4.6.1評論概述181
4.6.2交互分析181
4.6.3素材準備181
4.交互設置182
4.7百度搜索提示183
4.7.1概述183
4.7.2交互分析184
4.7.3元件素材準備184
4.7.4交互設置185
第5章綜合案例
5.1彈幕188
5.1.1彈幕概述188
5.1.2交互分析188
5.1.3元件素材準備189
5.1.4交互設置190
5.2下拉刷新191
5.2.1概述191
5.2.2以簡書、知乎為代表的下拉刷新192
5.2.3以微博、頭條為代表的下拉刷新195
5.3註冊與登錄198
5.3.1概述198
5.3.2註冊199
5.3.3登錄205
5.4購物車209
5.4.1購物車概述209
5.4.2準備元件素材209
5.4.3交互分析212
5.4.4交互設置212
5.5QQ音樂229
5.5.1概述229
5.5.2線框圖準備230
5.5.3交互分析230
5.5.4交互設置231
5.6微信235
5.6.1概述235
5.6.2微信架構235
5.6.3互動設計237
5.7簡書262
5.7.1概述262
5.7.2簡書是什麼262
5.7.3頁面結構262
5.7.4互動設計263
附錄A：原型設計規範280

下載方法：關注本公眾號，轉發朋友圈。



下載地址：

連結: https://pan.baidu.com/s/1CZMwHpGqUBxYwS8JVPwQ6Q
提取碼: 4sbb


相關焦點

  • .| 「有原型作品展示優先考慮」,新人不會Axure原型怎麼拿offer?
    >▼Axure實戰班安排了6次直播課，老師會在直播課上講解更多的交互和產品設計。以文案框為例，來看看如何幫你掌握更多Axure實用用法。相比於其他組件，文本框的內容無邊界性，其交互複雜性很高，在原型操作中用途廣泛，但大家對於文本框的印象，多數是輸入文字、做個佔位等，很多用法都不會。
  • Axure教程:原型設計之轉盤抽獎
    這一章就教大家如何使用axure原型工具製作轉盤抽獎原型。效果圖：axure原型設計之轉盤抽獎附件下載：轉盤抽獎rp文件作者：維度，個人博客：http://weidublog.com本文由 @維度 原創發布於人人都是產品經理。未經許可，禁止轉載。
  • 玩轉Axure並不難,這5次實操練習,讓你快速做出標準原型
    >Axure零基礎也能學，學完畫出規範原型產品、交互貫穿全程，學完告別畫圖經理系統講解Axure，配套5次作業實操，老師1對1批改和班級群內答疑，這樣的學習形式，讓你快速玩轉Axure。你將逐步掌握：Axure的基礎操作，進階的函數、中繼器等功能，實際的產品交互案例，還有產品原型思維。
  • 【視頻教學】遊戲策劃視頻教學第三講:Axure如何設計UI
    Axure如何設計遊戲UI　　為了許多不方便看視頻的同學，做了一個基礎圖文版的教學，希望能夠幫助到大家。Ax　　axure元件：也叫axure組件或axure部件，系統自帶了一部分最基礎常用的，網上也有很多別人做好的，軟體使用到一定階段可以考慮自己製作元件，以便提高產品原型的製作速度。　　生成原型：是指把繪製好的原型通過axure rp生成靜態的html頁面，檢查原型是否正確，同時，方便演示。
  • Axure教程:轉盤抽獎交互原型
    本文跟大家分享，如何使用axure製作轉盤抽獎交互原型，不帶登錄流程。通過停止位置判斷抽獎結果（4）涉及函數及解釋：target：目標元件text：元件文本Math.random：返回0-1之間的一個數字rotation：元件旋轉角度二、原型準備
  • Axure教程:banner輪播最簡單的實現方法
    前段時間做一個開放平臺的原型，大家討論完需求就希望，快點出原型（第二天），而且要求「高保真」。於是在「快速」「高保真」的要求下，自己對於所有的頁面交互都要求是，對需要使用原型的用戶（產品、研發、測試）而言，達到對應的效果，而自己在實現時採用最簡單的方法。正巧今天看到網站上有教程教如何做一個輪播banner ，點開略看了一下，教程做的很複雜。其實使用axure做交互一般都比較簡單，但由於其各種小窗口太多了，各種截圖放一起，看上去很容易亂。
  • 互動設計秘密武器|軟體兵器譜之原型設計軟體
    小編為了回答這個問題，做了充足的研究，準備給大家寫幾篇文章給大家來介紹這些軟體下面這篇文章，我們將從交互原型構建開始來介紹軟體，經常不容錯過啊！ 原型設計界的幾大巨頭Sketch如果說UI交互工具界最受歡迎的設計工具，相信沒有人會否認Sketch的存在。
  • 如何用Axure快速製作APP交互原型
    其中，作為一個專業的快速原型設計工具，Axure RP無疑在產品人心中擁有一個難以撼動的地位。但就要PS一樣，雖然足夠專業，但同樣也會存在使用靈活性的一些問題。今天我們就談談，如何用Axure快速製作APP交互原型，不對，更準確的說法應該是：如何用Axure快速製作一份有水準的APP交互原型。作為一名優秀的產品人不僅要保證效率，也要保證質量才行。
  • Axure 3D教程:製作3D地圖原型(三維世界地圖)
    編輯導語：很多時候我們會用到3D的效果，今天筆者教大家用axure做一個3D的效果，本文以三維世界地圖為案例，簡單的闡述axure製作3D原型的技巧，我們一起來看一下。
  • 高保真UI設計的思考
    有，但是夠用就好，就是說你希望藉助原型達到你表達的產品設計的某個目標即可。為什麼要用高保真原型？高保真原型可以降低大家畫原型的投入的時間成本。高保真原型真的高保真嗎？為什麼？不能，因為沒有可以量化的標準數值，意味著開發人員沒有辦法做到一對一的轉換。高保真原型可以提升嗎？有必要嗎？
  • 墨刀原型設計教程:碾壓axure和mockplus第一次畫原型圖就上手!
    作為一個產品經理或者互動設計師，甚至是一個產品運營，不會畫原型圖簡直會被鄙視，面對市面上的墨刀原型、axure和mockplus，到底哪一款原型設計軟體和服務更好呢？今天就教大家第一次用墨刀原型畫原型圖就上手！最後還有彩蛋哦！
  • 交互留學 | Axure圖文教程:基礎(一)
    17年以來，互動設計留學的火熱程度絲毫不見減弱，更多其它專業的同學都選擇轉專業就讀這個新興的專業。
  • Axure RP——快速UI原型設計工具
    Axure RP是一款專業的快速原型設計工具。Axure（發音：Ack-sure），代表美國Axure公司；RP則是Rapid Prototyping（快速原型）的縮寫。Axure RP的使用者主要包括商業分析師、信息架構師、產品經理、IT諮詢師、用戶體驗設計師、互動設計師、UI設計師等，另外，架構師、程式設計師也在使用Axure。Axure的可視化工作環境可以讓你輕鬆快捷的以滑鼠的方式創建帶有注釋的線框圖。不用進行編程，就可以在線框圖上定義簡單連接和高級交互。
  • 線上課程 | 如何用Axure9.0,才能進階畫出專業、規範的原型
    在了解了豆豆的情況後，歸納出以下兩個問題：缺乏產品原型思維：產品功能結構考慮不全，漏場景、漏頁面，邏輯不通順，產品內容表不清晰；原型工具掌握不熟練：畫的原型不規範、對於產品形態與互動設計把握不夠，產品展現形式欠佳。
  • 產品經理(PM)常用原型圖設計工具
    與一般針對產品功能的介紹不同，本文以親身的設計需求為出發點，通過對產品整理和提供相關的連結，幫助解決從業人群對做產品頁面原型的直接需求。可以為做產品設計的童鞋提供一些參考和下載幫助。
  • 線上課程丨產品新人畫不好原型?這裡有實用的Axure技能提升法
    常常會看到新人自嘲：「老闆說做什麼功能就畫什麼原型，就是個畫圖仔」「原型畫的十分粗糙，跟開發交流困難」「原型反覆修改，就是達不到客戶要求」總的來說，原型設計不規範：缺乏對原型設計的思考，對元件布局、頁面交互動效方面，沒有形成規範操作
  • 線上課程 | 原型醜、布局亂?新人如何用Axure一步到位畫出專業...
    這樣長期下來，導致了產品新人在原型上：專業度被質疑：缺少某些操作流程、頁面，控制項等等問題，使得整個原型不專業，開發、設計輪番吐槽，被老闆和其他同事質疑；沒有產品思維提升：畫原型的過程，也是對用戶需求、功能邏輯、產品交互的思考過程。
  • 互動設計師應具備的技能樹(10)|選擇適合你的原型工具
    同時他們做的這些控制項庫也可以作為你設計元件模版的參考；和Mac上那些高保真原型工具如Principle、Framer等都能搭配使用，直接把設計稿導入到它們裡面，繼續做動畫；最近的版本（49.0）也開始支持創建基本的原型流程動畫了，離一站式原型設計工具不遠了。
  • Axure教程:登錄滑動拼圖驗證交互教學
    下面為今日頭條的滑動拼圖驗證，接下來將為大家講解：一、界面元件搭建（教程為axure 8）首先，需要下面這些元件。熱區1和熱區2是用來校驗小圖的位置是否正確，作為左右的重合區間。所有元件的初始位置如下：二、交互事件實現（1）選中動態面板【滑塊】，添加【拖動時】交互事件，勾選【當前元件】，設置為：水平移動，添加左右邊界。
  • 用Axure做一個產品需求文檔(PRD)模板
    今天給教大家用axure做一個產品需求文檔（PRD）模板，其中包括目錄，版本修訂記錄，產品概述，功能說明，全局說明，非功能性說明。該原型模板使用簡單，交互完善，直接修改文字即可。喜歡該原型的小夥伴們可以在評論處給我留言哦。