前段時間在線下看到一個抽獎的轉(zhuǎn)盤，發(fā)現(xiàn)很有意思，不過這個轉(zhuǎn)盤是需要手動操作，突然我就聯(lián)想到若是這種抽獎轉(zhuǎn)盤若放在我們APP中如何實現(xiàn)；然而作為一名初級產(chǎn)品經(jīng)理，在設(shè)計仿真原型圖又需要怎么去做呢？

以下將是實現(xiàn)隨機抽獎的案例：

在此之前，說明一下此次我們涉及內(nèi)容：旋轉(zhuǎn)、隨機函數(shù)（random，返回0~1之間的隨機數(shù)0<1）。

步驟一：需要繪制如下原型抽獎。

見圖一：

步驟二：

• 給“”點我“”一個【鼠標單擊時】事件，選擇【旋轉(zhuǎn)】-勾選抽獎轉(zhuǎn)盤組合；
• 設(shè)置旋轉(zhuǎn)為【相對位置】，若是【絕對位置】則抽獎轉(zhuǎn)盤轉(zhuǎn)完后，再次單擊則無法實現(xiàn)隨機抽獎轉(zhuǎn)動；
• 設(shè)置角度，由于需要抽獎單擊隨機，所以此處我們需要使用到函數(shù)[[Math.random()*360+3600]]。

• 其次設(shè)置動畫為【緩進緩出】，時間【2000】毫秒

實現(xiàn)這個效果很容易，關(guān)鍵是要理解這里面的邏輯。

其實學(xué)了這么久，悟出所有產(chǎn)品都是源自生活，只要平時我們多觀察、了解生活的細微之處，或許某一天一個不起眼的瞬間，就成了我們對產(chǎn)品的發(fā)現(xiàn)或者是一個新的創(chuàng)新。

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

題圖來自Unsplash，基于CC0協(xié)議