Webデザイントレンドのまとめ年別

      2015/01/07

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

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

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

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

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

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

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

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

 

 -デザイン

  関連記事

2010年Webデザイントレンド

Web Design Trends for 2010というトレンドやテクニックを紹介しているサイトか

no image

2012年Webデザイントレンド

Web Design Trends in 2012というトレンドやテクニックを紹介しているサイトから

no image

EC-CUBEスマートフォン向けテンプレート搭載!

2011年8月10日、EC-CUBEがスマートフォン向けのテンプレートを強化した新バージョン2.11

no image

2009年Webデザイントレンド

Web Design Trends For 2009というトレンドやテクニックを紹介しているサイトか

no image

ECサイトとデザイン

少し前の記事になりますが、マーケティングブログKISS metricsの 「How do color

no image

2007年Webデザイントレンド

2007: More Web Design Trends & Clichesというトレンドや

no image

2008年Webデザイントレンド

web designer wall 2008 design trendsというトレンドやテクニックを

Logicool Flowが素晴らしすぎる話

数年ぶりにキーボードとマウスを買い替えました。 デバイスが増えてきて、MacとWindowsとタブレ

Benq BL2420PTで突然「シグナルが検出されません」と出たら・・・

BenQ 23.8インチワイド 高解像度モデル (2560×1440/IPSパネル/DisplayP

嫌われる勇気

嫌われる勇気―――自己啓発の源流「アドラー」の教え posted with ヨメレバ 岸見 一郎,古

マンガでやさしくわかるアドラー心理学

マンガでやさしくわかるアドラー心理学[Kindle版] posted with ヨメレバ 岩井俊憲,

1億円の壁を越えるビジネス思考

1億円の壁を越えるビジネス思考: 年商1000万円に満たない会社の売上を数年で10億円にまで成長させ