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アイコン/ 高品質なテクスチャー/ 暗い背景に明るい配色

 

 -デザイン

  関連記事

no image

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

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

no image

ECサイトとデザイン

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

no image

2009年Webデザイントレンド

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

2010年Webデザイントレンド

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

no image

2012年Webデザイントレンド

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

no image

2008年Webデザイントレンド

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

no image

2007年Webデザイントレンド

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

Logicool Flowが素晴らしすぎる話

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

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

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

嫌われる勇気

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

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

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

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

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