2.0 なウェブデザインガイド
先日 Stabilo Boss 氏の Flickr でもたくさんのロゴが紹介されて、2.0 なサイトやサービスの多さを改めて知らしめられたわけですが、注目するのはそのサイトやサービスの多さだけではなく、リストされているサイトのデザインのいくつかが、どことなく似たようなニオイのするデザインであったりすることです。そうして、そのウェブサイトやサービスのロゴや、ウェブサイトがなんかちょっとカッコイイのも注目です。(omg)headshot.comでは、そんな なんかちょっとカッコイイ 2.0 なデザインを再現するポイントを、冗談まじりに紹介しています。
- 大きめのベースフォントサイズ
- 明るめの色やパステルカラー（特にグリーンとブルー）なカラーパレット
- グラデーション、影、そして角丸
- たくさん用意されたホワイトスペース
- 正当な HTML と CSS を示すリンク
どうでもよさげなのもいくつかありますが、グラデーションや角丸、パステルカラーを使ったデザインはソレっぽいですね。こんなポイントを押さえたサイトを簡単構築できるツールなんてのもありました。このツールを使って構築されたサイトの履歴もあったりで、ウェブデザインをするうえで何かヒントがあるかもしれませんね（実は僕もすこし参考にしました）。
4 Comments
- purprinMarch 2, 2006 10:15 AM
http://www.complexify.com/buttons/
のようなテイストのロゴをセンタリングで配置して真ん中に工事中のアニメーションを配置すると懐古的な気持ちになれるかもしれませんね。http://pages.google.com/
のようなツールもでましたが、タイトルはWelcome to my homepage!などとするとさらに懐かしいかもしれません。
- kaminogoyaMarch 2, 2006 9:35 PM
いやあ。やっぱり
00:00 (name が入室しました)
00:00 [name] > こんにちわー！
00:02 [name] > だれかいますかー？
00:08 (name が退室しました)というようなチャットがあれば懐かしい感じがしそうです。
- ieiriMarch 7, 2006 12:28 AM
いやいや、やっぱり虹色のバーと「Sorry, This site is japanese only.
」でしょう
- kaminogoyaMarch 8, 2006 6:43 PM
> ieiri さん
さすが…。虹色イカス！
あとリンクフリーとかかしら！！？？