《冲顶大会》原型——如何用原型图工具3分钟做一款答题App?

直播答题是2018年初兴起的一种依靠互联网在线答题赢奖金的活动。每次活动由一名主持人出题,一般都是选择题,每次出题会弹出画面,每题有10秒的回答时间。直播答题无疑已经渗透到我们的生活和娱乐中。

今天,我们给大家分享一款直播答题类节目——《冲顶大会》的原型图设计。使用我们的原型图设计工具——xiaopiu,加上这款《冲顶大会》原型图设计资源库,你可以在3分钟内,直接做出一款属于自己的答题类App(小程序)原型。

《冲顶大会》的原型图里包括:首页、手机注册、手机登录、账户余额、好友对战、额外生命值、排行榜(本周)、排行榜(总榜)、规则说明、直播开始、直播答题、直播时输入问题、最高历史纪录等3个核心板块,一共16个页面,7个独立高复用组件,做直播答题的产品经理和设计师们可以直接拿来就用哦~

贴心的我们也直接帮你们做好了直播答题的整套交互流程,直播开始时主持人先进行暖场,随后出现题目,答题者选择答案,主持人公布答案,最后答题结束。而且《冲顶大会》的整个原型图中,顶栏、排行榜中都做成了引用组件的形式,可以快速替换文字、图标,大大提升了复用性,使复杂的步骤简单搞定。

除此以外,这套《冲顶大会》原型图设计资源库,不仅仅能用来产出一款直播答题类的App(小程序)原型,里面的问题弹层、直播中粉丝的提问、排行榜排名、好友对战也可以使用到对战答题游戏类原型或教育类直播原型的制作中。希望这套原型图设计资源库对于做其他类型产品的产品经理和设计师也能起到一定的参考作用。


最后搞正事!!!附上原型教程!带你走上3分钟做一款属于自己的答题App(小程序)的原型之路!


高保真对比原型预览

部分原型动态预览

高保真组件库展示

进入xiaopiu精选广场的组件库,搜索「冲顶大会」,在搜索出的组件库右下角点击「引用为我的公用库」,

之后点击右上角的引用按钮就可以啦

引用成功后,打开你正在做的项目,在界面左侧的组件库里就会看到你刚刚引用的组件了。选择需要的组件,拖拽到恰当位置,进行简单修改得到自己想要的效果就可以了。当然,如果你对这个组件非常满意,那就无需修改,直接使用喽~

是不是使用起来超简单~接下来的时间,就赶紧自己动手试试吧!

p.s.:我们xiaopiu的精选广场里还有其他的海量原型图设计资源库呢!有海量的产品原型和组件可以随时直接使用!


资源链接

高保真原型地址→ 冲顶大会(高保真)

低保真原型地址→冲顶大会(低保真)

高保真页面库地址→冲顶大会高保真页面库

低保真页面库地址→冲顶大会低保真页面库

组件库地址→冲顶大会组件库

往期福利领取处!!!

学习完这篇,不妨一鼓作气,也来学学xiaopiu为你精选的这些教程吧~

教育类App「英语流利说」原型分享

在线教育APP「网易云课堂」原型分享

背单词APP「百词斩」原型分享

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,362评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,330评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,247评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,560评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,580评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,569评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,929评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,587评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,840评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,596评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,678评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,366评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,945评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,929评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,165评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,271评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,403评论 2 342

推荐阅读更多精彩内容