drk design | Webデザイン/グラフィックデザイン/韓国関連

◆商品の宣伝などに使えそうなスライド。文字部分と画像部分が別々にスライドインしてきます。
これはオモシロイ。

• ★スタート・ストップ・スライドイン

◆見ているページ自体がスライドして、横から新しいページがちょこっと入って来ます。
この発想はスゴイ！

• ★ページ・スライドイン

◆部屋の中の様子を360度グル～ッと見せる時に使われるJavascriptです。

• ★ヴァーチャルツアー (360°)

◆全Flashページのフルスクリーン表示です。やっぱ全画面表示のページで出てくるとインパクトがあるし、フラッシュページだと自由なデザインや仕掛けが出来て面白い。
最近では大企業の新商品サイトによくつかわれるようになりましたね。

• ★フルスクリーン表示

◆表示画像の切り替え効果です。サムネイルをマウスオーバーすると、拡大画像が一旦荒いモザイク画像になってからシュワシュワ～っとだんだん現われてきます。

（※ただし、この Javascript は「Internet Explorer」専用だと思われます。それ以外のブラウザではおそらく機能致しませんので御注意ください。）

• ★画像切り替え（モザイク・チェ～ンジ）

◆ページ内を上下に行ったり来たり、好きな個所へスルスル～っと移動できるスグレモノ。よく、ページトップへ戻る時に使われているJavascript。

• ★スムース・スクロール

◆メニューボタンは、Webサイトの中でみんながこだわる大切な部分です。

• ★Macユーザーにはおなじみの、ドックメニュー
• ★伸縮メニュー（横型）
• ★伸縮メニュー（縦型）
• ★画面の端に仕舞い込まれたメニュー
• ★ドロップダウン・メニュー（フェードイン）
• ★ドロップダウン・メニュー（横型）
• ★ドロップダウン・メニュー（縦型）
• ★ポケットに仕舞い込まれたメニュー

◆これはトップメニューなどに使える、奥行きのある空間の中での動きを表現するFlash効果。オブジェクトが3次元的にグルグル回っています。回っているオブジェクトがマウスの動きに反応するのでユーザーの目を引きます。
また、グルグル回っているプログラムを少しいじることで、オブジェクトの動きにいろいろなバリエーションができて、なかなか興味深いです。

• ★3次元的視覚効果でグルグル回転するオブジェ

◆省スペースのため、見たい一つのパーツだけが見えて、その他のパーツはアコーディオンのように順次折りたたんで隠せるJavascript。クリックするとスーッとスライドする動きがオモシロイ。

• ★アコーディオン(バラエティー)
• ★アコーディオン(縦型)
• ★アコーディオン(横型)

◆内容的には下の「Slide Contents」でやってることと同じなんですが、Flashで作った方がいろいろと細かい演出ができて、やっぱり作っていてオモシロイです。
ただ、ここでどうしても「Web標準」との葛藤をすることになります。Flashのフルスクリーン・サイトとかも珍しくなくなってきた今、やっぱりFlashを使ってないと地味なサイトになってしまうし。
ん～ん、では実際にクライアントはどちらの「サイト作り」を好むのだろうか・・・。

• ★ボタンで横スクロールするギャラリー

◆クリックすると、スライドショーみたいに表示内容が横に流れていくJavascript。

• ★内容が横に順番にスライドして行く
• ★内容を指定してスライドさせる

◆たくさんの箇条書き情報を１行ずつ順番に表示します。
表示内容が多くてあまりスペースがない場合、ページの上の方で見せる最新ニュースなどに適しているでしょう。枠など変えればいろいろな演出のバリエーションが考えられます。

• ★ヘッドライン・1行ニュース (Javascript版)
• ★ヘッドライン・1行ニュース (Flash版)

◆このサイトでも使ってる機能。小さな画像のサムネイル（ボタン）をクリックすると、ページ全体が黒の半透明スクリーンになって、その中に拡大画像が出てくる。これは目立つ！

• ★ギャラリーでの作品の拡大表示・出し方

◆チクタク、チクタク……と、秒針のようなリズムで動くFlashムービーです。
人間の習性として、規則的に動くものに惹かれる習性があります。Flashでそのリズムをキープしながらいろいろなオブジェクトをデザインし、動かしていきます。

• ★チクタク・ムービー

このサイトでも使っている機能。ニュース記事などでタイトルだけを露出しておいて、そのタイトルをクリックするとその下に本文がスルスルーっと出て来るJavascript。
◆タイトルをクリックすると >>> 隠してある内容がスルスルーっと出て来る。
◆タイトルをクリックすると >>> 見えている内容がスルスルーっと隠れる。

• ★タイトルをクリックして内容を出したり隠したり

◆バナー広告みたいに、表示内容がフェードイン/フェードアウトしながら変わっていくJavascript。

• ★クロスフェード

◆マウスオーバーすると画像内にコメントが出てくるJavascriptです。こんな出し方もありかと…。：)

• ★画像内コメント

◆このサイトでもトップメニューで使っているスライドメニュー効果。マウスの動きに反応するのでインタラクティブで面白い。もちろんJavascriptでも作れるんだろうけど、随分前から作り方をあれこれ考えていて、やっとまともなのが出来た。

• ★スライドメニュー

◆本のページをめくるFlashアニメーションの基本形です。
実際にサイト内で使う時にはページのサイズを変えたり、実際の本の周りで起こる現象をいろいろと加えていくと、より臨場感のある演出が出来ると思います。

• ★ページめくり効果

◆ある文字をマウスオーバーすると、その文字の説明がポインターの横に出る機能。専門用語などの説明をする時に便利。

• ★ティップ（ノーマル）
• ★ティップ（出てくる説明部分が大きい。写真まで出てくる）