小编：预告－一大波高保真原型正在靠近
@王舟至 随着时代的发展，科技已经十分迅速地改变了人们的生活方式，在那个用磁带听歌，用收音机听评书、听午夜故事的年代，或许人们还无法想象像如今这样用手机可以看电视听音乐的生活。就连父母辈的人们现在也越来越热衷于智能手机，且与时俱进地用起了各种app代替了各种曾经使用的工具。不得不说信息时代带给了人们太多便利，十年前听着车里播放的FM音乐电台，憧憬能一直听到那广播里传出来的主播的好听声音，或许有的人还有一个电台主播梦，现在通过互联网和手机APP都能得到实现。
我们今天就来分享电台APP里综合性较强且内容丰富的「喜马拉雅FM」APP原型。我们的原型中包括了「首页」、「订阅」、「发现」、「个人」以及「节目播放」五大基础版块，「轮播图」、「分类菜单」、「各类信息卡片」等组件，「进度条」、「弹幕」、「分享弹层」、「评论」和「隐藏菜单」等交互动效，「消息中心」、「搜索」、「下载」、「发现」、「电台详情」、「电台播放」等核心页面，以及「录音-处理-上传」的完整流程等。
要做电台FM类APP的旁友们猛戳文末下载地址哟！~高保真和低保真原型均可下载~
低保真和高保真原型对比
乍一眼是不是觉得画质有点感人，戳大图可以看到高清~
放出一个高保真预览gif——
想完整预览所有页面和流程的戳这里↓
高保真原型预览： xiaopiu-喜马拉雅FM高保真
低保真原型预览： xiaopiu-喜马拉雅FM低保真
高保真组件库预览
利用组件库搭建页面
在精选广场的组件库里搜索喜马拉雅FM，在搜索出的组件库右下角点击引用为我的公用库
或者直接简单粗暴的戳这里→ xiaopiu-喜马拉雅高保真组件库
之后点击右上角的引用按钮~
引用以后，就可以直接在项目中看到左边的组件库里有引用的这个组件库啦~所有引用的组件库会随着发布者的更新而更新哦！
这个组件库到底有多方便呢？看看这个动态演示↓
资源地址
高保真原型预览： http://www.xiaopiu.com/h5/byId?type=project&id=59898907de272c046807595f
低保真原型预览： http://www.xiaopiu.com/h5/byId?type=project&id=5989a827de272c04680759d4
高保真和低保真原型下载：http://www.xiaopiu.com/square?sort=new&searchText=%E5%96%9C%E9%A9%AC%E6%8B%89%E9%9B%85
高保真页面库引用：http://www.xiaopiu.com/square/page?sort=new&libPop=page&libId=5975dc90b0217cd966121d17
低保真页面库引用：http://www.xiaopiu.com/square/page?sort=new&libPop=page&libId=5989b143de272c04680759ea
组件库引用：http://www.xiaopiu.com/square/contr?searchText=%E5%96%9C%E9%A9%AC%E6%8B%89%E9%9B%85&libPop=contr&libId=5975dc83b0217cd966121d16
其他资源分享
更多资源请见我们的专栏：xiaopiu工坊
欢迎大家对我们的原型提出建议，对后面分享内容有哪些期待和想法也可以跟我们交流哟！
原文地址：知乎
作者：王舟至
评论0