随着时代的发展，科技已经十分迅速地改变了人们的生活方式，在那个用磁带听歌，用收音机听评书、听午夜故事的年代，或许人们还无法想象像如今这样用手机可以看电视听音乐的生活。就连父母辈的人们现在也越来越热衷于智能手机，且与时俱进地用起了各种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-喜马拉雅高保真组件库

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