設計大神都在用的雙重曝光 用在職場PPT中太驚豔了（教程）
電視劇《長安十二時辰》正在熱播中。無論是職場人士，還是家庭主婦，很多人都在追這部有馬伯庸主筆的電視劇，當然，這部電視劇也創造了很好的效果，豆瓣評分8.6，...
轉盤抽獎一般會出現在一些金融類網站中，通過轉盤抽獎來激活用戶瀏覽行為，後來又多用於微信的公眾號運營中，通過轉盤抽獎來宣傳活動，從而達到吸粉的目的。這一章就教大家如何使用axure原型工具製作轉盤抽獎原型。
第一步：拖拉擺放好相關控件
1、轉盤：300X300的白底黑框圓形，一條垂直線、一條45度垂直線、一條水平線、一條45度水平線，四線交叉組合居中放於白底黑框圓形上方，將白底黑框圓形等分切割成八份，每一份放一個文本標籤，文本標籤的文字角度可通過鍵盤微調適當即可，文本標籤的文字有三個分別是“一等獎”，“二等獎”和“三等獎”，其餘的皆為“謝謝惠顧”，將以上元件組合並命名為“轉盤”。
2、抽獎按鈕：100X100的灰底黑框圓形，中間文字為“抽獎”，將此元件命名為“抽獎按鈕”，並居中置於“轉盤”上方。
3、抽獎指針：10X32的灰底黑框三角形，將此元件命名為“抽獎指針”，並置於“抽獎按鈕”的正上方。
第二步：為“抽獎按鈕”添加鼠標單擊時用例
此用例中只添加一個動作，即：相對旋轉轉盤，角度為[[100000+Math.random()*360]]，方向為順時針，錨點為中心，動畫為線性，時間為2000毫秒。
好了，預覽並點擊“抽獎按鈕”即可以看到轉盤抽獎效果。
作者：維度，個人博客：http://weidublog.com
本文由 @維度 原創發佈於人人都是產品經理。未經許可，禁止轉載。
相關推薦
'後臺設計之權限管理'
"權限系統是每位後臺產品產品經理繞不過去的問題，好的權限系統可以明確公司內不同人員、不同部門的分工，降低操作風險發生概率，便於管理等優勢。筆者曾負責過若干種後臺系統的搭建，其中都繞不開“權限管理”，現願意將我個人經驗和工作中所產生的的思考與大家進行分享。1. 權限系統是什麼...
'「雲頂之弈」彩蛋觸發器，非正式版教程，看看就好了，千萬不要學'
" 9.16呀9.16，玩了幾天分掉了幾百分咯。所以就瞎鼓搗了些亂七八糟的東西，或看或學或不小心點出來滴，來簡單說一下：【將己方棋子變為對方棋子】 這是一個BUG，大家不要輕易常試，若是被封號，只能怪自己手在自己倉庫的棋子變紅，不能夠賣，可以上場，但是上場會攻擊自己，而且在...
'Axure教程：如何自制橫向滾動條？'
"本文為我們介紹了自制橫向滾動條的三個步驟，以及其中的注意要點。更多詳細內容請見正文~一般如果我們需要使用橫向滾動條，會直接使用動態面板提供的橫向滾動條。由於橫向滾動條在動態面板的最底部，這就有個前提，就是動態面板必須全部展示在可視範圍內，橫向滾動條才可以使用。那當動態面板...
Axure
2019-09-06
'Axure教程：實現頁面上下活動和頂部吸附'
"本文給大家介紹一個，如何在Axure中實現頁面上下活動和頂部吸附，一起來看看~最終效果預覽：https://xydq37.axshare.com/#c=2元素準備首先在畫布中拖一個矩形框，寬度為375px，高度為675px，模擬手機屏幕大小；然後在矩形框內添加一個動態面板...
'Axure 教程：web網站原型設計技巧的分享'
"分享個人在繪製PC端web網站交互原型中一些設計技巧，enjoy~技巧一：搭建導航框架頁面當自己還是一個小白時，開始著手設計web界面時，最容易犯的一個錯誤就是：基本每一個頁面的繪製都是頂部導航、左側導航、右側則為頁面內容。如下所示：當設計的頁面比較多時，一旦改變了側導航...
'Axure教程：模仿有趣的鱷魚咬人玩具遊戲'
"本文教大家如何用Axure實現鱷魚咬人玩具遊戲，一起來看看~早上看到一個鱷魚咬人的玩具，按下鱷魚的牙齒，會觸發機關咬下來，每次觸發的牙齒位置都不一樣，心裡萌生出，這個效果能不能用Axure實現？於是，我在一個早餐的時間把它做了出來了！是不是很有趣，有沒有被老師帥到，教學開...
'PS教程基礎之cs6默認快捷鍵彙總及補充'
"這裡對PS的默認快捷鍵進行彙總和補充，圖片裡僅展示部分，文字中補充更完整一些。1、工具欄（相同快捷鍵，按住Shift +對應快捷鍵 更換）移動工具 V矩形選框工具 M橢圓選框工具 M單行選框工具 單列選框工具 套索工具 L多邊形套索工具 L磁性套索工具 L快速選擇工具 W...
'Axure教程：登錄·高保真設計'
"因太久沒有更新，本先講講登錄界面的原型設計。可關注後續的註冊、重置密碼篇。登錄界面結構需要準備哪些東西矩形、文本、圖片（作為產品圖標使用，沒有也可以）、輸入框、賬號/密碼icon。學完將學會什麼瞭解登錄界面的佈局以及各種元素，用戶在操作時需要有哪些反饋，怎麼做體驗較好，本...
'Axure 教程：實現自主向中繼器添加圖文數據'
"雖說原型通常不需要做複雜的交互效果，但是有時候為了給客戶或開發更真實的表現出產品預期效果，比口頭或文檔描述的效果會好一些。axure 中繼器可以幫我們做相同內容的增刪改查處理效果，本文將實現自主向中繼器裡添加圖文數據。效果預覽預覽效果.gif實現方法分析，目標是向左側信息...
'有時，我們可能誤會了原型設計'
"三個常見的彈出窗口原型，分別是提示信息彈出窗口、二次確認彈出窗口、Toast窗口，以下，本文將從這三方面分別進行介紹。經常看到一些原型頁面，只是一些靜態頁面羅列，每一個頁面裡沒有任何的交互行為，交互原型所說的“交互”體現在哪裡？我們只是點開每個頁面向別人介紹我們的業務流程...
'PPT教程，6個PPT設計“偷懶”法寶，全都知道的人不足1%'
"嗨，我是愛踢汪。設計PPT猶如我們寫文章一樣，需要掌握一些祕訣，來提升頁面設計感和效率。那設計PPT時，會有哪些比較實用的神操作呢？下面提到的6個“偷懶”法寶肯定算。廢話不多說，直接進入正題啦！01、邏輯思維思維導圖邏輯框架作為PPT的骨骼靈魂，一個穩固，環環相扣脈絡清晰...
'Axure教程：一箇中繼器實現密碼驗證'
"本文給大家介紹用一箇中繼器實現axure登錄時賬號密碼驗證效果，一起來看看~實現效果如下圖：工具/原料：賬號文本框密碼文本框登錄按鈕中繼器記錄密碼的文本標籤（隱藏）提示框（隱藏）驗證按鈕（隱藏）方法/步驟步驟1設置中繼器：新增列account新增列password在中級期...
'Axure教程：計數文本域實現'
"制定UI規範時，遇到實現“限制字數的文本域”的交互問題，即當用戶輸入的字數長度超過限制要求，如何只保留規定長度的文本？效果如下：我們知道【Number】類型的文本框，可以限制輸入文本的最大長度，通常用在11位電話號碼的情形較多，如下：可惜，多行文本框並沒有類型的區別，沒有...
Axure教程：首頁的左右滑動、點擊切換卡片、加載動畫等交互的實現
本案例實現了微信讀書首頁的左右滑動切換卡片、點擊按鈕切換卡片、加載新卡片的動效、判斷用戶是否已瀏覽完推薦的新卡片等交互效果。一、效果展示體驗地址：http...
Axure教程：蘋果手機撥號原型
對於我們每天熟悉得不能再熟悉的撥號鍵盤，你有沒有想過它背後的交互設計理念是什麼，它是如何通過Axure實現的呢？在本文中，筆者將告訴你這些問題的答案。對於...
推薦中...