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

直播答題是2018年初興起的一種依靠互聯(lián)網(wǎng)在線答題贏獎金的活動蓉坎。每次活動由一名主持人出題,一般都是選擇題胡嘿,每次出題會彈出畫面蛉艾,每題有10秒的回答時間。直播答題無疑已經(jīng)滲透到我們的生活和娛樂中。

今天伺通,我們給大家分享一款直播答題類節(jié)目——《沖頂大會》的原型圖設(shè)計。使用我們的原型圖設(shè)計工具——xiaopiu逢享,加上這款《沖頂大會》原型圖設(shè)計資源庫罐监,你可以在3分鐘內(nèi),直接做出一款屬于自己的答題類App(小程序)原型瞒爬。

《沖頂大會》的原型圖里包括:首頁弓柱、手機(jī)注冊、手機(jī)登錄侧但、賬戶余額矢空、好友對戰(zhàn)、額外生命值禀横、排行榜(本周)屁药、排行榜(總榜)、規(guī)則說明柏锄、直播開始酿箭、直播答題、直播時輸入問題趾娃、最高歷史紀(jì)錄等3個核心板塊缭嫡,一共16個頁面,7個獨立高復(fù)用組件抬闷,做直播答題的產(chǎn)品經(jīng)理和設(shè)計師們可以直接拿來就用哦~

貼心的我們也直接幫你們做好了直播答題的整套交互流程妇蛀,直播開始時主持人先進(jìn)行暖場,隨后出現(xiàn)題目笤成,答題者選擇答案评架,主持人公布答案,最后答題結(jié)束炕泳。而且《沖頂大會》的整個原型圖中古程,頂欄、排行榜中都做成了引用組件的形式喊崖,可以快速替換文字挣磨、圖標(biāo),大大提升了復(fù)用性荤懂,使復(fù)雜的步驟簡單搞定茁裙。

除此以外,這套《沖頂大會》原型圖設(shè)計資源庫节仿,不僅僅能用來產(chǎn)出一款直播答題類的App(小程序)原型晤锥,里面的問題彈層、直播中粉絲的提問、排行榜排名矾瘾、好友對戰(zhàn)也可以使用到對戰(zhàn)答題游戲類原型或教育類直播原型的制作中女轿。希望這套原型圖設(shè)計資源庫對于做其他類型產(chǎn)品的產(chǎn)品經(jīng)理和設(shè)計師也能起到一定的參考作用。


最后搞正事:爵妗r燃!!附上原型教程放妈!帶你走上3分鐘做一款屬于自己的答題App(小程序)的原型之路北救!


高保真對比原型預(yù)覽

部分原型動態(tài)預(yù)覽

高保真組件庫展示

進(jìn)入xiaopiu精選廣場的組件庫,搜索「沖頂大會」芜抒,在搜索出的組件庫右下角點擊「引用為我的公用庫」珍策,

之后點擊右上角的引用按鈕就可以啦

引用成功后,打開你正在做的項目宅倒,在界面左側(cè)的組件庫里就會看到你剛剛引用的組件了攘宙。選擇需要的組件,拖拽到恰當(dāng)位置拐迁,進(jìn)行簡單修改得到自己想要的效果就可以了模聋。當(dāng)然,如果你對這個組件非常滿意唠亚,那就無需修改链方,直接使用嘍~

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

p.s.:我們xiaopiu的精選廣場里還有其他的海量原型圖設(shè)計資源庫呢祟蚀!有海量的產(chǎn)品原型和組件可以隨時直接使用!


資源鏈接

高保真原型地址→?沖頂大會(高保真)

低保真原型地址→沖頂大會(低保真)

高保真頁面庫地址→沖頂大會高保真頁面庫

低保真頁面庫地址→沖頂大會低保真頁面庫

組件庫地址→沖頂大會組件庫

往期福利領(lǐng)取處8盥簟G澳稹!

學(xué)習(xí)完這篇鹏溯,不妨一鼓作氣罢维,也來學(xué)學(xué)xiaopiu為你精選的這些教程吧~

教育類App「英語流利說」原型分享

在線教育APP「網(wǎng)易云課堂」原型分享

背單詞APP「百詞斬」原型分享

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市丙挽,隨后出現(xiàn)的幾起案子肺孵,更是在濱河造成了極大的恐慌,老刑警劉巖颜阐,帶你破解...
    沈念sama閱讀 218,640評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件平窘,死亡現(xiàn)場離奇詭異,居然都是意外死亡凳怨,警方通過查閱死者的電腦和手機(jī)瑰艘,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,254評論 3 395
  • 文/潘曉璐 我一進(jìn)店門是鬼,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人紫新,你說我怎么就攤上這事均蜜。” “怎么了芒率?”我有些...
    開封第一講書人閱讀 165,011評論 0 355
  • 文/不壞的土叔 我叫張陵囤耳,是天一觀的道長。 經(jīng)常有香客問我敲董,道長,這世上最難降的妖魔是什么慰安? 我笑而不...
    開封第一講書人閱讀 58,755評論 1 294
  • 正文 為了忘掉前任腋寨,我火速辦了婚禮,結(jié)果婚禮上化焕,老公的妹妹穿的比我還像新娘萄窜。我一直安慰自己,他們只是感情好撒桨,可當(dāng)我...
    茶點故事閱讀 67,774評論 6 392
  • 文/花漫 我一把揭開白布查刻。 她就那樣靜靜地躺著,像睡著了一般穗泵。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上谜疤,一...
    開封第一講書人閱讀 51,610評論 1 305
  • 那天佃延,我揣著相機(jī)與錄音,去河邊找鬼夷磕。 笑死履肃,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的坐桩。 我是一名探鬼主播尺棋,決...
    沈念sama閱讀 40,352評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼绵跷!你這毒婦竟也來了膘螟?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,257評論 0 276
  • 序言:老撾萬榮一對情侶失蹤碾局,失蹤者是張志新(化名)和其女友劉穎萍鲸,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體擦俐,經(jīng)...
    沈念sama閱讀 45,717評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡脊阴,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,894評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片嘿期。...
    茶點故事閱讀 40,021評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡品擎,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出备徐,到底是詐尸還是另有隱情萄传,我是刑警寧澤,帶...
    沈念sama閱讀 35,735評論 5 346
  • 正文 年R本政府宣布蜜猾,位于F島的核電站秀菱,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏蹭睡。R本人自食惡果不足惜衍菱,卻給世界環(huán)境...
    茶點故事閱讀 41,354評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望肩豁。 院中可真熱鬧脊串,春花似錦、人聲如沸清钥。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,936評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽祟昭。三九已至缕坎,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間篡悟,已是汗流浹背念赶。 一陣腳步聲響...
    開封第一講書人閱讀 33,054評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留恰力,地道東北人叉谜。 一個月前我還...
    沈念sama閱讀 48,224評論 3 371
  • 正文 我出身青樓,卻偏偏與公主長得像踩萎,于是被迫代替她去往敵國和親停局。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,974評論 2 355

推薦閱讀更多精彩內(nèi)容