Web 2.0のデザインパターン
November 24, 2006 12:15 PM written by Gen Taguchi

メモ書きにてエントリー。訳しただけだけど。

Pixel Acresにて「The visual design of Web 2.0」という記事があがっています。Web 2.0っぽいサイトのデザインをパターン化したものです。見た目がすべてではありませんが、とっても重要なのは間違いないです（「見た目いけてないから他のサイト行こうっと」はよくありますよね・・・）。

さて、ではポイントをば。

■ グレーの次はグリーンだ！

明るいグリーンが流行です。下記サイトをみてもそうですよね。

■ 角丸命！

Rounded Cornersは新しい標準す。

■ 「無料！」印がキーワード

まずはトライアルができるのがWeb 2.0の特徴。無料の文字もいれときましょう。

■ は？素材集すか？

素材集から写真をとってきただけではだめです。アイコンもきちんとデザインしましょう。たしかに「素材集っぽい」写真ってありますよね・・・。

■ 大きいことはいいことだ！

文字は極端に大きく。メッセージを簡潔につたえることで全体がすっきりしますね。

■ 空白に語らせろ！

空白も重要です。そういえば友達が「空白があると高級そうに見えるよね、フランス料理もそうだけど」といってましたな。正論。

■ コピーに気を使おう！

Ruby on Railsを作ったDHHも「良いプログラマーは良いライターでなくてはいけない」と言ってましたね。ライティング能力重要。

どのサイトにもキャッチコピー的なものがついていますよね。

以上ですが、他にも下のようなReflectionsとかいろいろありそうですね。参考になりそうなサイトもあげときましょう。

参考になりそうなサイト一覧は以下をどうぞ。

• Reflections are the new drop shadows
• The Logos of Web 2.0
• Web 2.0っぽいデザイン
• 使える2.0系カラーパレット
• 簡単に2.0っぽいロゴがつくれるメーカー

次につくるブログやサービスの参考にしようかな、と。

Info: その他 | 固定リンク | コメント (0) | トラックバック (2) | ↑