2012年の思い出にひたるべく、超主観で2012年に出会ったものをランキングで振り返ってみるテスト、ウェブサイト編。
#5. Little Big Details
http://littlebigdetails.com/
いろんなサイトの細かすぎて伝わらないデザイン集。ささやかな気遣い。
こういうの見てるとインターフェイスデザインってつくづくサービス業だなぁとか思う。
#4. Kern Type
http://type.method.ac/
Mark MacKayさんの作ったデザインスキル判定ゲームの第1弾。フォントのカーニングゲーム。Adobeのデザインツールのショートカットを再現していたりして本気でカーニングせざるを得ない作りがナイス。フォントのレンダリングをsvgで制御していたりとモダンな実装。
#3. Qonversations
http://qonversations.net/
左上のロゴが呼吸するようにゆっくり拡縮している。このロゴのサイズは定期的にクッキーに保存されていて、ページをまたいでもアニメーションのシークエンスが途切れないように設計されている模様。ロゴ1つがここまで作りこまれているのはステキ。
#2. Vincent Gallo Vincent Gallo Vincent Gallo
http://vgvgvg.vg/
一見ローテクなサイトに見えつつも、画像はGoogleの画像検索から取得し、サーバーでノイズをまぶして全体のトーンをそろえつつ、13:20の長方形を基調にしたグリッドにレイアウトし、さらに低速回線で徐々に読み込まれるようなアニメーションをシミュレートしているという芸の細かさ。vgvgvg.vgというドメインもセクシー。
#1. Nerhol
http://www.nerhol.com/
スクロールに連動したロゴの挙動がステキ。
あと、作品は独自のページで見せて、細かい情報はFacebookでっていうのが今どきのポートフォリオサイトの形としてとてもしっくりきた。勉強になります。
その他のよかったランキング
・2012年よかったランキング – マンガ編