デザイントレンド

毎年ウェブデザインのトレンドを紹介しているサイトから、抜粋した記事を年別にまとめました。
また関連ニュース記事を取り上げ、何故トレンドとなるのか、時代背景も追えるようにご説明致します。

ウェブデザインの寿命は3年と言われています。

3年を過ぎたデザインはユーザーに直感で古いデザインとみなされ、

直帰率が増加する傾向にあります。ただトレンドを取り込めばいいというものでも

ありません。部分部分で取り込むと全体のバランスを崩してしまいかねません。

ここでは、過去5年分の記事をまとめましたので、ご参考下さい。

ウェブデザイントレンドのまとめ

• 2012年Webデザイントレンド
  レスポンシブウェブデザイン/ 固定ナビゲーション/ 円形/ 大きなベクター画像/ マルチカラムメニュー/ jQuery/CSS3/HTML5アニメーション/ リボンとバナーの画像/ ウェブフォント/ インフォグラフィックス/ シンプルな機能性
• 2011年Webデザイントレンド
  もっとHTML5+CSS3/ シンプルなカラースキーム/ モバイル対応/ 視差スクロール/ タッチスクリーン対応/ 奥行き/ 大きい写真の背景/冒険的なドメイン名/ QRコード/ サムネイルデザイン/ 個人の活動
• 2010年Webデザイントレンド
  特大のヘッダとロゴ/ スケッチ風/手描き風/ 大胆で大きなフォント/ タイポロジー/ 1ページ レイアウト/ 巨大な画像/ パースの変化/ インタラクティブで直感的なデザイン/ モーダルボックス/ ミニマリズム/ オーバーサイズのフッタ/ レトロ/ イントロボックス/ 雑誌風のレイアウト
• 2009年Webデザイントレンド
  浮き出し/ リッチユーザーインターフェイス/ 透過PNG/ 巨大なタイポグラフィ/ フォント置換/ モーダルボックス（ライトボックス）/ メディアコンテンツ/ 雑誌のような見た目/ スライドショー/ 大事なメッセージ
• 2008年Webデザイントレンド
  ヴィンテージでレトロ/ 手書きノートと付箋/ グランジ/ はねたインク/ 水彩画/ コラージュ/ スケッチと手書き風フォント/ 大きなフォント/ 筆記体/ 木目調/ ジグザクのパターン
• 2007年Webデザイントレンド
  かわいい漫画とマスコットキャラ/ 細かな渦巻きや滴/ 境界線を使わない/ 大きなRSSアイコン/ 高品質なテクスチャー/ 暗い背景に明るい配色