随着时代的发展,科技已经十分迅速地改变了人们的生活方式,在那个用磁带听歌,用收音机听评书、听午夜故事的年代,或许人们还无法想象像如今这样用手机可以看电视听音乐的生活。就连父母辈的人们现在也越来越热衷于智能手机,且与时俱进地用起了各种app代替了各种曾经使用的工具。不得不说信息时代带给了人们太多便利,十年前听着车里播放的FM音乐电台,憧憬能一直听到那广播里传出来的主播的好听声音,或许有的人还有一个电台主播梦,现在通过互联网和手机APP都能得到实现。
我们今天就来分享电台APP里综合性较强且内容丰富的「喜马拉雅FM」APP原型。我们的原型中包括了「首页」、「订阅」、「发现」、「个人」以及「节目播放」五大基础版块,「轮播图」、「分类菜单」、「各类信息卡片」等组件,「进度条」、「弹幕」、「分享弹层」、「评论」和「隐藏菜单」等交互动效,「消息中心」、「搜索」、「下载」、「发现」、「电台详情」、「电台播放」等核心页面,以及「录音-处理-上传」的完整流程等。
要做电台FM类APP的旁友们猛戳文末下载地址哟!~高保真和低保真原型均可下载~
低保真和高保真原型对比
乍一眼是不是觉得画质有点感人,戳大图可以看到高清~
放出一个高保真预览gif——
想完整预览所有页面和流程的戳这里↓
高保真原型预览:xiaopiu-喜马拉雅FM高保真
低保真原型预览:xiaopiu-喜马拉雅FM低保真
高保真组件库预览
利用组件库搭建页面
在精选广场的组件库里搜索喜马拉雅FM,在搜索出的组件库右下角点击引用为我的公用库
或者直接简单粗暴的戳这里→xiaopiu-喜马拉雅高保真组件库
之后点击右上角的引用按钮~
引用以后,就可以直接在项目中看到左边的组件库里有引用的这个组件库啦~所有引用的组件库会随着发布者的更新而更新哦!
这个组件库到底有多方便呢?看看这个动态演示↓
很快速地就能搭建一个界面~当然,拖出来使用的组件完全可以按照自己的要求修改内容,文字、背景、色调等,自己修改好的组件也可以在自己的组件库里保存成自己的新组件~
资源地址
高保真原型预览:xiaopiu-喜马拉雅FM高保真
低保真原型预览:xiaopiu-喜马拉雅FM低保真
高保真和低保真原型下载:xiaopiu-精选广场-喜马拉雅FM高保真
高保真页面库引用:xiaopiu-精选广场-喜马拉雅FM高保真页面
低保真页面库引用:xiaopiu-精选广场-喜马拉雅FM低保真页面
组件库引用:xiaopiu-喜马拉雅高保真组件库
其他资源分享
更多资源详见知乎专栏:xiaopiu工坊
或直接访问我们的网站:xiaopiu-精选广场
除了以上的APP模板,我们还有天猫商城、WeUI、饿了么、音乐、ZAKER、Timeline、Yahoo News Digest、澎湃新闻、loading动效、腾讯视频、ofo小黄车、新浪微博、Instagram、Keep、支付宝、QQ、全民K歌、斗鱼、58同城、小程序-轻芒杂志、小程序-自选股、小程序-王者荣耀排行榜、小程序-朝夕日历、小程序-摩拜单车等几十款精选多行业高品质原型模板等你来用哦!
欢迎大家对我们的原型提出建议,对后面分享内容有哪些期待和想法也可以跟我们交流哟!_(:⁍」∠)_