一岔冀、目的
為抖音拍攝界面增加商店模塊
二丰捷、背景
抖音是當(dāng)下短視頻行業(yè)較火熱的一款app忠烛,其社交功能較為突出属提,但除直播外對(duì)于商業(yè)化功能的發(fā)展空間還很大,所以我們?yōu)槎兑粼O(shè)計(jì)一個(gè)商店模塊美尸。
三冤议、主要界面及流程
? ? ·我們?cè)谂臄z頁面的拍攝按鈕旁增加一個(gè)商店界面,點(diǎn)擊后增加和道具同樣的動(dòng)畫效果
·點(diǎn)擊進(jìn)入后會(huì)顯示一個(gè)二級(jí)界面為濾鏡與道具的購買模塊并在瀏覽框的右下角顯示價(jià)格
·點(diǎn)擊某款濾鏡或道具可以進(jìn)到設(shè)想界面查看效果师坎,原“按住拍”按鈕變成“購買”圖標(biāo)恕酸,點(diǎn)擊購買頁面彈出對(duì)話框確認(rèn)是否購買
·購買成功后該商品將自動(dòng)加載到道具和濾鏡界面以在第一位顯示并在圖標(biāo)右上角加“NEW”標(biāo)志,第一次點(diǎn)擊后“NEW”標(biāo)志消失胯陋,所有圖標(biāo)以使用先后順序自動(dòng)排序蕊温。