HTML5でユニークに表現されたデザイン集「Form Follows Function」がすごい!

 

クリエイターのデスクの写真を集めたサイト「DESK」など

面白いコンテンツで話題を呼んでいるデザイナーのjongmin kim氏。

そんなjongmin kim氏が手掛ける「Form Follows Function」を今日はご紹介します。

 

Form Follows Functionは、HTML5で作られた動きのあるユニークなデザイン集で、

canvasや、css transition、transformなど最先端の技術を取り入れています。

今やFLASHに頼らずHTML5でここまで表現が可能になっています。

 

「Form Follows Function」

 

 

 

 

トップページには、そのデザインリンクが円状に並べられ、

ドラッグすると動かすことができ、クリックしてその作品をご覧いただけます。

 

作品

「Plant Trees」でいうとクリックしたポイントにどんどん木が生えたり、

「Campbell’s Soup 3D」は缶を自由に動かして観察でき、

「Raining Men」傘を持った男性のシルエットが降ってきます。

これは一部で、まだまだサイトには作品が多くあります。

 

 

実際に、こちらが操作を加えて動かしたりするインタラクションな作品が多く、

見て美しい、動かしてみて気持ちいい、楽しい感覚が溢れます。

 

これらの作品は全てi padにも対応していることにも驚きです。

みなさんも是非実際に見てください!楽しいですよ☆

 

「Form Follows Function」

 

You may be interested

「チキンの香り?の入浴剤」が当たるWash you a Heavy Christmasキャンペーン
Event
69 views
Event
69 views

「チキンの香り?の入浴剤」が当たるWash you a Heavy Christmasキャンペーン

WEBROCK 編集部 - 12月 23, 2017

ケンタッキー・フライド・チキンが11月に…

超音波とディープラーニングでピアノも弾ける義手「Skywaker Hand」
Technology
72 views
Technology
72 views

超音波とディープラーニングでピアノも弾ける義手「Skywaker Hand」

WEBROCK 編集部 - 12月 23, 2017

ジョージア工科大学の研究者らは、「Sky…

JR東日本の私を新幹線でスキーに連れてって「JR SKISKI」
CM
123 views
CM
123 views

JR東日本の私を新幹線でスキーに連れてって「JR SKISKI」

WEBROCK 編集部 - 12月 7, 2017

JR東日本(東日本旅客鉄道)は12月5日…

Leave a Comment

Your email address will not be published.