Case Study {01} 華やかでクリエイティブなUIが印象的な 「MVA - SPACE SHOWER MUSIC VIDEO AWARDS」オフィシャルサイト url. mva.jp/ |
Point 4 → 映像コンテンツらしいギミック |
||
$(document).on("mouseenter", "a.noise", function() { $(this).stop().clearQueue().fadeTo(1, 0.5, function() { $(this).fadeTo(500, 0.2, "easeOutQuad"); }); }); |
各ブロックにマウスカーソルを合わせると、映像コンテンツらしいスノーノイズ( 砂嵐)が発生する。スノーノイズは透過色のあるウインドウアニメーションGIF画像として用意し、マウスオーバーに合わせてブロック上にオーバーレイ表示させるという仕組み。また、ノイズ表示の500mm秒後に、ノイズ画像の透明度を上げてノイジーになりすぎないような細かい工夫も。 |
>>> 目次へ戻る
本記事は『MdN』2013年7月号(vol.231)からの転載です。
そのほかには下記のような記事が掲載されています。
(▼クリックすると画像が大きく表示されます)
特集のすべての記事は誌面でお読みになれます。
月刊『MdN』掲載記事号の情報はこちら!
- ■そのほかの月刊『MdN』からの転載記事
- 「人物イラストレーションを思いのままに描く」(『MdN』2013年6月号より)
- 「Adobe CS5&6を今日から使い倒す!」(『MdN』2013年5月号より)
- 「デザイナーが日々の忙しさで放置している 「困った……」を解決します!」(『MdN』2013年4月号より)
- 「まるっとわかる! ブックデザインの教室」(『MdN』2013年3月号より)
- 「素材で広がる! デザインアイデア50」(『MdN』2013年2月号より)
- 「イラストレーション メイキング・スタイル14」(『MdN』2013年1月号より)