我做了一个白噪音网站「泡泡白噪音」,并给它重新设计了一次

45 阅读4分钟

如果你常年在电脑前工作,可能会有一种感受:

你需要一点声音, 但不想被音乐牵着情绪走; 你需要一些工具, 但不想面对复杂的系统和压力。

市面上的白噪音产品,要么太吵,要么太工具化。 于是我开始做 「泡泡白噪音」 —— 一个把声音、专注、解压与情绪恢复放在同一个空间里的网站。

这次上线的,是它的全新改版版本


一个首页,承载绝大多数使用场景

这次改版,我从首页开始推翻重来。

你现在看到的是一个偏 Bento Box 的布局,每一个模块都是一个独立的小工具:

  • 声景预设与Lofi视频卡片
  • 专注番茄钟
  • 待办清单
  • 久坐提醒 / 喝水助手
  • 自定义提醒闹钟
  • 可全屏的当前时间

它们都在首页,但不会争抢注意力。 打开网页,就可以开始进入状态。

1.jpeg


声音不只是播放,而是一块可以反复打磨的「声音画布」

声音依然是泡泡白噪音的核心。

目前网站内包含多种类型的声音分类:

  • 自然:雨声、海浪、鸟鸣、篝火
  • 场景:咖啡馆、林间、窗外雨
  • Lofi:适合长时间学习与写作
  • ASMR / 噪音:键盘声、轻触声、白噪 / 粉噪

一个比较重要的设计是: 每一个声音卡片,都不止一种版本。

你可以自由组合多条音轨,并为每一条独立调节音量, 慢慢调出最适合当下的声音比例。

2.jpeg


视频卡片:让屏幕也安静下来

除了声音,这次我加入了 Lofi 视频卡片

你可以在专注时切换不同的温馨背景视频:

  • 夏日微风
  • 霓虹雨夜
  • 怀猫小憩
  • 宁静书房

它们并不是为了“好看”, 而是作为一种低存在感的环境陪伴, 让屏幕不再是冰冷的白色。

3.jpeg


赛博解压:让手也参与进来

有时候,我们的焦虑并不是靠“听”就能解决的。

所以我在泡泡白噪音里添加了一组偏交互式的解压工具

  • 电子木鱼:敲一下,打断焦虑循环
  • 静心念珠:一颗一颗拨动,节奏自然放慢
  • 灵动键盘:模拟不同机械轴体的敲击声效,每一次点击都是一种 ASMR 体验

4.jpeg


视觉疗愈:给大脑一点“无意义的美”

除了声音,我也加入了一些纯粹的视觉疗愈模块

  • 空灵竖琴:拨动光束即可演奏旋律
  • 灵感曼陀罗:随手涂鸦,对称生成几何艺术
  • 心流光绘:夜晚开启,看万千粒子随指尖起舞

5.jpeg


灵感笔记:只记录,不打扰

在专注或放松的过程中, 偶尔会冒出一些零碎的想法。

泡泡白噪音内置了一个极简的灵感笔记工具

  • 不联网、不同步、不分析
  • 纯本地保存

6.jpeg


心理调节:当你真的需要慢下来

包括一些调节状态的小工具:

  • 深呼吸引导:4-7-8 / 箱式呼吸
  • 疗愈音钵:感受音频共振带来的舒缓与平衡

7.jpeg


还有一些不抢镜、但很耐用的小工具

在声音、视频卡片之外,「泡泡白噪音」里还保留了一组更偏辅助状态的小功能。

8.jpeg


给注意力一个稳定节奏

**舒尔特方格:**一个经典但有效的注意力训练工具。 **专注节拍:**提供稳定的 BPM 节奏提示与简洁视觉反馈。

9.jpeg


给环境一点“低存在感”的支持

**柔光补光灯:**将屏幕变成一盏可调节亮度与色温的环境灯。 **舒缓轻音:**不抢注意力的轻音乐。

10.jpeg


给当下一个“无需思考”的出口

**每日抉择:**把选择权交给随机的小转盘。 **电子烟花:**点击即绽放,纯粹用来短暂分散注意力。

11.jpeg


写在最后

泡泡白噪音像是一个安静、自持的数字空间: 你需要时,它就在; 不用时,也不会打扰你。

👉 体验地址:www.ppbzy.com


泡泡白噪音 · 打开即用 · 无需注册 让声音与光,替你挡住一部分世界