2026 年 10 月 11 日至 13 日,WeavyAudio 换上了新外观。WeavyAudio 提供场所背景音乐,由我们 Breeze Professional IT Services 团队设计、开发、托管和维护。本系列的第 1 到第 4 部分介绍了各项功能。这一部分是十个页面的改版前后对比,每个页面都分别展示旧设计和新设计。它写给场所老板,也写给正在考虑自建音乐流媒体平台的企业。
没有变化的有:目录、许可、价格和页面地址。变化的是页面的外观和您在其中的移动方式。这既是一次网站改版,也是一次应用改版。两个版本都使用带琥珀色按钮的深色主题,但新版更温暖:黑色与棕色、拉丝金属、木质和金色。应用使用 Next.js 构建。我们只描述屏幕上看得见的内容。
首页:真实的应用取代了发光的形状
标题没有变:“The music your venue deserves. Finally.”变的是第一屏的其余部分。以前,一个发光的琥珀色形状托着一张“Now playing”卡片,按钮下有三个数字:$0 PRO 发票费用、848h 原创音乐和每个地点每月 $16。
现在右侧显示一个带有真实应用的浏览器窗口:侧边栏、“Your venue soundtrack”、新封面、“Up next”列表、播放栏和一张小卡片“Bar · Playing”。顶部栏提供 For business、Pricing、Catalog 和 Blog。按钮下有三个对勾:14 days free、No card required 和 Cancel anytime。
优惠的那句话是:“An original catalog, licensed for venue play. One flat fee per location, up to 12 zones included — and no PRO royalties on our music.”价格仍是每个地点每月 $16。


应用首页:展示您一整天的唱机
旧的应用首页是一页肖像卡片:“Featured artists”,然后是“Your studio”图库。新版以一台唱机开场。唱片把场所的一整天放在一张碟上,一圈金环标出此刻。截图中是周二 16:14,卡片显示 Coffee Shop、Lo-Fi & Acoustic,持续到 17:00。一个大的琥珀色按钮写着“Play what fits now”。其下是:“Next at 17:00 · Restaurant Dinner”。
这一天是为餐厅给出的建议。再往下,页面还提供咖啡馆、酒吧、商店、健身房、沙龙、水疗中心和酒店大堂,“Your studio”图库依然在。从 UX 设计的角度看,应用首页现在先回答一个问题:此刻该播放什么?
侧边栏也变了:五个主要链接、一个 Catalog 组和一个 Tools 组。新截图来自免费的访客账户,旧截图来自 Premium 账户,所以 FREE 标带和“6 skips left”属于账户,而不是设计。


Browse all:带调谐旋钮的立体声接收机
旧的 Browse all 页面是一个由大色块组成的网格(Chill、Nordic Bass、Focus、PRL),上方是一个 3D 结。新页面是一台型号为 WA-1011 的立体声接收机,有两个指针表、一条刻度带、一块绿色显示屏和一个调谐旋钮。每种流派在刻度上都有一个位置,从 88.0 到 108.0。这些只是位置,不是真实的电台频率。显示屏写着“Station 1 of 48”。
您可以转动旋钮、拖动刻度或使用方向键。“Tune in”播放该流派,“Open”进入它的页面。Genres 和 Moods 开关用来切换波段。流派名称仍以纯文字显示在页面上,带有“Explore the chill sound”这样的链接。建议:不必学会看刻度。按下“Tune in”,听就是了。


情绪:从色块到情绪面板
旧的 Moods 页面是十二个色块。新页面把同样的十二种情绪放在一块由发光圆点组成的情绪面板上。侧边坐标轴是速度,从 100 到 130 BPM。底部坐标轴从暗沉苦涩到明亮温暖。图例很坦诚:纵向是“the average tempo of the mood's tracks, measured”,横向是“our placement, not a measurement”。
截图中选中的是 Mellow:113 BPM、2,843 tracks、7 天内新增 378 首,归入 House、Asian Jazz Lounge、Trap 和 Afrobeats。页眉统计“12 moods · 15,528 tracks”。建议:想让房间慢下来,就选面板下方的情绪,然后按“Tune in”。


搜索:显示结果落点的面板
旧的“house”搜索是一份朴素的列表:封面、标题、艺术家、流派、发布时间、BPM、简短描述,以及点赞、分享和下载的图标。新页面以“Find your sound”和一块叫 Seek、型号 SK-48 的面板开始。它显示目录的规模:15,528 tracks、48 genres、12 moods 和 2,084 artists。
搜索框下方,一条刻度带为 48 种流派各设一根柱子。搜索“house”时,一根高柱在 25 附近升起,另有两根小柱亮起。圆形按钮按情绪统计结果:Energetic 13、Dark 11、Mellow 8、Upbeat 6、Calm 2。摘要写着“40 tracks · 2 artists · 3 genres & moods”,主要是 House 36、Lo-Fi 2 和 Hip-Hop 2。截图在结果行之前就结束了,因为面板排在前面。建议:试试情绪词,而不只是流派。


您的资料库:一面唱片墙
旧的 Your Library 页面很朴素:一个水晶图标,以及喜欢的歌曲、喜爱的艺术家和最近播放曲目的空白板块。新页面是一面带梯子的木质书架墙。每张唱片都有书脊,上面有标题、艺术家和编号。最上层的架子是“This week's most played”,共 20 张唱片。第二层叫“Liked”。
右侧是一台小唱机(Start、Stop、33、45、shuffle)和一张“Record index”卡片,可按标题、艺术家、专辑或流派搜索。一块黄铜牌匾写着“Sign in and your library builds itself here”。页面还说明了键盘操作:用 Tab 移到某层架子,用方向键移动,按 Enter 抽出一张唱片。建议:按 / 可跳到搜索。


曲目页面:封面铺满屏幕
旧的曲目页面是独立的:一个带“Open app”的小页眉、粉色渐变、带 3D 徽章的方形封面和一行信息。新的曲目页面在应用内打开,周围是侧边栏和播放器。封面现在是巨大的背景,同一张封面还作为卡片放在前面,带 3D 徽章,一角有一张黑胶唱片。信息行依然在:艺术家、流派和情绪是链接,然后是 English、3:44、122 BPM、G minor、Lyrics 和绿色的“Licensed for venues”。两张截图展示的是不同的歌曲。
页面文字显示跟随音频的歌词,带一个 On 开关和一个 Karaoke 按钮,另有“Versions of this song”和“Similar upbeat house tracks”。页脚说明这些音乐归 WeavyAudio 所有,并授权给订阅者在其登记的地点公开表演,这与“no PRO royalties on our music”一致。现场音乐、DJ 演出和带声音的电视可能需要单独的许可。计算器页面对此有说明。


调音台:同样的控件,更温暖的外观
调音台变化最小。两个版本都写着“The Mixer”和“Shape the live sound — EQ, speed and loop.”预设相同:Flat、Bass boost、Vocal、Lo-Fi 和 Bright。0 dB 的 Bass、Mid 和 Treble 滑块、速度控制、A–B 循环和“Reset to flat”也都一样。
变的是风格:青绿色的主视觉加粉色唱片,换成了温暖的棕色和琥珀色面板,配黑色唱片和白色标题。调音台现在位于 Tools 组,与 Random、Games、Order music 和 Schedule 放在一起。分轨推子的文字也改写了:“This track has no separate instrument stems yet. Once we add them, a fader for each instrument will appear here.”建议:用 A–B 循环在自己的音箱上重复播放某一段。


音乐日程:用模板取代空白页面
音乐日程是这次改版对场所帮助最大的地方。旧页面是一个表单:一个“Schedule off”复选框、“No time slots yet”和两个按钮,其中一个是“Start from a restaurant template”。规则没有变。播放器在一首曲目结束时切换播放列表,绝不在歌曲中途切换,日程保存在设备上,所以用餐区、酒吧和露台可以各有自己的日程。
新页面有一个带开关的状态面板和一个“Start from a template”板块。截图显示了带封面和小时间线的 Restaurant、Café 和 Bar & lounge 卡片。页面文字还有 Shop & boutique、Gym、Hair & beauty salon、Spa & wellness 和 Hotel lobby。Restaurant 卡片从 07:00 起是早午餐,11:00 起是咖啡馆时段,17:00 起是晚餐,22:00 到 02:00 是休闲酒廊。每个时段都仍可编辑。建议:选最接近的模板,然后再修改。


在手机上:更宽的按钮,更短的标题
以前,首页的手机视图在顶部栏有“Log in”和“Free trial”按钮,标题占四行,主按钮旁是“See how it works”,然后是 $0、848h 和 $16 三个数字以及一张“Now playing”卡片。
现在顶部栏放的是标志、“Start free trial”和一个菜单按钮。标题占三行。“Start free trial”和“Listen to the catalog”是上下排列的两个宽按钮,拇指很容易点到。三个对勾折成两行,下面是一个展示应用的小浏览器窗口。一切都适配屏幕宽度,所以页面保持适合手机浏览。建议:在自己的手机上打开这个网站。


这就是新外观,一页一页地看。目录、许可、价格和页面地址都没变。深色主题保留了下来,许多页面现在围绕一件物品构建:唱机、接收机、情绪面板、唱片架。第 1 到第 4 部分同样介绍了新设计,艺术家、专辑、播放列表、授权和 Weavy Studio 请看那几篇。
正在计划网站改版,或为自己的企业搭建定制网络平台吗?Breeze Professional IT Services 可以为您设计、开发、托管和维护。欢迎联系我们,聊聊您的项目。
这个项目由我们的团队设计、开发并托管。请参阅概览文章 我们的最新项目:WeavyAudio、WeavyAudio 项目页面和我们的其他项目,或者就您自己的平台联系我们。
WeavyAudio 功能系列

