今日のデザイン#020 折り紙のようなトランジションが画期的なwebサイト「Rally Interactive」

Webで実現するアニメーションのトレンドがFlashからHTMLに移行していくタイミングで有名になったサイト「Rally Interactive」。
特に話題になったのは2012年頃でしたが、今ではさらに進化を遂げ、インタラクティブなアクション満載のサイトになっています。

スクリーンショット 2015 02 06 21 52 07

スクリーンショット 2015 02 06 21 55 54

スクリーンショット 2015 02 06 21 56 13

スクリーンショット 2015 02 06 21 56 19
▲繊維ごとに変わる配色。それぞれカラースキームがしっかりと考えられいて、本文の文字色も読みやすさとオシャレさが両立されています。

スクリーンショット 2015 02 06 21 52 01

スクリーンショット 2015 02 06 21 53 29
▲ページ上部のナビゲーションバーや、右上のメニューボタンの展開など、”折り紙”のようなアニメーションがスゴい!”インタラクティブ”さをより強調するアニメーションは、非常に心地よい操作性を持っています。
右上のメニューボタンが、メニュー展開時に「クローズボタン」に変化する際の滑らかなアニメーションも素敵です。

真似するにはかなり技術力が必要かもしれませんが、比較的簡単にソースを解析できるのがwebのいいところ。
アニメーション満載の「Rally Interactive」のサイトは、HTMLアニメーションを知るうえで、非常に参考になるサイトではないでしょうか。

スクリーンショット 2015 02 06 21 54 02

Got to Website

Commentsこの記事についたコメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です