広告

Hover Sound Effect

3,351 閲覧数 11 ユーザーがお気に入り

AIの支援により生成されたコンテンツ

このサウンドで動画を作る

このサウンドを自分のクリップに。テキスト、吹き出し、速度調整までアプリで完結。

関連キーワード

✦ AI

このサウンドについて

✦ AI

わずか120ミリ秒の短いホバー効果音。ボタンやメニューにカーソルを重ねた瞬間に鳴るUI向けの音で、Webサイトやアプリ、動画編集にさりげない反応を加えられるMP3音源です

カーソルが操作できる要素に触れた瞬間に鳴る、ごく短いデジタルのピッという音です。長さは0.1秒を少し超える程度で、音というより軽いチッという合図に近く、クリーンで控えめな響きになっています。強く主張するのではなく、画面が操作に気づいて反応する準備ができていることをそっと伝えるのが役割です。そのさりげなさが使いやすさにつながり、ページやアプリの内容を邪魔したり全体のデザインを重くしたりせずに、ボタンやメニューをキビキビと洗練された印象にしてくれます。

ホバー音がインターフェースデザインの定番になったのは、Webサイトやアプリが静的なページから進化し、あらゆる操作に即座のフィードバックが必要になった頃からです。通知アラートとは違い、この手の音は何十回聞いても疲れないことが前提なので、作り手は極端に短く、音量も小さく抑えています。確認場面のding系の効果音や、失敗を知らせるエラー音と組み合わせて使われることも多く、小さなUI音の語彙のような形で使われます。動画編集では、実在するインターフェースのような反応が場面を自然に見せるため、動画やモックアップ、ゲームのメニューでも流用されています。

使用のためのプロのヒント

✦ AI

発火させるのはmouseenterのときだけにして、mousemoveのたびに鳴らすのは避けましょう。音量はかなり低めに保つと、繰り返しホバーしてもうるさくなりません。ボタンに少しだけ拡大や色の変化を合わせ、ファイルは事前に読み込んで遅延をなくすのがコツです。

使用例

✦ AI
  • Webサイトのナビゲーションメニューにホバーしたときの、控えめなフィードバックに使う。
  • アプリのUIデモでボタンのロールオーバーにツヤを出す。
  • ソフトのチュートリアルや解説動画でカーソルの動きに音を合わせる。
  • ゲームメニューで項目を選ぶときの反応を良く感じさせる。

よくある質問

✦ AI
ホバー効果音とは何ですか?
長さが120ミリ秒ほどの、とても短いデジタルのピッという音です。ボタンやリンク、メニュー項目にカーソルが重なったときに鳴るよう作られていて、ユーザーの邪魔をしたりメインの内容から注意をそらしたりせずに、その場で音のフィードバックを返します。
ホバー音はどこで使われますか?
Webサイトやアプリ、ゲームメニューのマウスオーバーで使われるほか、動画編集ではチュートリアルやUIのモックアップにも加えられます。とても短く控えめなので、移動中に何度繰り返してもうるさくなったり気が散ったりしません。
ホバー音の正しい付け方は?
mouseenterで一度だけ鳴らし、遅延が出ないようファイルを事前に読み込んで、再生音量は低く保ちましょう。小さなカーソルの動きのたびに鳴らすと短時間に何度も繰り返され、便利な合図がすぐに耳障りな音になってしまいます。

あなたのサウンドを投稿しよう NEW

面白い音源はありませんか?SoundInstants アプリから MP3 をアップロードできます。承認されると、誰でも再生できるようになります。

アプリで投稿する
広告

関連サウンド

広告