मल्टी-पैनल कैरोसेल।
मल्टी-पैनल क्यों
App Store स्वाइप करने योग्य कैरोसेल में 10 तक स्क्रीनशॉट दिखाता है। Top-100 ऐप्स लगभग हमेशा इन्हें 10 अलग-अलग इमेज की बजाय एक सतत कहानी के रूप में डिज़ाइन करते हैं। मल्टी-पैनल इसी के इर्द-गिर्द बना है — 3–5 पैनल चुनें, पूरे कैरोसेल को एक यूनिट के रूप में डिज़ाइन करें, एक साथ एक्सपोर्ट करें।
पैनल जोड़ना और क्रम बदलना
- पैनल जोड़ें: मौजूदा पैनलों के बीच या रो के अंत में "+" क्लिक करें।
- पैनल डुप्लीकेट करें: पैनल के hover toolbar पर dup बटन क्लिक करें।
- क्रम बदलें: एडिटर के नीचे panels-list में पैनल को बाएं/दाएं खींचें।
- डिलीट करें: पैनल के hover toolbar पर X बटन। आखिरी पैनल डिलीट नहीं हो सकता — न्यूनतम एक पैनल ज़रूरी है।
साझा बैकग्राउंड
डिफ़ॉल्ट रूप से, हर पैनल ग्लोबल बैकग्राउंड (साइडबार के Background controls से सेट) उपयोग करता है। ग्रेडिएंट के लिए, रेंडर के समय हर पैनल में ग्रेडिएंट का एक हिस्सा दिखता है, तो App Store कैरोसेल में मल्टी-पैनल ग्रेडिएंट एक सतत ग्रेडिएंट जैसा दिखता है।
पर-पैनल ओवरराइड करें: कोई पैनल चुनें, साइडबार में बैकग्राउंड को "Per-panel" पर स्विच करें, और उस पैनल का अपना बैकग्राउंड दें।
विस्तृत लेयर
कोई भी लेयर (टेक्स्ट, डिवाइस, इमेज, SVG) एक रो लेयर बन सकती है जो सभी पैनल में फैले। लेयर सेलेक्ट करें → properties → "Span over all panels" टॉगल करें। लेयर का x-coordinate एक ग्लोबल row-coord-space में बदल जाता है। सामान्य उपयोग:
- एक लंबी हॉरिज़ॉन्टल हेडलाइन जो हर पैनल के शीर्ष पर फैले
- एक लंबा डिवाइस जो पूरे कैरोसेल में फैला हो
- एक लहरदार डेकोरेटिव बार जो पैनल को जोड़े
विस्तृत लेयर के हैंडल अलग-अलग पैनल की सीमाओं से बाहर जा सकते हैं — ये per-panel clipping के बाहर मौजूद HandlesOverlay के ज़रिए दिखते रहते हैं।
पर-पैनल डिवाइस
ज़्यादातर कैरोसेल सभी पैनलों में एक ही डिवाइस फ़्रेम (जैसे iPhone 16 Pro Max) इस्तेमाल करते हैं, लेकिन आप मिक्स कर सकते हैं — जैसे, एक पैनल में iPad और बाकी में iPhone। iPad पैनल के लिए Auto की जगह device-pin उपयोग करें।
पूरे कैरोसेल को एक साथ डिज़ाइन करना
मल्टी-पैनल में जो चीज़ें अच्छी तरह काम करती हैं:
- डिवाइस टिल्ट दिशा बदलें — लगातार पैनलों पर -10° / +10° / -10° का विकल्प बनाएं ताकि विज़ुअल रिदम बने
- कैप्शन पोज़िशन एक जैसी रखें (जैसे, सभी कैप्शन ऊपरी एक-चौथाई में) ताकि कैरोसेल का पढ़ना अनुमानित हो
- एक "मनी पैनल" — आमतौर पर दूसरा या तीसरा — सबसे मज़बूत विज़ुअल पाता है; बाकी उसे सहारा देते हैं
- आखिरी पैनल CTA-शेप्ड रखें — App Store जहाँ कैरोसेल फेड करता है, वह पैनल
सामान्य सवाल
अधिकतम कितने पैनल हो सकते हैं?
App Store हर डिवाइस क्लास और लोकेल में 10 स्क्रीनशॉट तक स्वीकार करता है। Screenshotify एडिटर की तरफ से कोई सीमा नहीं लगाता, लेकिन 7 से ज़्यादा पैनल विज़ुअली थकाने वाले हो जाते हैं।
क्या एक प्रोजेक्ट में अलग-अलग पैनल साइज़ हो सकते हैं?
नहीं — किसी प्रोजेक्ट के सभी पैनल एक ही साइज़ (panel-width × panel-height) शेयर करते हैं। पैनल साइज़ export-format ड्रॉपडाउन से ग्लोबली बदलें।
अगर हर पैनल पर एक ही कैप्शन दिखाना हो तो?
उसे विस्तृत टेक्स्ट लेयर बनाएं। एक ही लेयर, हर पैनल उसे रेंडर करता है। एक बार एडिट करें, सभी पैनल अपडेट।