html仿冲顶大会答题源码,答题类《冲顶大会》APP原型资源

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

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

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

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

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

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

高低保真对比原型预览

部分原型动态预览

高保真组件库展示

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

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

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

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

资源链接

作者：王二麻

登录收藏