SND: Crafted UI sound assets for UX developers

1个月前发布 21 00

UI sound assets, developed in collaboration with multiple sound designers, are designed to fit the components used in many modern UIs.

所在地:
中国
语言:
zh
收录时间:
2025-10-06
其他站点:
SND: Crafted UI sound assets for UX developersSND: Crafted UI sound assets for UX developers

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系列,收录工厂真实机器声并重新创作。

相关导航

暂无评论

您必须登录才能参与评论!
立即登录
none
暂无评论...