他とは違う? ”動き”や”レイアウト”にこだわる素敵サイトたち。

Advertisement

ページ遷移やマウスオン、スクロール、パララックス、ちょっとした動作にこだわりを持たせると、サイトとしてのクオリティを高めてくれます。また、どんどんCSS等も表現の幅も拡がって斬新なレイアウトが目立ちます。そんな動きやレイアウトにこだわったサイトをいくつかご紹介。もちろんノンフラッシュ。

Find & Form | The Digital World Craves Old School Craft

http://www.findandform.com/
左上のロゴ、ページをスクロールすると変形します。


TAKESHI WATAMURA | 綿村 健

http://takeshiwatamura.jp/ ※音注意
斬新なレイアウト。マウスオンで全画面、透過でコンテンツが表示されます。


ALCHIMIE

http://www.alchimie-swc.ch
なんだか不思議なサイト・・・ちょっと重い。


Frappuccino® Blended Beverage from Starbucks Coffee Company

http://frappuccino.com
ざくざくとレイアウトが既にポリゴン風。ナナメのナビゲーションも特徴的。
フラペチーノ飲みたい。


Nerval / Pierre Georges, interaction designer.

http://nerval.ch
すごいミニマルに徹してます。左右の移動時、ポインターを変えてくる辺り流石。


Shockoe Denim – Shockoe Denim

http://www.shockoedenim.com/
トップスライド1枚目は動画。二枚目以降写真。驚きは無いけど、見せ方がキレイ。


emploi New York

http://emploinewyork.com
モデルがかわいい。遷移・スライドなど上下左右へ色々動く。あとモデルがかわいい。


CROPP – City Rulez

http://cropp.com/
各ページ毎、全画面でも違いのある大胆な構成。動画が見れないガッデム。


Protest Boardwear

http://www.protest.eu
こちらも各ページ毎に大胆な展開。海行きたい。


me & oli

http://www.meandoli.com
頭・身体(服)・足。それぞれすり替えながらアイテムを探す。楽しい。