データが（ハイパーアクティブな）アートになる時 📱💥
Super Pumped: The Battle for Uber はシリーズではなく、ユーザーインターフェースが視覚音響の悪夢に変わったものです。Ingenuity Studiosは、注意欠陥のCEOの手にあるアプリの通知のように画面で爆発するグラフィック言語を設計しました。
技術的混沌の視覚的ABC
スタイルの柱：
- 攻撃的なグラフィックス：メッセージ、地図、3Dスタイライズドのステータス
- 短絡トランジション：軸のジャンプ、グリッチ、攻撃的なモーフィング
- データで呼吸する空間：インフォグラフィックの下で変形するオフィス
重要データ： 「各グラフィックスには3つのバージョンがあります：静的、ホバー（浮遊）、クリック（誰かがインタラクトしているように）」、ブレイクダウンが明らかにします。
Silicon Valleyの熱狂を製造する
モーショングラフィックス
- After Effects + Cinema 4D で「クリック可能」なグラフィックス
- 対話のリズムに反応するアニメーションのためのエクスプレッション
- UIの階層をシミュレートするネストされたプレコンパ
3Dエフェクト
- Houdini で地図からアーキテクチャへのトランジション
- Redshift でボリュメトリックインフォグラフィックスのレンダリング
- 「逃げるデータ」のようなパーティクルシミュレーション
このスタイルを再現するためのサバイバルキット
3ds Maxで
- Motion Graphics Toolset - アニメーショングラフィックス用
- Greeble - 表面に「技術的」複雑さを追加
- TyFlow - 侵入的な通知のようなパーティクル
- Arnold/Redshift - アウトライン付きのスタイライズドレンダリング
Blenderで
- Geometry Nodes - プロシージャルグラフィックスシステム
- Line Art Modifier - 「デジタルコミック」ルック用
- Eevee - 3Dインターフェースの高速レンダリング
- Dynamic Paint - UIインタラクションエフェクト
💡 視覚カフェイン中毒者へのアドバイス：
- After Effectsでtime remappingを使って苛烈な加速
- chromatic aberrationをトランジションのみに適用
- タイポグラフィをコンパイルされるコードのようにアニメーション
エクストラ：グラフィックスを装飾ではなくキャラクターのように扱うと効果的です。
モーションデザイナーのパラドックス
Travis Kalanickが世界をもっとアクセスしやすくしたかった一方で、Ingenuityのアーティストたちはその逆をしました：「タイムラインで自分たちまで迷子になるほどハイパーアクティブな体験を設計しました」。真の成果は、スプレッドシートを純粋なスペクタクルに変えることでした…観客の半分がポーズボタンを必要とするとしても。⏸️
「モーショングラフィックスでは、プロジェクトをレビューして頭が痛くならないなら、十分なレイヤーを使っていないということだ。」 - Ingenuityの匿名デザイナー。