轉(zhuǎn)盤抽獎一般會出現(xiàn)在一些金融類網(wǎng)站中，通過轉(zhuǎn)盤抽獎來激活用戶瀏覽行為，后來又多用于微信的公眾號運營中，通過轉(zhuǎn)盤抽獎來宣傳活動，從而達到吸粉的目的。這一章就教大家如何使用axure原型工具制作轉(zhuǎn)盤抽獎原型。

第一步：拖拉擺放好相關(guān)控件

1、轉(zhuǎn)盤：300X300的白底黑框圓形，一條垂直線、一條45度垂直線、一條水平線、一條45度水平線，四線交叉組合居中放于白底黑框圓形上方，將白底黑框圓形等分切割成八份，每一份放一個文本標簽，文本標簽的文字角度可通過鍵盤微調(diào)適當即可，文本標簽的文字有三個分別是“一等獎”，“二等獎”和“三等獎”，其余的皆為“謝謝惠顧”，將以上元件組合并命名為“轉(zhuǎn)盤”。

2、抽獎按鈕：100X100的灰底黑框圓形，中間文字為“抽獎”，將此元件命名為“抽獎按鈕”，并居中置于“轉(zhuǎn)盤”上方。

3、抽獎指針：10X32的灰底黑框三角形，將此元件命名為“抽獎指針”，并置于“抽獎按鈕”的正上方。

第二步：為“抽獎按鈕”添加鼠標單擊時用例

此用例中只添加一個動作，即：相對旋轉(zhuǎn)轉(zhuǎn)盤，角度為[[100000+Math.random()*360]]，方向為順時針，錨點為中心，動畫為線性，時間為2000毫秒。

好了，預(yù)覽并點擊“抽獎按鈕”即可以看到轉(zhuǎn)盤抽獎效果。

效果圖：axure原型設(shè)計之轉(zhuǎn)盤抽獎

附件下載：轉(zhuǎn)盤抽獎rp文件

作者：維度，個人博客：http://weidublog.com

本文由 @維度 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。