起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí)Axure教程：隨機(jī)抽獎(jiǎng)
前段時(shí)間在線下看到一個(gè)抽獎(jiǎng)的轉(zhuǎn)盤，發(fā)現(xiàn)很有意思，不過這個(gè)轉(zhuǎn)盤是需要手動(dòng)操作，突然我就聯(lián)想到若是這種抽獎(jiǎng)轉(zhuǎn)盤若放在我們APP中如何實(shí)現(xiàn)；然而作為一名初級(jí)產(chǎn)品經(jīng)理，在設(shè)計(jì)仿真原型圖又需要怎么去做呢？
以下將是實(shí)現(xiàn)隨機(jī)抽獎(jiǎng)的案例：
在此之前，說明一下此次我們涉及內(nèi)容：旋轉(zhuǎn)、隨機(jī)函數(shù)（random，返回0~1之間的隨機(jī)數(shù)0<1）。
步驟一：需要繪制如下原型抽獎(jiǎng)。
見圖一：
步驟二：
- 給“”點(diǎn)我“”一個(gè)【鼠標(biāo)單擊時(shí)】事件，選擇【旋轉(zhuǎn)】-勾選抽獎(jiǎng)轉(zhuǎn)盤組合；
- 設(shè)置旋轉(zhuǎn)為【相對(duì)位置】，若是【絕對(duì)位置】則抽獎(jiǎng)轉(zhuǎn)盤轉(zhuǎn)完后，再次單擊則無法實(shí)現(xiàn)隨機(jī)抽獎(jiǎng)轉(zhuǎn)動(dòng)；
- 設(shè)置角度，由于需要抽獎(jiǎng)單擊隨機(jī)，所以此處我們需要使用到函數(shù)[[Math.random()*360+3600]]。
- 其次設(shè)置動(dòng)畫為【緩進(jìn)緩出】，時(shí)間【2000】毫秒
實(shí)現(xiàn)這個(gè)效果很容易，關(guān)鍵是要理解這里面的邏輯。
其實(shí)學(xué)了這么久，悟出所有產(chǎn)品都是源自生活，只要平時(shí)我們多觀察、了解生活的細(xì)微之處，或許某一天一個(gè)不起眼的瞬間，就成了我們對(duì)產(chǎn)品的發(fā)現(xiàn)或者是一個(gè)新的創(chuàng)新。
本文由 @?猴子 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
題圖來自Unsplash，基于CC0協(xié)議
評(píng)論
為什么加+3600
產(chǎn)品小白沒看懂復(fù)雜的交互設(shè)計(jì)，想從基礎(chǔ)開始學(xué)，卻無從下手？
可以找Axure實(shí)戰(zhàn)班的助教小可愛@CC-起點(diǎn)學(xué)院（微信：qidiancc520），回復(fù)關(guān)鍵詞：禮物
? 領(lǐng)取原型設(shè)計(jì)大禮包，還有不定期的Axure免費(fèi)視頻課程分享，老師在線答疑，多學(xué)多看多思考，你也能成為Axure原型設(shè)計(jì)大牛哦~
那個(gè)函數(shù)能詳細(xì)說下什么意思嗎？
mathrandom()*360:
mathrandom()隨機(jī)生成一個(gè)0-1之間的數(shù)，*360代表在0-360度之間隨機(jī)旋轉(zhuǎn)角度。
3600=10×360，也可以理解為轉(zhuǎn)10圈，為了達(dá)到動(dòng)態(tài)效果。若+1800，則旋轉(zhuǎn)時(shí)間減少。
挺有趣的，一會(huì)去試試??