【レポート】Shift2 - 2008年の海外Webデザイントレンドおさらい

幅の概念の変化

• 2008年1月にYahoo! JAPANがリニューアル→Y!がやっているんだからと幅広傾向に

レイアウト

• 見立てのデザイン
• 余裕のある多段コラム

配色

• ダルトーン（特に茶色と水色の組み合わせは多い）
• 黒ベースに白いコンテンツエリア（ex.「hp」）

  

テキスト

• 「"（quote）」マークが大きくなった
• 見出しの巨大化

リスト

• あまり変化は起きていない

ボックス

• アプリケーション・ガジェットっぽいデザイン
• 吹き出し・・・h1要素やナビゲーションの現在地などで

フォーム

• サイズが大きくなった昨年に比べ、シンプル化
• ラベルなし・・・inputのデフォルトの値に項目名が入っている

ナビゲーション

• 重要なボタンに「青」が採用（リンクの色と同じだから？）
• 固定フッター（ex.「Facebook」）

  

テクスチャ

• 斜線は減ってきた（薄くさりげなく使われている）
• セロファン（背景は透過させているけど色がついている）
• 水平段組の数が増加
• コラージュ・紙のような質感
• ツヤベベル
• 中心にハイライトがくるグラデーション

表

• リッチなテーブル→ライブラリを使ってソートを実現

アイコン

• RSSアイコンの統一化
• リアル指向、アイコンは大きくなっている
• 検索アイコンは虫めがね

2009年はこうなる？

• 色・・・ポップさがもどる
• ベベル系からマットなボタンへ
• アプリケーションっぽいデザイン化が進む
• パノラマ感のあるイメージ

個人的には、透過pngの普及でXHTML + CSSのページでもアーティスティックなデザインのページが増えたなぁと思います。あとは、水平段組のデザインやガジェットっぽいデザインとかも多く見た気がします。

原さんがおっしゃっていた今年イチオシのサイト「Light CMS」では、紙っぽい質感であったり、手書きっぽいポイントをつけたり、アイコンがリアル傾向だったり、quoteマークが大きかったり、コンテンツ部・フッター部で水平段組みの色分けを用いていたりと、2008年のデザイントレンド集大成な感じになっていますね。