今回の記事では、Webサービス開発などで参考になりそうな、かっちょいいモーダルウィンドウ（ダイアログ）のデザインをまとめてみました。

ウィンドウ枠や「閉じるボタン」をどんなデザインにするのか、など考えながら見てください。

モーダルウィンドウとは？

Webデザインでのモーダルウィンドウとは、背景が黒や白くなって親ページの上に子ページが立ち上がるものを言います。主に、ログインフォームや登録フォームなどを、インラインで表示させるのに使われます。

※厳密な意味は、Wikipediaなどで調べてください。

AddThis

Virb

Build It With Me

Awesome

LearnBoost

Get Satisfaction

ゲッティ イメージズ

KISSmetrics Web Analytics

DISQUS

Flow

UserVoice

BonLook

※zendeskを使用

GoneFreelancing.com

Zootool

Sprocket House · Web Design & Advertising · Raleigh, Durham, Chapel Hill NC

someecards.com

まとめ

並べてみると、結構おもしろいですね。

最近は、モーダルウィンドウを実現する、jQueryのプラグインとかもあって、こういったモーダルウィンドウを使ったサイトも増えてきてますね。

ということで、Webサービスを作る際には、モーダルウィンドウを検討してみてもいいかもしれません。その際、どんなデザインにするか迷ったら、この記事を参考にしてみてください。

～また明日～