群馬の片隅でこっそり&まったり運営中
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
このごろ流行りの女の子~♪
じゃなくて、流行りまくって食傷ぎみなweb2.0的なサイトですが(^^;
どうもある種のルールを持てばweb2.0なデザインになるようです。
これで今日からあなたのサイトもweb2.0だw

以下のページを参考に

最近のwebデザインの傾向(英語)
http://www.webdesignfromscratch.com/current-style.cfm

上記のすばらしいサイトは、以下のデザイン機能を共有します:

* 単純なレイアウト
* 3D効果(倹約して使われる)
* 柔らかい、中間の背景色
* 強烈な色(倹約して使われる)
* かわいいアイコン(倹約して使われる)
* 多くの余白
* 素晴らしい大きいテキスト



直訳でした、これらを守ればweb2.0デザインです以上!

って言うのは冗談ですがw

細かく見ていくと


・単純なレイアウトと言うのはユーザーにとって見易いと言うこと
・3D効果は使い過ぎず要所にポイントとして使用
・柔らかい、中間の背景色は安心感や上品な印象をユーザーに与える
・強烈な色と言うのは見出しやラベル等に使い、サイトイメージを作る
(蛍光色が3Dアイコンと愛称がいいので良く使われる)
・かわいいアイコンもポイントで使うと効果的、親しみやすさを作る
・多くの余白、バランスよく使わないとただのスカスカ、コンテンツごとのまとまりを意識する
・素晴らしい大きいテキスト、文章のメリハリを付けること


どうでしょう?特別な事は何も無いですね、ただwebdesignの基礎を言ってるだけです、あくまでも土台の話です


じゃ何がweb2.0デザインに見せているのかと言えば、結局細かい素材にその特徴があるのではないでしょうか?
こんな感じの奴


個人的にこれがweb2.0ぽく見せているんじゃ無いか?と思う部分は

・画像や枠コーナーは角丸
・Aqua系のポイントやアイコン


・斜線の背景だったり、グラデの背景
・ロゴの周りは余白、アイコンでシャドウを付けたり、下に反射したり、
・定番の配色
ベースは白で見出しやヘッダーカラー等が彩度が高く明るめなグリーンや青、アクセントでオレンジ系



大体web2.0っぽいのはこんな所だと思います。
でもこれって最近のでもないですねw
2002年くらいからアメリカやドイツのページはこんな感じだと思います。繰り返しかな、随分こんなページを作ってきた気が・・
たまたまweb2.0的サービスのサイトの多くがこういうデザインだったので、web2.0(時代のデザイン)はこれだ!って事かも知れません、逆にAqua系は一時期韓国系のサイトがラベルに多用していたので、見てすぐこれは韓国サイトだとわかるくらい特徴的でした。ロゴの3Dもアジア圏の影響が強いと思われます。


効果を使うポイントを間違えると、強烈な色を使ったり、派手なアイコンを使ったり、余白を使ってもバランスが悪ければ醜いしゴチャっとしてる印象しか与えません
どーすればいいのかって?
センスを高めるのは経験と学習しかありません、にわか特徴をそろえてもweb2.0デザインに見えないかも知れません

もし会社のボスやディレクターに”もっとつめなきゃスカスカじゃないか”なんて言われたら上司が無能かあなたにセンスが無いということでしょう


以下のようなデザインポータルサイトを見まくって雰囲気を感じると良いでしょう。

CSS Thesis
CSS Beauty gallery
http://piepmatzel.de/


ロゴはゴシック系の細身の物が多いようです。

・Web2.0 Logo, Web 2.0 sites
・The Logos of Web 2.0
・Web 2.0 Logos and Links 現在消えてる?


FULL LIST OF FREE PHOTOSHOP PSDs - latest addition at bottom.
Web 2.0 Design Kit
Web 2.0 Design Kit, Part 2


更にCSSでデザインすることはweb2.0時代に不可欠な要素です、

CSS Templates
CSSによる段組(マルチカラム)レイアウト講座


CSSメニュー
CSSメニュー


大体こんな感じがweb2.0デザインの最低限の始めの一歩かな


次回に続く・・?はず



categoriz web2.0 category
WEB2.0とか次世代アプリケーションと称される製品やサービスを,カテゴリー別にまとめ
スポンサーサイト

コメント

管理人にのみ表示


© { marble Beat* }. all rights reserved.
Page top
FC2 BLOG
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。