文字を活用したインタラクティブなフッターなど遊び心あふれる演出がおもしろい Revelatio のウェブサイト
最近こういうの流行しているのかな？
今回ご紹介するのは Revelatio というブランディングやコンサルティングを行っている企業のウェブサイトです。
トップページはアスキーアート風とでも言いましょうか、ドットを文字で表現した独特なビジュアルが配置されているのですが、最近こういう表現よく見かけるような気がします。
もしかしたらちょっと流行のスタイル、といってもいいのかもしれないですね。
リンク：
Revelatio | Branding, Product Design & Code
カーソルの動きだけがどうしても気になる……
今回のサイトでは、WebGL を使っているといっても 3D 表現が多用されているという感じではありません。
ピンポイントで、文字を使った表現をするために WebGL が演出用に採用されている、という感じでしょうか。
わかりやすいのはトップページの部分で、ここでは動画素材のドットを文字に置き換えたような演出を見ることができます。
この表現、すごく見た目がいいんですよね…… 独特な奥行き感があるというか。
不思議に思ってよ～～～く観察してみたのですが、これ実際には文字だけじゃなくて、その文字の背景部分にもうっすらと色がついていますね。
これは非常におもしろいアイデアというか、すごくいい表現の仕方だと思いました。
おそらく、文字だけでそれをやろうとすると色がつくピクセルが限定されすぎて、映像として視認しにくくなるはずなので、それを解消するためにあえてやっているのでしょう。すごくおもしろいです。
サイト内にはそれ以外にももちろん動く要素などいろいろあって、インタラクティブ性の高い、いまどきのウェブサイトという感じに仕上がっています。
ただ、わたしの環境だけかもしれないですが、カーソルが丸いドットに置き換えられて表示されるのですが、そのドットが妙に動くのが遅いというか、ディレイが掛かったような動きになっていてそれがめちゃくちゃ気になってしまいます。
サイトのフッター部分にも文字を活用したインタラクティブな演出が置かれているのですが、これとかは普通にディレイなどは感じない、素直な反応を返してくれますね。
あえてドットの追従にディレイを掛けている、ということはない気がするので……
うーん、わたしの環境のせいなのかもしれません。
もし仮に、これを意図的にやっているとしたらどんな意図があるんでしょうか。わたしにはちょっと想像がつかなかったです。
フッター部分の演出など、文字を使った表現にはいろいろな工夫が感じられておもしろいですね。
WebGL 使い的には、トップページの演出で、文字以外の部分にも色がついているのは非常に興味深い良いアイデアだなと感じてちょっと興奮しました。
ぜひチェックしてみてください。
