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

こんばんは、ハラです。

2009年もあとわずか！ということで、今年最後のラボブログ更新です！
年末恒例の（？）2009年を振り返ってみようと思います。

まずは、googleがCM広告をしたこの年、
○○とは　で検索されるようになりましたね。
Google Zeitgeistによるキーワードランキングです。

Google Zeitgeistは検索数のランキングではなく、
検索の上昇率を元にデータ化しているので、
ランクインしているものは今年もっとも注目が多かったキーワードランキングになっています。

急上昇ワードランキング

1. ドラゴンクエスト 9
2. 田中 美絵子
3. bing
4. 北野 誠
5. シンケンジャー

「○○とは？」ランキング

1. twitter とは
2. FX とは
3. CSR とは
4. RSS とは
5. アドオン とは

急上昇ワードランキングに「ドラゴンクエスト 9」、「○○とは？」ランキングに「twitter とは」がそれぞれ1位にランクインされていますね。
GoogleでYahooを検索するということもまだあるようです。

2009年、サイブリッジでは社内のみなさまがドラクエ9にハマり、水口代表・シカータ君はついったーを始めました。
先日の説明会でもY先輩、M先輩がおっしゃってましたが、「情報にどん欲になる」「流行に乗る」というのはこういうところから始まるものなのかもしれませんね。

ちなみに2008年だけで900%の成長を達成したTwitterはWebのアカデミー賞といわれる程有名なWebbyでWebby Breakout of the yearを受賞いることでも有名です。


米Yahoo・米Googleから共にランキング1位にあがったのは、世界規模に大きな話題を呼んだ、Michel Jacksonでした。

Windows7など新しいキーワードがありつつ、
Yahooの6位にはNarutoがランクインされています。
ちなみにアメリカのオタク文化にでもっともポピュラーなのは、Narutoなんだそうです。（米友人談）

窓の社 大賞 2009では、Windows7を抜いて「Visual Studio 2008 Professional Edition」が大賞に輝き、個人的に意外な結果になりました。Windows7の発売が10月だったからかもしれませんが。


では、続いてWebデザインのトレンド2009年。
SMASHING MAGAZINEからエントリーされた Web Design Trend for 2009と、追加エントリーから。

エレメント

透過PNG。
IE6用の優良Javascriptが増えて、積極的に透過PNGを取り入れているサイトがどんどん増えてきたのも今年です。

テキスト置換：
HTMLテキストをJavascriptでFlashムービーに置き換え、
アンチエイリアスが掛かった選択可能なテキストとして表示させたり、
テキストの上にグラデーションの透過PNGをかけて表示、などといった手法も出てきてました。

リッチユーザインターフェース、コンテンツ

モーダルダイアログボックスなどJavascriptでのポップアップボックス（Lightroom等）、
Flashを使用した動画配信や、Flash/Javascriptのスライドショー形式が増え始め、
あらゆるサイトで取り入れていました。

レイアウト

ページ遷移無し・1ページのみのレイアウトや、色鮮やかなグラフィックを全面に出して印象付けるレイアウト、
また、ミニマムに余白スペース領域をとったレイアウトといったレイアウトに人気がありました。

テイスト

水彩画デザインを始め、手書き、ノート・メモ帳など、
テイストとしてはレトロ・ビンテージ、グランジ系といった
どちらかというとモニター外で見かけるモノを取り入れたデザインなどが注目されていました。

SMASHING MAGAZINEからはまだですが、Web Design Ledgerでは、2010年のトレンドが発表 されています。
レイアウト・エレメントデザインの他にも、CSS、Scriptなどにも勿論、トレンドってあるんです。

たとえば色。
ちょっとWebから離れますが

PANTONEが選んだ2010年のトレンドカラー

参考：Splashes of sunshine for spring 2010（英文）
一般的に流行色と言われるものは、
INTERCOLOR、JAFCAが発表していますが
PANTONEからも毎季節のトレンドカラーが発表されています。
PDFもDLできるので、是非みなさんチェックしてみてください。


それでは、みなさん
メリークリスマス＆よいお年を！！