2013年初のブログということで、簡単にwebデザインのトレンドのお話をしたいと思います。

まずは、昨年のwebデザインから。

海外の方の好みなのでしょうか。
数多くのwebサイトが掲載されています。

Best of Web Design in 2012 | Inspiration

簡単に大きく分けていうと、

・ベタ塗り
・大きな写真を背景としてブラウザいっぱいに表示
・背景にちょっとしたテクスチャ(紙等)
・レトロな配色
・ワンカラム
・スクロールによるアニメーション
・大きなキャッチコピー

こんな感じでしょうか。
(もっと細かくみたら他にもあると思います・・・)

海外の方のものなので、
日本のWEBサイトで見かけるのとは違うかも知れませんが、
僕個人としては、確かに上記のようなサイトが多くあった感じがします。

そして、今年のデザインのトレンドですが、
こちらも海外の方のブログですが、
トレンドを20個紹介してくれています。

Web Design: 20 Hottest Trends To Watch Out For in 2013
箇条書きにすると以下の様な感じです。

１．レスポンシブデザイン
２．Retinaの対応
３．ヘッダーの固定
４．背景に大きな写真
５．CSSでの透過
６．ミニマルなランディングページ
７．QRコードの掲載
８．ソーシャルメディアのバッジ
９．細かいイラスト
１０．無限スクロール(インフィニットスクロール)
１１．HPのチュートリアル
１２．スライドでコンテンツ移動させる
１３．クリックで開閉、表示・非表示になるナビーゲーション
１４．画面いっぱいのタイポグラフィー
１５．オープンソースやAPIの使用
１６．ボックスの影(ドロップシャドウ)
１７．CSS３によるアニメーション
１８．縦のナビゲーション
１９．１ページのwebデザイン
２０．円形の要素を使用したデザイン

ざっと書いてしまうとこんな感じです。

昨年から見られるトレンドもありますが、
今年もトレンドとして引き続きあるってことですねー

僕として、今は、「ベタ塗り」や「テクスチャ」が好みではありますが、
今年のトレンドには見当たらないのシフトしていかないとダメかもしれませんww