分享

送码|还原经典质感,把复古音乐装进口袋:OneMusic

你现在在听什么歌、又在用什么听呢?
我们这一代的成长,亲身经历了音乐播放器的后变迁时代。从磁带、CD、MP3 到手机,设备一代代变迁,我们也长成了大人模样。
为了纪念这一段音乐播放器的历史,我们推出了 OneMusic 这款 App,希望还原历史中的经典播放器,让你在享受音乐的同时,拥有不同的视觉体验,体会多款历史经典音乐播放器的效果,带你重温过去的时光和自己。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2022%2F0804%2F30cb9383j00rg2pzx001ad200u000ezg00id0095.jpg

基于这个初衷,在产品的诞生过程中,我们首先希望给用户带来的是简洁易用的产品,所以在整体的功能设计上,我们也下了不少功夫,一起来看看。
它没有用户引导
任何呈现在界面上的「按钮」,用户都可以凭直觉点击操作。在每一款播放器的皮肤中,我们都尽可能地还原了经典播放器原有的材质、布局、按钮,呈现在界面上的样子尽可能地还原了实体播放器的样子。
不一致布局下的一致性
每款播放器都有自己不同的细节特点,但是同时又都拥有播放 / 暂停、上一曲、下一曲、切换播放器、打开音乐 App 这些按键。当用户在听歌的时候,在特定的歌单、专辑下,最频繁的操作都是控制歌曲播放暂停、上一曲和下一曲,所以我们将这些频繁操作放在了每一个播放器样式里。
另外,为了方便用户切换播放器样式、打开对应的音乐 App,我们又将这两种操作作为默认的一组操作。这样,5 个「最常用」的操作,就作为了所有播放器样式中的一致性按钮了。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2022%2F0804%2Fb977295fj00rg2pzy001ud200u000ezg00id0095.jpg
振动触感与阴影处理
我们还做了模拟物理按钮的真实效果,同时还有振动反馈的设计,这些都是为了最大程度还原播放器带来的感受。
其次在细节上,我们尽可能地保留了播放器经典的设计,所以每款皮肤,我们都基于播放器本身精心设计了一些特点,希望用户能在其中感受到我们的用心。
还原经典的播放器体验
接下来,就请跟着 OneMusic 一起,随着音乐播放器历史的浪潮,重温我们的过去。
01黑胶时代
黑胶唱片的出现在音乐播放器史上,无疑具有划时代的意义,它的影响至今深远。松下公司出品的黑胶唱片机一直是这个时代的经典,所以我们选取了 SL-1200mk7 作为灵感来源,制作了这款播放器界面。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2022%2F0804%2F3070b633j00rg2q00001ed200u000ezg00id0095.jpg

在设计这款播放器过程中,我们突出了这些细节点:


  • 外观上,呈现出机身的金属拉丝质感。


  • 因为是纪念版,官方出了彩色版本,所以这款皮肤也会有多个颜色。



?url=http%3A%2F%2Fdingyue.ws.126.net%2F2022%2F0804%2Fb3cfbe9dj00rg2q01001dd200u000ezg00id0095.jpg
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2022%2F0804%2F0a5a46b8j00rg2q01001hd200u000ezg00id0095.jpg


  • 在音乐的播放期间,唱盘转动,指示灯亮起,唱针也跟随变化。


  • 切歌时,唱片也会有动效变化。




?url=http%3A%2F%2Fdingyue.ws.126.net%2F2022%2F0804%2F199726ddg00rg2q0203dwd200ku00bpg00id00ab.jpg

02磁带时代
随着音乐播放器越来越普及,为了方便携带,磁带播放器应运而生。在代表这个时代的伟大作品中,我们选取了 2 款:
第一款是 1971 年,Sony 出品的 Walkman TPS-L2。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2022%2F0804%2F95cec2bej00rg2q0400c3d200u000gwg00id00ac.jpg
在这些细节上,我们力求给你最真实的体验:


  • 外观上,逼真地呈现出 TPS-L2 机身的塑料质感和按键的金属质感。


  • 在音乐的播放期间,红色的功能键会长亮。


  • 通过按键的振动反馈带给用户更加真实的体验。


  • 按键被按下时,能够看到阴影的细微变化。




?url=http%3A%2F%2Fdingyue.ws.126.net%2F2022%2F0804%2Fe1b34cc4g00rg2q0403nwd200u000gvg00id00ab.jpg
第二款是 Sharp 公司出品的 CE 152。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2022%2F0804%2F04021e5aj00rg2q06007zd200u000gwg00id00ac.jpg
在这款的细节上,我们重点地突出了:


  • 外观上,呈现出机身的金属拉丝质感。


  • 在音乐的播放期间,PLAY TIME 会呈现出秒钟的变化。




?url=http%3A%2F%2Fdingyue.ws.126.net%2F2022%2F0804%2F1de2f4f6g00rg2q0702v9d200u000gvg00id00ab.jpg



  • 在按下按键时,会出现淡淡的指纹模拟真实效果。


  • 两边的磁带阴影也会随着音乐的播放,呈现出变化。




?url=http%3A%2F%2Fdingyue.ws.126.net%2F2022%2F0804%2Fa4ddb7ebg00rg2q0902qgd200u000gvg00id00ab.jpg
03CD 时代
在留声机发明近 100 年后,诞生了世界上第一台 CD 播放器,自此 CD 播放器开始盛行。
我们设计的这款 CD 播放器,灵感来源于 Sony 公司生产的 D-50。D50 诞生于 1984 年,是全世界第一款量产便携级 Discman,在那个时代也是占据了举足轻重的地位。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2022%2F0804%2F5b83f7eaj00rg2q0a005ed200u000gwg00id00ac.jpg
在设计这款播放器过程中,我们还原了这些细节:


  • 外观上还原机器本身的颗粒塑料感。


  • 读取了歌曲的封面,随着播放中不断旋转,还原 CD 机播放的真实样子。


  • 还原当年的电子屏幕显示,在触动按钮式亮起绿色的屏幕,5 秒之后屏幕又会进入省电状态。




?url=http%3A%2F%2Fdingyue.ws.126.net%2F2022%2F0804%2Ff21a1629g00rg2q0b02upd200tz00gvg00id00ab.jpg
04MP3 时代
到了 1995 年,第一台 MP3 播放器诞生,接着各种品牌、各种样子的 MP3 层出不穷。随着 2001 年 iPod 的问世,成为了 MP3 时代的代表作之一,我们的播放器也还原了 iPod Classic 的经典页面。
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2022%2F0804%2F85eeea78j00rg2q0e008bd200u000gwg00id00ac.jpg
?url=http%3A%2F%2Fdingyue.ws.126.net%2F2022%2F0804%2F1b86ec0cj00rg2q0g0064d200u000gwg00id00ac.jpg
在设计这款播放器过程中,希望用户在这些细节里能感受到我们的用心:


  • 保留了 iPod 屏幕的经典布局:封面图的倒影、歌曲和歌手的文字位置、顶部状态的显示。


  • 保留了 iPod 菜单的经典布局:圆形的操作区域、四个常用的按钮位置。


  • 通过滑动圆环来调整音量,复原真实的使用感受。




?url=http%3A%2F%2Fdingyue.ws.126.net%2F2022%2F0804%2F88424db9g00rg2q0h032bd200u000mig00id00dr.jpg
目前,我们的产品支持 Apple Music 的连接,未来在更多音乐播放器开放接口的时候,我们也会随时更新。
时至今日,以上的设备都已经沉淀在历史中,纵使科技进步、时光变迁,但是音乐会一直伴随着我们,希望你打开 OneMusic,能让你回忆起上自习课时带上耳机偷听音乐的时光、运动会上和同学用一副耳机分享周杰伦新歌的时光、下课了,看着夕阳一起放学的时光……
嗯,那些时光带到你心口的感受,我们也想给你。
也欢迎大家在评论留言告诉我们,你记忆最深刻的一款播放器产品,说不定会在我们后面的更新中看到哦。
送码
在评论区你对 OneMusic 的看法,或者分享一下你的「经典歌单」,下周一(08.08)选出 2 位读者送出 OneMusic 永久版兑换码
https://sspai.com/post/74850?utm_source=wechat&utm_medium=social
作者:好个科技
责编:waychane

回复

使用道具 举报

已有(1)人评论

跳转到指定楼层
匿名  发表于 2022-8-6 16:39:20
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则