《沖頂大會》—如何用原型圖設計工具3分鐘快速做一款答題App?

《衝頂大會》—如何用原型圖設計工具3分鐘快速做一款答題App?

直播答題是2018年初興起的一種依靠互聯網在線答題贏獎金的活動。每次活動由一名主持人出題,一般都是選擇題,每次出題會彈出畫面,每題有10秒的回答時間。直播答題無疑已經滲透到我們的生活和娛樂中。

今天,我們給大家分享一款直播答題類節目——《衝頂大會》的原型圖設計。使用我們的原型圖設計工具——xiaopiu,加上這款《衝頂大會》原型圖設計資源庫,你可以在3分鐘內,直接做出一款屬於自己的答題類App(小程序)原型。

《衝頂大會》的原型圖裡包括:首頁、手機註冊、手機登錄、賬戶餘額、好友對戰、額外生命值、排行榜(本週)、排行榜(總榜)、規則說明、直播開始、直播答題、直播時輸入問題、最高歷史紀錄等3個核心板塊,一共16個頁面,7個獨立高複用組件,做直播答題的產品經理和設計師們可以直接拿來就用哦~

貼心的我們也直接幫你們做好了直播答題的整套交互流程,直播開始時主持人先進行暖場,隨後出現題目,答題者選擇答案,主持人公佈答案,最後答題結束。而且《衝頂大會》的整個原型圖中,頂欄、排行榜中都做成了引用組件的形式,可以快速替換文字、圖標,大大提升了複用性,使複雜的步驟簡單搞定。

除此以外,這套《衝頂大會》原型圖設計資源庫,不僅僅能用來產出一款直播答題類的App(小程序)原型,裡面的問題彈層、直播中粉絲的提問、排行榜排名、好友對戰也可以使用到對戰答題遊戲類原型或教育類直播原型的製作中。希望這套原型圖設計資源庫對於做其他類型產品的產品經理和設計師也能起到一定的參考作用。

最後搞正事!!!附上原型教程!帶你走上3分鐘做一款屬於自己的答題App(小程序)的原型之路!

高低保真對比原型預覽《衝頂大會》—如何用原型圖設計工具3分鐘快速做一款答題App?

部分原型動態預覽《衝頂大會》—如何用原型圖設計工具3分鐘快速做一款答題App?

組件庫原型展示《衝頂大會》—如何用原型圖設計工具3分鐘快速做一款答題App?

進入xiaopiu精選廣場的組件庫,搜索「衝頂大會」,在搜索出的組件庫右下角點擊「引用為我的公用庫」,《衝頂大會》—如何用原型圖設計工具3分鐘快速做一款答題App?

之後點擊右上角的引用按鈕就可以啦《衝頂大會》—如何用原型圖設計工具3分鐘快速做一款答題App?

引用成功後,打開你正在做的項目,在界面左側的組件庫裡就會看到你剛剛引用的組件了。選擇需要的組件,拖拽到恰當位置,進行簡單修改得到自己想要的效果就可以了。當然,如果你對這個組件非常滿意,那就無需修改,直接使用嘍~《衝頂大會》—如何用原型圖設計工具3分鐘快速做一款答題App?

是不是使用起來超簡單~接下來的時間,就趕緊自己動手試試吧!


分享到:


相關文章: