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

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

---

高保真与低保真原型对比

戳大图可以看到高清对比~

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

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

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

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

---

高保真组件库预览

---

利用组件库搭建页面

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

（或者直接简单粗暴的戳这里→ xiaopiu-精选广场搜索「哔哩哔哩」 ）

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

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

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

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

---

资源地址

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

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

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

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

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

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

文/WOOSEVELT（知乎专栏：xiaopiu工坊）