PAGE TOP

公開日:

3D表現がすごい!webサイト5選

Tags
3d
graphic
まとめ

皆さんこんにちはデザイナーのmotokiです。


最近はコロナなどでとても大変な時期ですが、負けずに頑張っていきたいですね。
今回は3D表現を使用したwebサイトということで紹介していこうと思います。
僕はこういうサイトを見るのが面白くてつい見てしまいます
現在ではwebの3D技術も進化してきていて、多種多様な面白い3D表現を使ったWEBサイトがあります!
今回はその中から5つピックアップをしてみました。

三菱電機 CEATEC 2020 ONLINE

こちらはCEATEC 2020 ONLINE展示会の三菱電機特設ページになります。
スクロールで実際に3Dの空間を体験しているかのような演出になっていて、その空間の中にコンテンツが散りばめられています。

cornea design : 東京デザイン会社

デザイン会社のコーポレートサイトです。
2Dと3Dを組み合わせたような表現で制作物を紹介してるのが印象的です。
Illustrationのセクションでは絵に囲まれた空間表現が面白いです。

Stone & Style

石を取り扱っている会社のコーポレートサイトのようです。
大胆に石の3Dを配置することでダイレクトに質感や雰囲気が伝わるのがいいですね。
Brandsページでは色が実際に変わるのが面白いです。

_____________🚗_______

フロントエンドデペロッパーの方が作成したポートフォリオサイトです。
実際にゲーム感覚で車を移動させながらコンテンツにたどり着くという変わったサイトです。
つい時間を忘れて遊んでしまいます。

Web Graphic Experiments

日本のエンジニアが作成したwebグラフィックポートフォリオサイトです。
各それぞれの作品のすごさもそうですが細かいスクロールやホバーの自然なアニメーションにも注目ですね。

 

いかがでしたでしょうか!
3Dでの表現は難しいと思いますが、より少ない面積やビジュアルで
より多くの情報を伝えることができたり、ユーザーを飽きさせない表現を得られるのかなと思っています。
実装には細心の注意を払う必要性がありそうですね。。
これからのwebは2D表現と3D表現のシームレスな融合が流行っていくのかなと思っています。
以上です!!

monomodeで一緒に働きませんか? 採用情報はこちら!
monomodeリクルートサイト
AD JOURNAL