随着时代的发展，科技已经十分迅速地改变了人们的生活方式，在那个用磁带听歌，用收音机听评书、听午夜故事的年代，或许人们还无法想象像如今这样用手机可以看电视听音乐的生活。就连父母辈的人们现在也越来越热衷于智能手机，且与时俱进地用起了各种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同城、小程序-轻芒杂志、小程序-自选股、小程序-王者荣耀排行榜、小程序-朝夕日历、小程序-摩拜单车等几十款精选多行业高品质原型模板等你来用哦！

欢迎大家对我们的原型提出建议，对后面分享内容有哪些期待和想法也可以跟我们交流哟！_(:⁍」∠)_