今回の記事では、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サービスを作る際には、モーダルウィンドウを検討してみてもいいかもしれません。その際、どんなデザインにするか迷ったら、この記事を参考にしてみてください。
~また明日~
コメント