
जब डेटा कला (हाइपरएक्टिव) बन जाता है 📱💥
Super Pumped: The Battle for Uber कोई सीरीज नहीं है, यह एक यूजर इंटरफेस जो ऑडियोविजुअल बुरे सपने में बदल गया है। इनजेन्यूटी स्टूडियोज ने एक ग्राफिक भाषा डिजाइन की जो स्क्रीन पर एक ऐसी CEO की नोटिफिकेशन्स की तरह फट पड़ी जो ध्यान की कमी से ग्रस्त है।
तकनीकी अराजकता का विजुअल ABC
स्टाइल के स्तंभ:
- हमला करने वाले ग्राफिक्स: मैसेज, मैप्स और 3D स्टाइलिश स्टैट्स
- ट्रांजिशन-शॉर्ट सर्किट: एक्सिस जंप्स, ग्लिचेस और आक्रामक मॉर्फिंग
- डेटा से सांस लेने वाली स्पेस: इन्फोग्राफिक्स के नीचे विकृत होने वाले ऑफिस
मुख्य डेटा: "हर ग्राफिक के तीन वर्शन हैं: स्टेटिक, होवर (तैरता हुआ) और क्लिक्ड (जैसे कोई इंटरैक्ट कर रहा हो)", ब्रेकडाउन में खुलासा हुआ।
सिलिकॉन वैली की बुखार को गढ़ना
मोशन ग्राफिक्स
- 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 लागू करें
- टाइपोग्राफी को कोड कम्पाइल होते हुए जैसा एनिमेट करें
एक्स्ट्रा: ग्राफिक्स को डेकोरेशन नहीं बल्कि कैरेक्टर्स की तरह ट्रीट करें तो बेहतर काम करते हैं।
मोशन डिजाइनर की विरोधाभास
जबकि ट्रेविस कलानिक दुनिया को अधिक सुलभ बनाना चाहते थे, इनजेन्यूटी के कलाकारों ने उल्टा किया: "हमने इतना हाइपरएक्टिव एक्सपीरियंस डिजाइन किया कि टाइमलाइन्स में हम खुद खो जाते थे"। असली उपलब्धि स्प्रेडशीट्स को शुद्ध तमाशे में बदलना था... भले ही आधे दर्शकों को पॉज बटन की जरूरत पड़ गई। ⏸️
"मोशन ग्राफिक्स में, अगर प्रोजेक्ट रिव्यू करते समय सिरदर्द न हो तो इसका मतलब है कि पर्याप्त लेयर्स इस्तेमाल नहीं किए।" - इनजेन्यूटी का अज्ञात डिजाइनर।