視頻APP「嗶哩嗶哩」原型分享

@王二麻 動漫網站近年來越來越受年輕人青睞,雖然隨著年齡的增長年輕人不再喜歡看小時候看的動畫片,但是動漫卻在一個較廣的年齡范圍內受到大眾的喜愛。除了日本動漫,中國的動漫也在漸漸發展。因此許多為喜愛動漫的群體提供的平臺逐漸發展起來,「嗶哩嗶哩」作為一個發展較早的動漫愛好者觀看視頻和互動交流的平臺,人氣較高,發展到現在不僅有動漫,也有國內外電影和連續劇資源,支持用戶自主上傳視頻,因此在b站上出現很多人氣極高的視頻up主,彈幕和用戶質量也普遍較高。同時,彈幕文化也在迅速發展,「嗶哩嗶哩」在國內也是較早出現彈幕的視頻網站,在觀看視頻的時候發彈幕,既可以給觀看用戶科普相關知識,在視頻播放的某個時刻即時解釋視頻內容,也可以和共同觀看的其他用戶進行互動。本次我們就給大家分享「嗶哩嗶哩」app的高低保真原型~

我們的原型包括「首頁」、「分區」、「動態」、「消息」、「我的」五大一級界面板塊,「直播」、「搜索」、「歷史記錄」、「個人主頁」、「推薦」等二級界面,「播放視頻」、「注冊登錄」等完整流程頁面,含有圖標和文字結合的「分類」完整組件、含有視頻縮略圖和文字介紹的「番劇區列表」,滾動切換的「banner動畫」、「視頻彈幕」的完整演示動畫等,形式多樣,要做動漫視頻類app的盆友千萬不要錯過啦!

 

高保真與低保真原型對比

 

放出一個高保真預覽gif——

想完整預覽所有頁面和流程的戳這里

高保真原型預覽: 

低保真原型預覽: 

 

高保真組件庫預覽

 

利用組件庫搭建頁面

在精選廣場的組件庫里搜索嗶哩嗶哩,在搜索出的組件庫右下角點擊引用為我的公用庫

也可以戳這里進入高保真組件庫→ 

之后點擊右上角的引用按鈕~

引用以后,就可以直接在項目中看到左邊的組件庫里有引用的這個組件庫啦~所有引用的組件庫會隨著發布者的更新而更新哦~

這個組件庫到底有多方便呢?看看這個動態演示↓

 

資源地址

高保真原型預覽: 

低保真原型預覽: 

高低保真原型下載→ 

高保真頁面庫引用→ 

低保真頁面庫引用→ 

高保真組件庫引用→ 

 

其他資源分享

更多資源詳見專欄:xiaopiu工坊

或直接訪問我們的網站:

除了以上的APP原型模板,我們還有百詞斬、知乎、喜馬拉雅FM、天貓商城、WeUI、餓了么、音樂、ZAKER、Timeline、Yahoo News Digest、澎湃新聞、loading動效、騰訊視頻、ofo小黃車、新浪微博、Instagram、Keep、支付寶、QQ、全民K歌、斗魚、58同城、小程序-輕芒雜志、小程序-自選股、小程序-王者榮耀排行榜、小程序-朝夕日歷、小程序-摩拜單車幾十款精選多行業高品質原型模板等你來用哦!

 

原文地址:

作者:

來源:學UI網

上一篇: UXD設計師先要學會的4件事

下一篇: 沒有符合條件的記錄

分享到: 更多
什么是秒速时时 北京赛车pk10怎么没有双面盘 六肖中特期期免费公开1 时时彩开奖结果 广东福彩快乐十分中奖规则 手机上哪里有21点游戏 七乐彩现场视频直播 AG电子游戏的爆分技巧 七乐彩现场视频直播 mg助手 北京赛车双面盘 重庆时时彩预测 六码倍投 北京pk10全天稳定计划 奇趣分分彩最聪明的玩法 全天老北京pk赛车计划