2011年・印象に残ったWebデザインいろいろ

さて、晦日ですね。いつまで更新するんだ
って感じですけどｗ個人的には年末年始も
クリスマスもあまり関係ない環境なので
普段と変わらず更新します。今日は、今年
印象に残ったWebデザインのサイトのまとめ
です。

明日で今年最後ですねー。1年お疲れ様でした。因みに、このブログは僕個人のメモなので僕が仕事してるうちはアホみたいに更新されます。お暇でしたらご覧下さい。

さて、年末なので1年の間で印象に残ったデザインを残して来年と比較して見たいと思います。来年もこのサイトが存在するか分かりませんがｗ去年もやればよかったなぁと思いつつ。ほぼ海外サイトになります。国内のは見つけやすいと思いますので結構割愛。

適当にジャンル別にしてみました。解説は野暮だと思うのでしないようにしてます。1ジャンル3サイトに絞っています。ジャンル名は適当、順不同です。リンクは画像にしています。

Fullscreen

写真や動画、イラストのフルスクリーン表示を採用したWebサイト

Adham Dannaway

Tatchies

Path

Horizontal Scroll

横スクロールのWebサイト。かなり見かけましたけどマウスホイールには対応したいところ。jQueryならMOUSE WHEEL EXTENSIONでしょうか。

Moods of Norway

Hobo Lobo of Hamelin

Yakult Singapore

Parallax animation effect

スクロールに応じて要素がアニメーションしながらそれぞれ遅延して表示される、みたいな感じで視差効果を出す技法・・・だけどここに挙げたものは少し違う感じのやつです。

Nizo

SF Dok – 360°

La Moulade

With Twitter

Twitterに連動したサービスで割と凄いなと感じたサイト。

Visions of beauties

Nouvelle Vague

Motion Typography

Web apps

Webサービス系です。飛行機のは本当に感動した。

Plane Finder

WDCS

The Google+ Project

Image Gallery

ギャラリーコンテンツで秀逸だったもの。フレームの形状がユニークになってきましたね。vlogは動画のサムネイルをゴリゴリ動かしてます。

vlog.it

Rally Interactive

Jessica Caldwell

Responsive Web Design

当サイトでもしつこいくらい記事書きました。今のところはPCサイトとは別にスマフォ用に用意し、UAで切り替え、スマフォ用のをレスポンシブに、というのが最良かな・・

Food Sense

ChoiceResponse

Foster Props

(via:MediaQueri.es)

WebGL

HTML5すごいな、って始めてWebGL見て思いました。canvas難しいのでなかなか手が出ませんが来年は少し頑張りたいです・・

HelloRacer™

Bookcase

Nokia Maps

Funny

可愛いデザイン。手書き風はやはり好きです。

Draw a Stickman

Kyan

Project Green

Minimal

このサイトでも2年前くらいからミニマルミニマル言ってたので嬉しい風潮です。

Alexander Zhestkov

Kenneth Cachia

東京ブルー

Typography

デザインの9割はタイポグラフィだ、なんて言っちゃう人もいますが、本当大事ですよね・・かといって、カーニングにこだわりすぎて基本的な部分がアレなデザインは見たくないものです。自己満足になりやすいので気をつけたいですね。

Amazee Labs

Kinetic Singapore

SWE Reklambyrå

My Favorite

最後は個人的に気になったデザインです。一貫性ないですが。

attackemart.in

ACTIVATE

Dear Lament – Coffee –

あとがき

今年は去年よく見かけた不自然な立体感のデザインはかなり減った印象でした。更に、CSS3などの登場で斜めのラインなども取りやすくなったためか、少し紙デザインに近いものを感じつつ、WebGLのような超リアル3Dコンテンツなんかも出たりと、良い感じで二分化されたような印象です。来年はどうなるんでしょうね。

個人的にはミニマル化、タイポグラフィや写真重視のデザイン、淡い色合いのカラースキーム等が目立つんじゃないかなとか思ったりしています。パララックスは・・・一過性のものかなって思ってます。効果は訴求力アップだけで、基本的には見にくいものです。僕個人は多くの場合、ただのアートっていう評価です。見る分には面白いし、興味もそそられるんですけどね。

ただ、スクロールに応じたギミックは出続けるかもですね。ページ推移なんかも滑らかさをだして、ユーザーエクスペリエンスを向上させる傾向にはあります。あまりアニメーション使われても嫌なんですけど。

CSS3しかりHTML5しかり。スマートフォンの登場でかなり需要は増えましたけど、スマートフォンだけでなく、テレビやゲーム機などにも対応できるマルチデバイスWebデザイン、みたいなものも必要になる！みたいな声もあがるんじゃないですかね・・分かりませんけどｗ

「Flashは終わり。HTML5の時代だ！」みたいなズレた見方やレスポンシブWebデザイン同様、なんとなく煽りに近い気がしないでもないです。スマフォよりガラケーに対応した方が収益化できるコンテンツもまだまだ山ほどありますしね。Web制作はコンテンツとターゲットに沿った施工ありきであることを忘れないように自戒の念を込めておきます。