HiGash.Net ホームページへ戻る

Home [Blog] » 2008年のWebデザイントレンドおさらい

2008年のWebデザイントレンドおさらい

2008年のWebデザイントレンドおさらい

2008年も残すところ、あとわずかとなりましたね。今年もいろんなWebデザインを見てきました。

今回は、12月13日(土)にデジタルハリウッド東京本校(御茶ノ水)で行われた Shift 2 のふたつめのセッション「2008年の海外Webデザイントレンドおさらい」(原 一浩さん)にインスパイアされたエントリーです。

原さんのセッションのまとめに加えて、海外サイトに限らず2008年のWebデザインについて僕が個人的に気になったことも少しだけまとめてみました。

Shift 2「2008年の海外Webデザイントレンドおさらい」

まず、Shift 2のセッション「2008年の海外Webデザイントレンドおさらい」で聞いてきた内容をピックアップして自分なりに軽くまとめてみます。

あくまでもShift 2で聞いてきた内容を自分なりに咀嚼した上でのまとめですので、原さんのセッションの内容と完全には一致しません。特に参考例として示した画像のほとんどは自分が勝手に探してきたものですので、ご留意を。

2007年のまとめ

手始めに2007年のおさらいから。

  1. ボタンはアクア・リキッド(透明)からガラス・メタル(光の反射)デザインが増加
    東京メトロ
  2. アイコンは解像度によらないベクター系が主流に(Mac OS XやVistaのアイコンなど)
  3. フォームのインプットフィールドは大きめなものが増加(Wordpressのログイン画面)
  4. 配色傾向はビビッドからダルトーン(くすんだ色)に
    Marchand de Trucs
  5. 背景画像は横一直線(横長)に
    Sonze Design Studio
東京メトロMac OS XのアプリケーションアイコンWordpressのログイン画面Marchand de Trucs, magasin de magieSonze Design Studio

2008年のまとめ

今年、国内では1月に Yahoo! Japan がデザインをリニューアルしました。海外サイトでは、 BBC のリニューアルが話題になったようです。

  1. 壁や俯瞰の風景など、「見立て」のデザインが流行
    simple.art
  2. ページ幅のワイド化によりコラムの段間が広めに
    August
  3. 配色のダルトーン化はより顕著に。黒ベースの企業サイトが増加
    Fillmore Advisory
  4. シンプルなフォームデザインが増加
    Intrasource
  5. アプリケーションを意識したデザインが増加
    アップル – Mac
  6. 吹き出しをモチーフにしたデザインが増加
    Pedigree®
  7. Web 2.0っぽい「斜線」はかなり減った
    Stripe Generator
  8. 紙や木、小物などを組み合わせたコラージュが増加
    Web Designer Wall
  9. 羊皮紙や上質な紙のような質感のデザインが増加
    Light CMS
  10. 検索アイコンやRSSアイコンの統一化が進んだ
    gooサン・マイクロシステムズ
  11. 大きなアイコンを使ったデザインが増加
    ADworks
  12. ガラス・メタル(光の反射)の質感のナビゲーションは依然として流行
    Microsoft Windows
simple.artAugustFillmore AdvisoryIntrasourceアップルPedigree®Stripe GeneratorWeb Designer WallLight CMS検索アイコンとRSSアイコンADworksMicrosoft Windows

2009年の予報

2007年、2008年の傾向を踏まえて、来年のWebデザインがどんな風になっていくか。原さんの予想は以下の通り。

  • ポップさが戻る
  • マットなボタン
  • アプリケーション化が進む
  • パノラマ感のあるイメージ

2008年のWebデザインまとめ

原さんのセッション内容に加えて、この1年間で僕が個人的に気になったWebデザインの変化についてもまとめてみます。

長いヘッダ

縦に長めのヘッダスペースをとるサイトが増えた気がします。ページの幅が広くなったことが影響しているのでしょう。横が広がってるのに縦がそのままだと窮屈でバランスが悪いですからね。
EskillArniiMatt Mullenweg

EskillArniiMatt Mullenweg

長いフッタ

ブログのデザインでは完全なトレンドとなった縦に長いフッタですが、今年はSNSやコーポレートサイトでもよく見かけるようになりました。
アップル – MacLast.fmTWGワランティーサービス

アップルLast.fmTWGワランティサービス

直線ではない影の付け方

オブジェクトに影を付けるのは昔からよく使われる手法ですけど、今年は影のかたちが個性的なものが増えてきた気がします。
OnWiredセールスフォース・ドットコムLasf.fm

OnWiredセールスフォース・ドットコムLasf.fm

ページ内リンクだけで構成されるサイト

ポートフォリオサイトではページ内リンクだけで構成されるサイトを多く見かけました。
Authentic StyleJan PivonkaLuke Larsen

Authentic StyleJan PivonkaLuke Larsen

グランジなデザインパーツ

Web 2.0っぽいテカテカの「バクダン」バッヂは見かけなくなり、ちょっと汚れた感じのいわゆる「グランジ」なデザインパーツをアクセントにするサイトが増えました。でも、日本のサイトではまだあんまり見ないかも。
Web 2.0 BadgesOnWiredLast.fm

Web 2.0 BadgesOnWiredLast.fm

以上、2008年のWebデザイントレンドさらいでした。

さて、これが今年最後のエントリーです。5月にブログをスタートして、ちょうど20個目のエントリーで2008年を締めくくることができました。

まだまだ月間10,000PVの小さなブログですが、当ブログをブックマークしてくれている方々やご自身のブログなどに紹介してくださる方々も見かけるようになりました。どうもありがとうございます。

来年はCSSやマークアップのネタだけでなく、もっと「デザイン」に関するエントリーを増やしていきたいと思いますので、どうぞよろしくお願いいたします。

末筆ながら、皆様、よいお年をお迎えください。

Share & Bookmark
このエントリをFacebookでシェアする
このエントリをTwitterでつぶやく
このエントリをはてなブックマークに追加
Delicious
livedoorクリップ
Yahoo!ブックマーク
Buzzurl

コメント/トラックバック

このページへのコメント/トラックバックはありません・・・。

ぜひこのエントリーに対するコメントをお聞かせください。

以下のURLでトラックバックも受付けています。

http://higash.net/20081230/08webtrend.html/trackback/

Preview

トラックバック
http://higash.net/20081230/08webtrend.html/trackback/

Page Top