毎年ウェブデザインのトレンドを紹介しているサイトから、抜粋した記事を年別にまとめました。
また関連ニュース記事を取り上げ、何故トレンドとなるのか、時代背景も追えるようにご説明致します。
ウェブデザインの寿命は3年と言われています。
3年を過ぎたデザインはユーザーに直感で古いデザインとみなされ、
直帰率が増加する傾向にあります。ただトレンドを取り込めばいいというものでも
ありません。部分部分で取り込むと全体のバランスを崩してしまいかねません。
ここでは、6年分の記事をまとめましたので、ご参考下さい。
ウェブデザイントレンドのまとめ
- 2012年Webデザイントレンド
レスポンシブウェブデザイン/ 固定ナビゲーション/ 円形/ 大きなベクター画像/ マルチカラムメニュー/ jQuery/CSS3/HTML5アニメーション/ リボンとバナーの画像/ ウェブフォント/ インフォグラフィックス/ シンプルな機能性 - 2011年Webデザイントレンド
もっとHTML5+CSS3/ シンプルなカラースキーム/ モバイル対応/ 視差スクロール/ タッチスクリーン対応/ 奥行き/ 大きい写真の背景/冒険的なドメイン名/ QRコード/ サムネイルデザイン/ 個人の活動 - 2010年Webデザイントレンド
特大のヘッダとロゴ/ スケッチ風/手描き風/ 大胆で大きなフォント/ タイポロジー/ 1ページ レイアウト/ 巨大な画像/ パースの変化/ インタラクティブで直感的なデザイン/ モーダルボックス/ ミニマリズム/ オーバーサイズのフッタ/ レトロ/ イントロボックス/ 雑誌風のレイアウト - 2009年Webデザイントレンド
浮き出し/ リッチユーザーインターフェイス/ 透過PNG/ 巨大なタイポグラフィ/ フォント置換/ モーダルボックス（ライトボックス）/ メディアコンテンツ/ 雑誌のような見た目/ スライドショー/ 大事なメッセージ - 2008年Webデザイントレンド
ヴィンテージでレトロ/ 手書きノートと付箋/ グランジ/ はねたインク/ 水彩画/ コラージュ/ スケッチと手書き風フォント/ 大きなフォント/ 筆記体/ 木目調/ ジグザクのパターン - 2007年Webデザイントレンド
かわいい漫画とマスコットキャラ/ 細かな渦巻きや滴/ 境界線を使わない/ 大きなRSSアイコン/ 高品質なテクスチャー/ 暗い背景に明るい配色
Japanese 
English