【動画】 [V08des04] [デザイン][画像] 画像のロールオーバー効果で視覚的に見せる技術 (V8)
【動画の内容】 画像にマウスカーソルを乗せたときに、別の画像に切り替える手法（画像のロールオーバー効果）について解説します。ホームページビルダーを使えば簡単に実現できます。
【習得できること】 画像のロールオーバー効果を設定する方法、表示前後の画像を加工する方法、ロールオーバー効果を適用した画像にリンクを設定する方法。
|
|
動画再生時間 12分
 |
|
|
|
|
画像のロールオーバー効果を使えば、視覚的なインパクトを与えられるので、クリック率を高める効果が見込めます。しかし、いくつか注意点もあります。まず１つ目は「画像を２枚使うので、ページが重くなる」という問題です。さらに、２枚の画像ファイルを切り替えるためのソースコード（JavaScript）も加わるので、htmlソースのサイズも増えてしまいます。ですから「モバイルノートＰＣ向け」や「携帯端末で見ることを想定したページ」など「軽さ」を重視したページをつくりたいなら、画像のロールオーバー効果はあまり使わないほうがよいかもしれません。２つ目の注意点は「あまりに違いすぎる画像をロールオーバーすると混乱を招く」ということです。１枚目と２枚目は、統一感のとれたデザイン（見た目が似たような画像）を適用するほうがよいです。でなければ、マウスカーソルを載せた瞬間に違和感を与えてしまうことになります。つまり、画像のロールオーバー効果は便利であるがゆえに「使いすぎない」ことも重要なのです。あくまでも「さりげなく使う」のが、美しいデザインを実現するコツです。 |
|
|
画像にマウスカーソルを乗せたときに、別の画像に切り替える手法（画像のロールオーバー効果）について解説します。ホームページビルダーを使えば簡単に実現できます。 |
|
画像のロールオーバー効果を設定する方法、表示前後の画像を加工する方法、ロールオーバー効果を適用した画像にリンクを設定する方法。 |
動画番号
講師
再生時間
サイズ
視聴条件
視聴期限
制作・著作 |
： 00000024
： 大和賢一郎
： 12分
： 76MB
： 無料
： 無期限
： 1mouke.com |
|
当サイト 1mouke.com [ 東京ウェブ制作 ] は全ページ、リンクフリーです。あなたのホームページやブログ、メルマガ、ミクシィなどからのリンクを、よろしければぜひ、お願いします。連絡は不要です。どのページでもご自由に、お気軽にリンクして、あなたのお友達にも教えてあげてください。 |
当サイトの動画を視聴するには Flash が必要です。そのためには、JavaScript が有効になっていることと、最新バージョンの Adobe
Flash Player を利用していることが必要です。 今すぐ無償で Flash Player をダウンロードできます。
|
|
