群馬の片隅でこっそり＆まったり運営中
|
このごろ流行りの女の子〜♪
じゃなくて、流行りまくって食傷ぎみなweb2.0的なサイトですが（^^; どうもある種のルールを持てばweb2.0なデザインになるようです。 これで今日からあなたのサイトもweb2.0だｗ 以下のページを参考に 最近のwebデザインの傾向（英語） http://www.webdesignfromscratch.com/current-style.cfm
直訳でした、これらを守ればweb2.0デザインです以上！
って言うのは冗談ですがｗ
細かく見ていくと ・単純なレイアウトと言うのはユーザーにとって見易いと言うこと ・3D効果は使い過ぎず要所にポイントとして使用 ・柔らかい、中間の背景色は安心感や上品な印象をユーザーに与える ・強烈な色と言うのは見出しやラベル等に使い、サイトイメージを作る （蛍光色が3Dアイコンと愛称がいいので良く使われる） ・かわいいアイコンもポイントで使うと効果的、親しみやすさを作る ・多くの余白、バランスよく使わないとただのスカスカ、コンテンツごとのまとまりを意識する ・素晴らしい大きいテキスト、文章のメリハリを付けること どうでしょう？特別な事は何も無いですね、ただwebdesignの基礎を言ってるだけです、あくまでも土台の話です じゃ何がweb2.0デザインに見せているのかと言えば、結局細かい素材にその特徴があるのではないでしょうか？   こんな感じの奴個人的にこれがweb2.0ぽく見せているんじゃ無いか？と思う部分は ・画像や枠コーナーは角丸 ・Aqua系のポイントやアイコン    ・斜線の背景だったり、グラデの背景 ・ロゴの周りは余白、アイコンでシャドウを付けたり、下に反射したり、 ・定番の配色 ベースは白で見出しやヘッダーカラー等が彩度が高く明るめなグリーンや青、アクセントでオレンジ系 大体web2.0っぽいのはこんな所だと思います。 でもこれって最近のでもないですねｗ 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とか次世代アプリケーションと称される製品やサービスを，カテゴリー別にまとめ  |
| TB*URL |
WEB2.0時代のロゴデザイン WEB2.0サービスのロゴデザイン。サービスも様々、ロゴも色々。Flickr photo page:web2.0 logo ［続きを読む］
monoblog-monochrome_design 2006/10/18/Wed 16:02
国民皆デザイナー時代？ ども、キタミです。以前からちょくちょくＷｅｂ２．０について書いてきましたが、今回はその続きのような、関係のないような話です。 さて、Ｗｅｂ２．０ですが、株式会社ミクシィが上場して、株価が下がって、ユーザーのアクセス時間も下がってきたようですね。どうやら ［続きを読む］
【太田ゼミ】認められたい！Ｂｌｏｇ 2006/11/26/Sun 23:48
私にも出来ました web2.0風のロゴ ●元画像トラックバック先のサイトを参考に、ドロー系ソフトでいじってみました。（参考になりました、ありがとうございます）・色はパステル系のブルー・グラデーションでツヤ感・影を入れて立体感・文字は斜めに・ついでに背景をストライプに ［続きを読む］
ё∫*kiss 2007/09/10/Mon 02:01
| ホーム |
