『ウェブ2.0 HOW-TO デザインガイド』がよくまとまっています
December 22, 2006 9:21 AM written by Gen Taguchi

なんだか前にもこういうまとめを紹介しましたが、また良くまとまっているのがあったのでご紹介。

Web design scratchのサイトで「Web 2.0 how-to design guide」なるまとめがありました。

web20designguide.gif

» Web 2.0 how-to design guide

15の項目でまとめられていますね。

  1. Simplicity(とにかくシンプルに!)
  2. Central layout(真ん中に寄せるレイアウトで)
  3. Fewer columns(段組は少なめに)
  4. Separate top section(トップ部分は分けて目立たせよう!)
  5. Solid areas of screen real-estate(レイアウトにはメリハリをつけて)
  6. Simple nav(ナビゲーションはシンプルに!)
  7. Bold logos(ロゴは大きめに!)
  8. Bigger text(フォントも大きめに)
  9. Bold text introductions(キャッチコピーは大胆に!)
  10. Strong colours(鮮やかな色)
  11. Rich surfaces(立体的に見せる)
  12. Gradients(グラデーション)
  13. Reflections(反射)
  14. Cute icons(アイコンはかわいいものを)
  15. Star flashes(星型のバッジを使おう!)

それぞれの項目は画像などの事例つきで詳しく説明されていますね。なかなか参考になります。

で、最後まで読んだときに「あぁ、このサイトも確かにそうだな・・・」と気付きました。綺麗なサイトですものね。そう思ったので衝動的にエントリー。

あなたのサイトもこのリストにあわせてチェックしてみては。

■ 関連記事

この記事のトラックバックURL (トラックバックは承認後に公開されます)

デザインに目を向けて三千里

誰だって綺麗なものは見ていて飽きないものだと思われる。 "美しいって罪なのね"、この言葉は間違いではないか? "美しいっ...

デザインに目を向けて三千里

アレ凝レセカイ | 2007年04月23日 00:15

コメント一覧

このサイト、firefoxではズレズレですね。。

by | 2006年12月22日 18:38

コメント投稿 (コメントは承認後に公開されます)

名前
メールアドレス (表示されませんのでご安心を)
URL
情報保存?
コメント
※ Let's Add Value. Thank You.

クリエイティブ・コモンズ・ライセンス

ユーザビリティ向上支援ビービット
Usability tested by BeBit

Powered by
MovableType 3.31-ja

Icons powered by famfamfam.

人気ブログランキング - 100SHIKI
ワード