视频APP「哔哩哔哩」原型分享

@王二麻 动漫网站近年来越来越受年轻人青睐,虽然随着年龄的增长年轻人不再喜欢看小时候看的动画片,但是动漫却在一个较广的年龄范围内受到大众的喜爱。除了日本动漫,中国的动漫也在渐渐发展。因此许多为喜爱动漫的群体提供的平台逐渐发展起来,「哔哩哔哩」作为一个发展较早的动漫爱好者观看视频和互动交流的平台,人气较高,发展到现在不仅有动漫,也有国内外电影和连续剧资源,支持用户自主上传视频,因此在b站上出现很多人气极高的视频up主,弹幕和用户质量也普遍较高。同时,弹幕文化也在迅速发展,「哔哩哔哩」在国内也是较早出现弹幕的视频网站,在观看视频的时候发弹幕,既可以给观看用户科普相关知识,在视频播放的某个时刻即时解释视频内容,也可以和共同观看的其他用户进行互动。本次我们就给大家分享「哔哩哔哩」app的高低保真原型~

我们的原型包括「首页」「分区」「动态」「消息」「我的」五大一级界面板块,「直播」「搜索」「历史记录」「个人主页」「推荐」等二级界面,「播放视频」「注册登录」等完整流程页面,含有图标和文字结合的「分类」完整组件、含有视频缩略图和文字介绍的「番剧区列表」,滚动切换的「banner动画」「视频弹幕」的完整演示动画等,形式多样,要做动漫视频类app的盆友千万不要错过啦!

 

高保真与低保真原型对比

bilibili gaobaozhenduibitu

 

放出一个高保真预览gif——

bilibili preview

想完整预览所有页面和流程的戳这里

高保真原型预览: xiaopiu-哔哩哔哩高保真原型

低保真原型预览: xiaopiu-哔哩哔哩低保真原型

 

高保真组件库预览

bilibili gaobaozhenzujianku

 

利用组件库搭建页面

在精选广场的组件库里搜索哔哩哔哩,在搜索出的组件库右下角点击引用为我的公用库

bilibili zujiankusousuo

也可以戳这里进入高保真组件库→ xiaopiu-哔哩哔哩高保真组件库

之后点击右上角的引用按钮~

v2-5b0a788247bf2a868e4b2e826918f8bd_r

引用以后,就可以直接在项目中看到左边的组件库里有引用的这个组件库啦~所有引用的组件库会随着发布者的更新而更新哦~

这个组件库到底有多方便呢?看看这个动态演示↓

bilibili progress

 

资源地址

高保真原型预览: xiaopiu-哔哩哔哩高保真原型

低保真原型预览: xiaopiu-哔哩哔哩低保真原型

高低保真原型下载→ xiaopiu-哔哩哔哩高低保真原型下载

高保真页面库引用→ xiaopiu-哔哩哔哩高保真页面库

低保真页面库引用→ xiaopiu-哔哩哔哩低保真页面库

高保真组件库引用→ xiaopiu-哔哩哔哩高保真组件库

 

更多资源详见专栏:xiaopiu工坊

或直接访问我们的网站:xiaopiu-精选广场

除了以上的APP原型模板,我们还有百词斩、知乎、喜马拉雅FM、天猫商城、WeUI、饿了么、音乐、ZAKER、Timeline、Yahoo News Digest、澎湃新闻、loading动效、腾讯视频、ofo小黄车、新浪微博、Instagram、Keep、支付宝、QQ、全民K歌、斗鱼、58同城、小程序-轻芒杂志、小程序-自选股、小程序-王者荣耀排行榜、小程序-朝夕日历、小程序-摩拜单车几十款精选多行业高品质原型模板等你来用哦!

 

原文地址:知乎

作者:王二麻

 


 

0

评论0

站点公告

 

AI创作与绘画大师,国内版chatGPT在线版本免费使用哦

点击打开: https://ai.uiya.cn

   
显示验证码
没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码