課程簡介
◆ 本課程以實戰案例的角度,講解Axure 9 的基礎操作(包括有意思、有特色、有難點、有實用的實戰案例或使用技巧),幫助大家從案例中學習產品原型的設計思維,并快速提高實戰能力!!
◆ 適合1歲左右的產品經理,或Axure剛入門不久的同學,
◆ 課程以章節來劃分不同的實戰案例,越往后的章節難度逐漸增大,
◆ 每節課時均為獨立實戰案例,適合每日一課式的碎片化學習,
◆ 每節課時均提供RP課件,方便大家快速理解與練習,
◆ 本課程長期持續更新!!
學員識訓
◆ 每日就能掌握一個Axure實戰案例
◆ 能快速提高你的Axure實戰能力
◆ 在實戰案例中學習產品原型設計思維
◆ 專欄教程+RP課件學習不是問題
講師簡介
◆ 講師自2012年起從事互聯網產品經理作業,曾在融金所、中軟、華為等中大型企業任職,
◆ 負責專案涉及領域較廣,包括外賣訂餐、互聯網金融、融資租賃、微博、智能快遞柜、專案協作平臺等,積累了豐富經驗,
◆ 有4年多產品團隊管理經驗,主導過多個中大型專案從0到1的全程序,
◆ 熟悉Scrum敏捷迭代開發的實施方法,并對需求管理、原型協作有豐富經驗,
◆ 熟練各類產品工具,能快速輸出條理清晰的思維導圖、用例圖、原型設計、需求檔案,
課程大綱
<style>#mermaid-svg-oMMqnVeVAHwMxJIX .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-oMMqnVeVAHwMxJIX .label text{fill:#333}#mermaid-svg-oMMqnVeVAHwMxJIX .node rect,#mermaid-svg-oMMqnVeVAHwMxJIX .node circle,#mermaid-svg-oMMqnVeVAHwMxJIX .node ellipse,#mermaid-svg-oMMqnVeVAHwMxJIX .node polygon,#mermaid-svg-oMMqnVeVAHwMxJIX .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-oMMqnVeVAHwMxJIX .node .label{text-align:center;fill:#333}#mermaid-svg-oMMqnVeVAHwMxJIX .node.clickable{cursor:pointer}#mermaid-svg-oMMqnVeVAHwMxJIX .arrowheadPath{fill:#333}#mermaid-svg-oMMqnVeVAHwMxJIX .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-oMMqnVeVAHwMxJIX .flowchart-link{stroke:#333;fill:none}#mermaid-svg-oMMqnVeVAHwMxJIX .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-oMMqnVeVAHwMxJIX .edgeLabel rect{opacity:0.9}#mermaid-svg-oMMqnVeVAHwMxJIX .edgeLabel span{color:#333}#mermaid-svg-oMMqnVeVAHwMxJIX .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-oMMqnVeVAHwMxJIX .cluster text{fill:#333}#mermaid-svg-oMMqnVeVAHwMxJIX div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-oMMqnVeVAHwMxJIX .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-oMMqnVeVAHwMxJIX text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-oMMqnVeVAHwMxJIX .actor-line{stroke:grey}#mermaid-svg-oMMqnVeVAHwMxJIX .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-oMMqnVeVAHwMxJIX .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-oMMqnVeVAHwMxJIX #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-oMMqnVeVAHwMxJIX .sequenceNumber{fill:#fff}#mermaid-svg-oMMqnVeVAHwMxJIX #sequencenumber{fill:#333}#mermaid-svg-oMMqnVeVAHwMxJIX #crosshead path{fill:#333;stroke:#333}#mermaid-svg-oMMqnVeVAHwMxJIX .messageText{fill:#333;stroke:#333}#mermaid-svg-oMMqnVeVAHwMxJIX .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-oMMqnVeVAHwMxJIX .labelText,#mermaid-svg-oMMqnVeVAHwMxJIX .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-oMMqnVeVAHwMxJIX .loopText,#mermaid-svg-oMMqnVeVAHwMxJIX .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-oMMqnVeVAHwMxJIX .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-oMMqnVeVAHwMxJIX .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-oMMqnVeVAHwMxJIX .noteText,#mermaid-svg-oMMqnVeVAHwMxJIX .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-oMMqnVeVAHwMxJIX .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-oMMqnVeVAHwMxJIX .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-oMMqnVeVAHwMxJIX .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-oMMqnVeVAHwMxJIX .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-oMMqnVeVAHwMxJIX .section{stroke:none;opacity:0.2}#mermaid-svg-oMMqnVeVAHwMxJIX .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-oMMqnVeVAHwMxJIX .section2{fill:#fff400}#mermaid-svg-oMMqnVeVAHwMxJIX .section1,#mermaid-svg-oMMqnVeVAHwMxJIX .section3{fill:#fff;opacity:0.2}#mermaid-svg-oMMqnVeVAHwMxJIX .sectionTitle0{fill:#333}#mermaid-svg-oMMqnVeVAHwMxJIX .sectionTitle1{fill:#333}#mermaid-svg-oMMqnVeVAHwMxJIX .sectionTitle2{fill:#333}#mermaid-svg-oMMqnVeVAHwMxJIX .sectionTitle3{fill:#333}#mermaid-svg-oMMqnVeVAHwMxJIX .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-oMMqnVeVAHwMxJIX .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-oMMqnVeVAHwMxJIX .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-oMMqnVeVAHwMxJIX .grid path{stroke-width:0}#mermaid-svg-oMMqnVeVAHwMxJIX .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-oMMqnVeVAHwMxJIX .task{stroke-width:2}#mermaid-svg-oMMqnVeVAHwMxJIX .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-oMMqnVeVAHwMxJIX .taskText:not([font-size]){font-size:11px}#mermaid-svg-oMMqnVeVAHwMxJIX .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-oMMqnVeVAHwMxJIX .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-oMMqnVeVAHwMxJIX .task.clickable{cursor:pointer}#mermaid-svg-oMMqnVeVAHwMxJIX .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-oMMqnVeVAHwMxJIX .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-oMMqnVeVAHwMxJIX .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-oMMqnVeVAHwMxJIX .taskText0,#mermaid-svg-oMMqnVeVAHwMxJIX .taskText1,#mermaid-svg-oMMqnVeVAHwMxJIX .taskText2,#mermaid-svg-oMMqnVeVAHwMxJIX .taskText3{fill:#fff}#mermaid-svg-oMMqnVeVAHwMxJIX .task0,#mermaid-svg-oMMqnVeVAHwMxJIX .task1,#mermaid-svg-oMMqnVeVAHwMxJIX .task2,#mermaid-svg-oMMqnVeVAHwMxJIX .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-oMMqnVeVAHwMxJIX .taskTextOutside0,#mermaid-svg-oMMqnVeVAHwMxJIX .taskTextOutside2{fill:#000}#mermaid-svg-oMMqnVeVAHwMxJIX .taskTextOutside1,#mermaid-svg-oMMqnVeVAHwMxJIX .taskTextOutside3{fill:#000}#mermaid-svg-oMMqnVeVAHwMxJIX .active0,#mermaid-svg-oMMqnVeVAHwMxJIX .active1,#mermaid-svg-oMMqnVeVAHwMxJIX .active2,#mermaid-svg-oMMqnVeVAHwMxJIX .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-oMMqnVeVAHwMxJIX .activeText0,#mermaid-svg-oMMqnVeVAHwMxJIX .activeText1,#mermaid-svg-oMMqnVeVAHwMxJIX .activeText2,#mermaid-svg-oMMqnVeVAHwMxJIX .activeText3{fill:#000 !important}#mermaid-svg-oMMqnVeVAHwMxJIX .done0,#mermaid-svg-oMMqnVeVAHwMxJIX .done1,#mermaid-svg-oMMqnVeVAHwMxJIX .done2,#mermaid-svg-oMMqnVeVAHwMxJIX .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-oMMqnVeVAHwMxJIX .doneText0,#mermaid-svg-oMMqnVeVAHwMxJIX .doneText1,#mermaid-svg-oMMqnVeVAHwMxJIX .doneText2,#mermaid-svg-oMMqnVeVAHwMxJIX .doneText3{fill:#000 !important}#mermaid-svg-oMMqnVeVAHwMxJIX .crit0,#mermaid-svg-oMMqnVeVAHwMxJIX .crit1,#mermaid-svg-oMMqnVeVAHwMxJIX .crit2,#mermaid-svg-oMMqnVeVAHwMxJIX .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-oMMqnVeVAHwMxJIX .activeCrit0,#mermaid-svg-oMMqnVeVAHwMxJIX .activeCrit1,#mermaid-svg-oMMqnVeVAHwMxJIX .activeCrit2,#mermaid-svg-oMMqnVeVAHwMxJIX .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-oMMqnVeVAHwMxJIX .doneCrit0,#mermaid-svg-oMMqnVeVAHwMxJIX .doneCrit1,#mermaid-svg-oMMqnVeVAHwMxJIX .doneCrit2,#mermaid-svg-oMMqnVeVAHwMxJIX .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-oMMqnVeVAHwMxJIX .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-oMMqnVeVAHwMxJIX .milestoneText{font-style:italic}#mermaid-svg-oMMqnVeVAHwMxJIX .doneCritText0,#mermaid-svg-oMMqnVeVAHwMxJIX .doneCritText1,#mermaid-svg-oMMqnVeVAHwMxJIX .doneCritText2,#mermaid-svg-oMMqnVeVAHwMxJIX .doneCritText3{fill:#000 !important}#mermaid-svg-oMMqnVeVAHwMxJIX .activeCritText0,#mermaid-svg-oMMqnVeVAHwMxJIX .activeCritText1,#mermaid-svg-oMMqnVeVAHwMxJIX .activeCritText2,#mermaid-svg-oMMqnVeVAHwMxJIX .activeCritText3{fill:#000 !important}#mermaid-svg-oMMqnVeVAHwMxJIX .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-oMMqnVeVAHwMxJIX g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-oMMqnVeVAHwMxJIX g.classGroup text .title{font-weight:bolder}#mermaid-svg-oMMqnVeVAHwMxJIX g.clickable{cursor:pointer}#mermaid-svg-oMMqnVeVAHwMxJIX g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-oMMqnVeVAHwMxJIX g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-oMMqnVeVAHwMxJIX .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-oMMqnVeVAHwMxJIX .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-oMMqnVeVAHwMxJIX .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-oMMqnVeVAHwMxJIX .dashed-line{stroke-dasharray:3}#mermaid-svg-oMMqnVeVAHwMxJIX #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-oMMqnVeVAHwMxJIX #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-oMMqnVeVAHwMxJIX #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-oMMqnVeVAHwMxJIX #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-oMMqnVeVAHwMxJIX #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-oMMqnVeVAHwMxJIX #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-oMMqnVeVAHwMxJIX #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-oMMqnVeVAHwMxJIX #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-oMMqnVeVAHwMxJIX .commit-id,#mermaid-svg-oMMqnVeVAHwMxJIX .commit-msg,#mermaid-svg-oMMqnVeVAHwMxJIX .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-oMMqnVeVAHwMxJIX .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-oMMqnVeVAHwMxJIX .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-oMMqnVeVAHwMxJIX g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-oMMqnVeVAHwMxJIX g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-oMMqnVeVAHwMxJIX g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-oMMqnVeVAHwMxJIX g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-oMMqnVeVAHwMxJIX g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-oMMqnVeVAHwMxJIX g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-oMMqnVeVAHwMxJIX .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-oMMqnVeVAHwMxJIX .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-oMMqnVeVAHwMxJIX .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-oMMqnVeVAHwMxJIX .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-oMMqnVeVAHwMxJIX .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-oMMqnVeVAHwMxJIX .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-oMMqnVeVAHwMxJIX .edgeLabel text{fill:#333}#mermaid-svg-oMMqnVeVAHwMxJIX .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-oMMqnVeVAHwMxJIX .node circle.state-start{fill:black;stroke:black}#mermaid-svg-oMMqnVeVAHwMxJIX .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-oMMqnVeVAHwMxJIX #statediagram-barbEnd{fill:#9370db}#mermaid-svg-oMMqnVeVAHwMxJIX .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-oMMqnVeVAHwMxJIX .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-oMMqnVeVAHwMxJIX .statediagram-state .divider{stroke:#9370db}#mermaid-svg-oMMqnVeVAHwMxJIX .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-oMMqnVeVAHwMxJIX .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-oMMqnVeVAHwMxJIX .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-oMMqnVeVAHwMxJIX .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-oMMqnVeVAHwMxJIX .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-oMMqnVeVAHwMxJIX .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-oMMqnVeVAHwMxJIX .note-edge{stroke-dasharray:5}#mermaid-svg-oMMqnVeVAHwMxJIX .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-oMMqnVeVAHwMxJIX .error-icon{fill:#522}#mermaid-svg-oMMqnVeVAHwMxJIX .error-text{fill:#522;stroke:#522}#mermaid-svg-oMMqnVeVAHwMxJIX .edge-thickness-normal{stroke-width:2px}#mermaid-svg-oMMqnVeVAHwMxJIX .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-oMMqnVeVAHwMxJIX .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-oMMqnVeVAHwMxJIX .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-oMMqnVeVAHwMxJIX .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-oMMqnVeVAHwMxJIX .marker{fill:#333}#mermaid-svg-oMMqnVeVAHwMxJIX .marker.cross{stroke:#333}
:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}</style>
<style>#mermaid-svg-oMMqnVeVAHwMxJIX {
color: rgba(0, 0, 0, 0.75);
font: ;
}</style>
01 用Axure設計視頻封面
02 用基本元件畫圓形餅圖
03 用基本元件畫面積圖表
04 APP掃碼頁的遮罩效果
05 B站的圖文登錄驗證
06 導航實作100%寬度
07 APP發布頁開關鍵盤
08 京東的拼圖登錄驗證
09 省市區聯動下拉選單
10 首頁自動輪播廣告
11 選中事件-APP多選效果
12 選中事件-APP單選限制
13 焦點事件-支付密碼鍵盤
14 顯示隱藏-點擊按鈕顯示波紋
15 用母版繪制APP導航選單
16 用母版繪制Tab頁簽選單
17 用母版繪制高逼格APP頁面
Axure案例教程
基礎篇
第1章-基本元件應用
第2章-動態面板應用
第3章-互動事件應用
第4章-母版的應用
點擊矩形可跳轉至教程詳情頁
如何學習
◆ 本課程為在線學習形式,并非網盤資源,也不提供課程下載(課件除外),
◆ 只需要購買一次,即可享受一年為期的專欄課程學習,包括已發布課時和即將發布的課時,
◆ 在線學習平臺:CSDN博客-默林如斯作業室博客 點擊開始學習>>
◆ 限時特惠 9.9元 ,歡迎準備轉型或初入門的產品經理訂閱本專欄課程
◆ 專欄課程不定期更新,因此以上課程大綱只供參考,具體以CSDN專欄串列頁為準, ◆ 為幫助學員更快掌握課程,特提供課程相關RP格式課件 ,如有需要的學員可下載下來輔助學習, ◆ 本課程作品 (含文章與課件) 由默林如斯原創出品,禁止轉載傳播與二次銷售,