Home > デザイン全般 > 『ウェブ2.0 HOW-TO デザインガイド』がよくまとまっています

『ウェブ2.0 HOW-TO デザインガイド』がよくまとまっています

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

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(星型のバッジを使おう!)

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

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

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

■ 関連記事

@taguchiをフォロー!
Twitterもやっています!

Comments:2

Anonymous 06-12-22 (Fri) 18:38

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

アレ凝レセカイ 07-04-23 (Mon) 0:15

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

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

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://www.simplexsimple.com/archives/2006/12/20_howto.html/trackback
Listed below are links to weblogs that reference
『ウェブ2.0 HOW-TO デザインガイド』がよくまとまっています from SIMPLE*SIMPLE ~ ウェブ職人のための小粋なネタ帳

Home > デザイン全般 > 『ウェブ2.0 HOW-TO デザインガイド』がよくまとまっています

過去記事
カテゴリー別

Return to page top