सभी लेख
उत्पाद

एक छवि API के साथ कार पृष्ठभूमि को कैसे कस्टमाइज़ करें

पारदर्शी कटआउट पृष्ठभूमि को एक डिजाइन निर्णय में बदल देते हैं। चार रेसिपी, ब्रांड रंग से लेकर शोरूम फ्लोर तक, और उनके पीछे के पैरामीटर।

रॉबिन एशफोर्ड30 जुलाई, 20265 मिनट पढ़ना
ब्लॉग हीरो: पृष्ठभूमि

एक वाहन इमेज का पृष्ठभूमि पहले एक कार पार्क की गई थी। रेंडर्ड इमेजरी के साथ यह एक डिजाइन टोकन बन जाता है: कार एक साफ कटआउट के रूप में आती है, और यह जिस पर बैठता है वह आपका फैसला है, जो CSS में या एक कंपोजिटिंग स्टेप में किया जाता है जो आप नियंत्रित करते हैं। टीमें इसे एक इमेज-एडिटिंग समस्या के रूप में सोचती हैं। यह एक पैरामीटर है।

बुनियादी इकाइयाँ

अनुरोध कई विकल्पों को मिलाते हैं: transparency एक प्यूर कटआउट के लिए, shadow एक ग्राउंडेड स्टूडियो लुक के लिए, ground और mirroring एक शोरूम-फ्लोर रिफ्लेक्शन के लिए, साथ ही color, format और साइजिंग। हर संयोजन एक URL है, जिसका मतलब है कि नीचे हर लुक एक टेम्पलेट है जिसे आप एक बार परिभाषित करते हैं और पूरे कैटलॉग पर लागू करते हैं

चार रेसिपी

1. ब्रांड रंग, हर जगह

अपने ब्रांड के पृष्ठभूमि रंग पर एक पारदर्शी WebP सबसे सस्ता पूर्ण पुनः डिजाइन है: एक CSS नियम, और पूरा इन्वेंटरी आपकी पहचान पर बैठता है, न कि चालीस अलग-अलग फॉरकोर्ट्स पर। ईमेल में भी उतना ही काम करता है, जहाँ पृष्ठभूमि एक टेबल सेल फिल है।

2. जमीन पर स्टूडियो

एक न्यूट्रल फील्ड पर एक शैडो वेरिएंट एक प्रोफेशनल स्टूडियो शूट के रूप में पढ़ा जाता है, बिना किसी भी कंपोजिटिंग के। यह लिस्टिंग्स और डिटेल पेज्स के लिए सुरक्षित डिफ़ॉल्ट है। कार कुछ पर बैठती है, और हर कार उसी चीज़ पर बैठती है। वेरिएंट्स को शैडो, रिफ्लेक्शंस और ट्रांसपेरेंसी पर एक साथ दिखाया जाता है।

ब्लॉग इनलाइन: पेपर पृष्ठभूमि

3. शोरूम फ्लोर

जमीन पर प्रतिबिंब और दर्पण प्रभाव से प्रीमियम-कॉन्फ़िगरेटर लुक बनता है, जिसमें कार चमकीले काले फर्श पर होती है। इसे लॉन्च पेज और फ्लैगशिप प्लेसमेंट के लिए डार्क पेज थीम के साथ जोड़ें, जहाँ आप जानबूझकर ड्रामा चाहते हैं, न कि कैटलॉग न्यूट्रलिटी।

4. कैम्पेन कॉम्पोजिट

सीज़नल या कैम्पेन क्रिएटिव के लिए, एक ट्रांसपेरेंट कटआउट डिज़ाइन टीम द्वारा बनाए गए किसी भी सीन में ड्रॉप हो जाता है: ग्रेडिएंट फ़ील्ड्स, फोटोग्राफी, इलस्ट्रेशन। कटआउट की सुसंगत फ्रेमिंग ही इस स्केल को बनाती है: एक टेम्पलेट, हर वाहन, हर कार के लिए मास्किंग वर्क नहीं।

इसे इरादतन दिखने वाले नियम

  • हर सतह के लिए एक रेसिपी चुनें: ग्रिड और गैलरी एक ही दिखावट में, अभियान सतहें दूसरे में
  • कभी भी ग्राउंडेड और फ्लोटिंग कारों को एक ही ग्रिड में न मिलाएं, यह एक बग के रूप में पढ़ता है
  • कॉन्ट्रास्ट को सच्चा रखें: डार्क कारों को डार्क बैकग्राउंड पर रिफ्लेक्शन या शैडो की ज़रूरत होती है ताकि अलग हो सकें
  • टेम्पलेट को पृष्ठभूमि पर हावी होने दें; अनुरोध में सिर्फ पारदर्शिता और साइज ले जायें

जहाँ हर रेसिपी फनल में फिट होती है

रेसिपी आपस में इंटरचेंजेबल नहीं हैं, और फनल स्टेज के अनुसार चुनना सिस्टम को सहज बनाता है। लिस्टिंग ग्रिड और सर्च रिजल्ट्स में ग्राउंडेड स्टूडियो की आवश्यकता होती है, क्योंकि तुलना न्यूट्रलिटी की आवश्यकता होती है। डिटेल पेज एक कार के लिए स्टेज है, इसलिए वह शोरूम फ्लोर का उपयोग कर सकता है। कैम्पेन सर्फेस, पेड सोशल से सीज़नल ईमेल तक, वे फॉर्मेट हैं जहाँ कॉम्पोजिट अपनी उपयोगिता साबित करता है, क्योंकि वे फॉर्मेट तुलना के बजाय ध्यान के आसपास डिज़ाइन किए गए हैं।

ईमेल को अपना अलग वाक्य मिलना चाहिए, क्योंकि यह वह सतह है जहाँ टीमें पहले हार मान लेती हैं। एक टेबल सेल फिल पर पारदर्शी कटआउट डार्क मोड में बचता है, सभी क्लाइंट्स पर समान रूप से रेंडर होता है, और जब कैम्पेन का रंग बदलता है तो इमेज एडिटिंग की ज़रूरत नहीं होती। बैकग्राउंड टेम्पलेट में एक हेक्स वैल्यू है, इसलिए रीब्रांडिंग एक वेरिएबल को छूती है, न कि हज़ारों इमेजों को।

ब्रांडिंग की कहानी का दूसरा हिस्सा, जो छवियाँ जानबूझकर नहीं ले जातीं, वह है ट्रिम और रंग की सटीकता पर।

इन इमेजेज़ को आपकी इन्वेंटरी के लिए चाहते हैं?

हमें बताएं कि आप किस वाहनों की लिस्टिंग करते हैं, हम आपकी स्टॉक से वास्तविक उदाहरण भेजेंगे।

रॉबिन एशफोर्ड
लिखा गया
रॉबिन एशफोर्ड
सामग्री का प्रमुख

रॉबिन कारों और सॉफ़्टवेयर के संगम पर लिखती हैं: इमेजरी, वाहन डेटा और ऑनलाइन वाहन बिक्री के सिस्टम। दस सालों की मार्केटप्लेस, लीज़िंग प्लेटफ़ॉर्म और डीलर टूल्स में काम करने के बाद, उन्होंने समझ लिया है कि कौन से समस्याएँ असली हैं, और यहाँ की लिखाई उन्हीं पर केंद्रित है।