起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業(yè)技能直播
會員專屬社群
榮耀標識Axure原型學習：微信讀書
結(jié)合了一些最新版本的樣式，以微信讀書為標本做了Axure原型學習，enjoy~
首先要感謝人人都是產(chǎn)品經(jīng)理專欄作家@楊文強Kpaladin 老師，無私奉獻了微信讀書原型教程。楊老師的原文鏈接：http://www.aharts.cn/rp/231529.html
在新手學習Axure的這條路上，個人認為一定要選擇一個簡單易懂的原型堅持練習，在練習的過程中遇到的困難再去學習，這樣逐步深入會對Axure的學習有更大的幫助，實踐出真知嘛。
我做的基本和楊老師的原型一樣，但是結(jié)合了一些最新版本的樣式，由于時間問題有些界面的改的有些混亂，但畢竟也只是為了學習Axure，相同的做法我基本都放棄了。
楊老師在文中寫的教程我就不再寫了，建議大家多多學習，然后我選擇幾處做的時候認為不好理解的：
一. 底邊欄切換
?教程中的內(nèi)容我沒看懂，就用了最笨也最好理解的方式實現(xiàn)的，將底邊欄每個模塊轉(zhuǎn)換成動態(tài)面板，設(shè)置屬性如有圖即可，右圖我選擇了想法的設(shè)置。
因為不清楚實際的產(chǎn)品經(jīng)理會不會這么做，希望能有高人指點一下這個切換的做法。
二. 內(nèi)容上下滑動并自動回彈
第一步：將需要上下滑動的內(nèi)容設(shè)置成動態(tài)面板
第二步：放到合適的位置再次轉(zhuǎn)換成動態(tài)面板，注意是轉(zhuǎn)換了兩次，區(qū)分為：內(nèi)容展示窗口（第二次轉(zhuǎn)換的動態(tài)面板名稱）和內(nèi)容（第一次轉(zhuǎn)換的動態(tài)面板名稱）。所以設(shè)置內(nèi)容展示窗口的動態(tài)面板大小只是調(diào)整展示窗口的大小。
第三步：設(shè)置局部變量
解釋一下我設(shè)置的內(nèi)容，showyinsi=內(nèi)容展示窗口（動態(tài)面板），Daoyan=內(nèi)容（動態(tài)面板）
再加一個左右滑動的回彈設(shè)置，同理，只是把Y坐標換成X坐標就行了。
三. 點擊后置灰
這其實是比較常見的動態(tài)面板使用，設(shè)置兩層即可。
四. 滑動的小按鈕
我不知道有沒有簡單的做法，這個挺麻煩的，用一個圈和一個條形框組合而成，但是如果熟練使用動態(tài)面板的話也是很好實現(xiàn)的。
和內(nèi)容上下滑動回彈一個原理，但是這次需要將小圓圈和條形框分別轉(zhuǎn)換成動態(tài)面板，分別設(shè)置兩層（藍色和灰色），當點擊時切換效果。
下圖中的設(shè)置僅對小圈圈（動態(tài)面板）設(shè)置。
總結(jié)來說，在學習使用的過程中，動態(tài)面板的使用非常重要，方便疊加和切換；另外還有熱區(qū)的使用，左右翻頁和點擊彈出我?guī)缀醵际鞘褂玫臒釁^(qū)點擊實現(xiàn)的。
本文演示地址：?https://sfk07q.axshare.com
原型文件下載地址：https://pan.baidu.com/s/1ySV6SKPr0hbRpEfsJLfreQ
密碼: baqi
以上是作為新手的練習內(nèi)容，做的不太好，也不太成熟，希望大家多多指正，有問題可以直接留言。
本文由 @四時佳興 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來自 Pixabay，基于 CC0 協(xié)議
原型文件下載地址沒了，能不能分享一份
原型下載鏈接過期了，可否更新一下
底邊欄切換我一般采取的方法是設(shè)置單選組。為每個底部按鈕設(shè)置選中和未選中的樣式，每個的點擊事件為選中this，可觸發(fā)鼠標交互。如果圖標找不到合適的可以去iconfont.cn去找，把圖片下載下來后轉(zhuǎn)換為svg格式。
感謝！這個方法確實非常簡單！希望看到此文的小伙伴們學習大佬的這條教程，不要參照我的復雜做法…