たのしい仕掛けや一風変わった演出が盛りだくさんの Yuta Abe さんのポートフォリオサイト
ぜんぶ紹介しきれません
今回ご紹介するのは Yuta Abe さんのポートフォリオサイトです。
猫とゲームが大好き、ということがサイト内にも書かれていますが、それを感じさせる演出や表現がたくさん出てきてとても楽しいウェブサイトとなっています。
また、ただ見た目が楽しいだけでなく、技術的にも凝った演出がいろいろあって全部をここではとても紹介しきれないですね…… 盛りだくさんですごいです。
リンク：
Yuta Abe - Code, Interactive Design
いろいろ観察したくなる
今回のサイトでは、3D 表現が多く用いられています。
トップページの部分はもっともわかりやすく 3D シーンがドンと出てくるのですが、猫のシルエットがドット模様で描かれたり、ワイヤーフレームのような質感で描かれたりと、見た目の変化がおもしろいですね。
スキャンラインのような演出も、すごく目を引く表現となっています。
静止画では全然伝えられないのですが、ワイヤーフレームの部分も単なるベタ塗りのラインではなく、キラキラと光っていてそういったところも工夫が凝らされていますね。
インタラクティブ性がとても高いのも特徴のひとつで、いろいろな操作を行うとそのたびに楽しい仕掛けが発動するようになっています。
いったいぜんたい、サイト内にどれだけの仕掛けがあるのか…… 思わずいろんなところをクリックしたりしたくなります。
サイト内にわかいりやすく配置されているコンテンツだけでもすごく見応えがあるのですが、ちょっと目立たない場所に置いてある部分にも大きな仕掛けがあったりして、本当に見ていて飽きません。
こういった仕掛けの多いサイトって、たくさんの仕込みがあるからこそ逆にまとまりがなくなってしまうようなことが多くあると思うのですが、今回のサイトは不思議とそういう感じがしないですね。
もちろん、絵の方向性は全然違ったり、使っている技術もまるで異なったりするのですが、全体のトーンが統一されているからかもしれません。
ここではスクリーンショットで掲載しきれませんでしたが、About ページや事例を紹介する Projects のページなど、いろんなページでそれぞれに変わった表現が用意されており、ボリュームたっぷりなウェブサイトです。
3D 表現だけで無理矢理サイトを構成している感じでもなく、全体としても丁寧にまとめられていると感じました。
WebGL 的にもちょっと変わった表現が多くて、いろんな試みを普段からトライされているのだろうなと感じました。
ぜひチェックしてみてください。
