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