Home > その他 > Web 2.0のデザインパターン

Web 2.0のデザインパターン

2006-11-24 (Fri) 12:15
その他

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

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

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

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

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

■ 角丸命！

Rounded Cornersは新しい標準す。

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

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

■ は？素材集すか？

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

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

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

■ 空白に語らせろ！

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

■ コピーに気を使おう！

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

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

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

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

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

Twitterもやっています！

Comments:2

hamashun.com blog 06-12-20 (Wed) 23:42

流行のデザインのまとめのまとめ

サイトリニューアル計画発動に伴って、『流行のデザインをまとめているサイトやBl…

Cha's Bar 07-04-16 (Mon) 9:28

WEB 2.0 的デザインって何だ！？

最近の流行は、WEB 2.0 ってことなんでしょうか・・・まだまだ、言葉が先行してしまって明確な定義がないのが WEB 2.0 だ、と感じているのですが。…

Trackbacks:0

Trackback URL for this entry: http://www.simplexsimple.com/archives/2006/11/web_20.html/trackback
Listed below are links to weblogs that reference: Web 2.0のデザインパターン from SIMPLE*SIMPLE ～ Web職人のための小粋なネタ帳

Home > その他 > Web 2.0のデザインパターン