SND是一个面向UX开发者的UI声音素材平台,专注为交互设计提供免费、易集成的声音资产,助力通过声音提升网页、应用等场景的用户体验。
核心声音资产
平台提供多系列针对性声音素材,覆盖不同设计需求:
SND01 “sine”:以声音的最小纯粹元素——正弦波为基础设计,音质简洁、文件体积小,聚焦低性能扬声器也能还原的频率范围,适配网页、APP、数字标牌等场景。
SND02 “piano”:用施坦威三角钢琴演奏,结合敲击、刮擦等实验性技巧,打造简单却富有质感的声音,保留乐器特有的温润感。
SND03 “industrial”:源自日本各地工厂的机器声录音,将制造业设备的活力声音重新编辑为UI素材,为静态界面注入“活的机械感”。
适用场景与规则
使用权限:所有声音免费开放个人、商业用途,但禁止未经处理单独分发、销售,或用于政治、宗教、违法等违反公序良俗的活动;建议标注平台链接或来源,方便更多人了解。
版权说明:声音版权归对应设计师或厂牌所有(如Yasuhiro Tsuchiya、Ayako Taniguchi、INDUSTRIAL JP),使用者无需额外申请授权,只需遵守平台条款。
交互声音测试功能(Playground)
平台提供“Playground”功能,可模拟常见UI交互场景的声音效果,帮助开发者预判使用体验:
Tap:用于按钮等操作的反馈,结合视觉效果让用户明确“已按下按钮”。
Disabled Button:提示用户点击无效按钮,声音比警告声更柔和,仅说明按钮状态。
Toggle:对应开关的ON/OFF状态,ON时音调从低到高,OFF时从高到低,清晰传递状态变化。
Swipe/Pager:针对滑动、分页操作,提供5种同音调但微差的声音,随机播放减少重复聆听的不适。
Selection:用于复选框、单选按钮等选择操作,强化“已选中”的反馈。
Modal:区分模态窗口的打开/关闭,明确层级切换。
Loading:提示任务处理中,建议搭配完成提示音使用,避免长时间循环播放。
Typing:输入文字时的反馈,5种微差声音随机播放,提升输入体验。
Notification/Caution/Alarm:通知声用于提醒消息,警告声提示错误,警报声是最高级别的警示,循环播放直到用户操作。
Celebration:用于庆祝用户完成关键目标(如发送邮件、完成任务),营造UX高潮。
开发者资源
平台提供JavaScript库,降低集成门槛:
快速集成:HTML中添加1行代码,给需要触发声音的元素加类名(如`snd__button`),即可自动播放声音;修改`kit=`参数可切换声音系列。
自定义开发:通过npm安装库,创建`snd`实例,监听点击、输入等事件,自定义声音触发条件;支持控制声音播放、暂停,优化静音状态下的体验。
代码获取:GitHub仓库(https://github.com/sndlib/sndlib)提供源代码和示例,方便开发者扩展功能。
制作团队
声音资产由专业人士打造:
Yasuhiro Tsuchiya(声音设计师/研究员):负责SND01系列,聚焦简洁、适配性的声音设计。
Ayako Taniguchi(音乐家):负责SND02系列,用钢琴创造有温度的声音。
INDUSTRIAL JP(工厂声音厂牌):负责SND03系列,收录工厂真实机器声并重新创作。
