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

答题类App冲顶大会原型分享,web原型、页面、组件均提供链接。

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

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

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

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

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

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

高低保真对比原型预览

部分原型动态预览

组件库原型展示

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

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

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

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

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

资源链接

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

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

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

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

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

往期福利领取处!!!

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

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

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

旅游类App「Airbnb爱彼迎」原型分享

文/Fiona(知乎专栏:xiaopiu工坊)

0条评论 添加新讨论

登录后参与讨论
Ctrl+Enter 发表