如果你常年在电脑前工作,可能会有一种感受:
你需要一点声音, 但不想被音乐牵着情绪走; 你需要一些工具, 但不想面对复杂的系统和压力。
市面上的白噪音产品,要么太吵,要么太工具化。 于是我开始做 「泡泡白噪音」 —— 一个把声音、专注、解压与情绪恢复放在同一个空间里的网站。
这次上线的,是它的全新改版版本。
这次改版,我从首页开始推翻重来。
你现在看到的是一个偏 Bento Box 的布局,每一个模块都是一个独立的小工具:
它们都在首页,但不会争抢注意力。 打开网页,就可以开始进入状态。
声音依然是泡泡白噪音的核心。
目前网站内包含多种类型的声音分类:
一个比较重要的设计是: 每一个声音卡片,都不止一种版本。
你可以自由组合多条音轨,并为每一条独立调节音量, 慢慢调出最适合当下的声音比例。
除了声音,这次我加入了 Lofi 视频卡片。
你可以在专注时切换不同的温馨背景视频:
它们并不是为了“好看”, 而是作为一种低存在感的环境陪伴, 让屏幕不再是冰冷的白色。
有时候,我们的焦虑并不是靠“听”就能解决的。
所以我在泡泡白噪音里添加了一组偏交互式的解压工具:
除了声音,我也加入了一些纯粹的视觉疗愈模块:
在专注或放松的过程中, 偶尔会冒出一些零碎的想法。
泡泡白噪音内置了一个极简的灵感笔记工具:
包括一些调节状态的小工具:
在声音、视频卡片之外,「泡泡白噪音」里还保留了一组更偏辅助状态的小功能。
舒尔特方格:一个经典但有效的注意力训练工具。 专注节拍:提供稳定的 BPM 节奏提示与简洁视觉反馈。
柔光补光灯:将屏幕变成一盏可调节亮度与色温的环境灯。 舒缓轻音:不抢注意力的轻音乐。
每日抉择:把选择权交给随机的小转盘。 电子烟花:点击即绽放,纯粹用来短暂分散注意力。
泡泡白噪音像是一个安静、自持的数字空间: 你需要时,它就在; 不用时,也不会打扰你。
👉 体验地址:www.ppbzy.com
泡泡白噪音 · 打开即用 · 无需注册 让声音与光,替你挡住一部分世界
1
shawnhuang233 2 天前 很舒服 感谢
|
2
lokya 2 天前 还不错 收藏了,题主厉害
|
3
tf141 OP @shawnhuang233 谢谢支持
|
5
Heanes 2 天前 主题很舒服
|
7
caryRowen 1 天前 a11y 也很好,好奇作者有过这方面经验吗。屏幕阅读器用户表示很棒
|
8
bigant071 1 天前 看着舒服,听着也舒服
|
9
adajoy 1 天前
赞
|
10
xj3hd 1 天前
界面设计的很舒服
自己就是设计师吗? |
11
tf141 OP @caryRowen 谢谢反馈! a11y 方面做了点基础的,比如所有交互按钮都添加了 title 属性提供上下文,关键操作按钮有 aria-label ,使用语义化的 HTML 结构。不过说实话还有很多可以改进的地方(比如键盘导航、焦点管理等),一直在学习中。很高兴听到屏幕阅读器用户觉得体验不错,这对我是很大的鼓励!如果有具体建议欢迎随时告诉我。
|
12
Winter1723 1 天前
感谢分享
|
14
fairytale110 1 天前 via Android
很好啊,点赞,一个小小的建议,电子木鱼可以改成木鱼声音吗哈哈哈哈
|
16
tf141 OP @fairytale110 木鱼声音调整了一下,你可以再试试看
|
17
gzldc 1 天前 不错,我想全屏展开放在副屏 背景有点不太友好。有办法支持竖屏显示吗 或者自定义背景
|
18
stayhungerman 1 天前
1 、深呼吸模块,增加提示音,用户才能闭眼完成。
2 、解压泡泡模块,不同风格,要有不同的提示音。 |
20
tf141 OP @stayhungerman 感谢反馈,已经添加相关功能
|
21
Naqin 22 小时 25 分钟前 太牛了,以收藏。希望能有雪相关的音效
|
22
body007 21 小时 58 分钟前
已收藏,太棒了。
|