डिज़ाइनर और डेवलपर लाइव वेबसाइटों से पोर्टफ़ोलियो वीडियो कैसे बनाते हैं: क्या कैप्चर करें, कितना लंबा, हर प्लेटफ़ॉर्म के लिए कौन-सा आकार, और कई प्रोजेक्ट को एक जैसा कैसे दिखाएँ।
Aviral Lakhanpaul को अपडेट किया गया3 मिनट का पाठ
हर साइट को स्क्रीनशॉट के बजाय छोटे स्क्रॉल वीडियो के रूप में कैप्चर कीजिए: 10 से 20 सेकंड, उन दो-तीन सेक्शनों पर रुकते हुए जिनमें आपका असली काम है, और उसी आकार में जहाँ इसे दिखाया जाएगा। हर प्रोजेक्ट के लिए एक ही फ़्रेम, बैकग्राउंड और गति रखिए, ताकि पोर्टफ़ोलियो एक सेट जैसा लगे। URL-से-वीडियो टूल यह सब लाइव लिंक से कर देता है; जो साइटें अब सार्वजनिक नहीं हैं, उनके लिए स्क्रीन रिकॉर्डर काम आता है।
पूरे पेज का स्क्रीनशॉट या तो इतना छोटा हो जाता है कि कुछ पढ़ा न जा सके, या हीरो तक क्रॉप हो जाता है, जिससे आपका बनाया ज़्यादातर काम छूट जाता है। स्क्रॉल वीडियो पेज को पढ़ने लायक़ साइज़ में दिखाता है और फिर भी फ़ुटर तक पहुँचता है, और वह सब दिखाता है जो एक स्थिर तस्वीर नहीं दिखा सकती: सेक्शनों के बीच की लय, चिपके रहने वाले एलिमेंट, हॉवर स्टेट और, सही इंजन के साथ, स्क्रॉल एनिमेशन।
पोर्टफ़ोलियो देखने वाला हर प्रोजेक्ट को बस कुछ सेकंड देता है, फिर तय करता है कि रुके या आगे बढ़े। गति तुरंत शुरू कीजिए, या हीरो पर लगभग एक सेकंड ठहरने के बाद, और पूरा स्क्रॉल 10 से 20 सेकंड के बीच रखिए।
पोर्टफ़ोलियो वीडियो में सबसे ज़्यादा फ़र्क़ पॉज़ से पड़ता है। हर उस सेक्शन पर एक-दो सेकंड रुकिए जिसमें कोई डिज़ाइन फ़ैसला दिखता है: हीरो, फ़ीचर ग्रिड, प्राइसिंग टेबल। एक वीडियो में ज़्यादा से ज़्यादा 6 पॉज़ आ सकते हैं, हर एक 0.5 से 5 सेकंड का। अगर पेज लंबा है, तो सब कुछ तेज़ करने के बजाय स्क्रॉल को ट्रिम करके फ़ुटर से पहले ख़त्म कीजिए।
| कहाँ जाएगा | आकार | फ़ॉर्मैट |
|---|---|---|
| आपकी अपनी पोर्टफ़ोलियो साइट | डेस्कटॉप के लिए 16:9 या 4:3, फ़ोन वर्शन के लिए 4:5 या 9:16 | MP4, या छोटी फ़ाइलों के लिए WebM |
| Dribbble, Behance, Peerlist | 4:3 या 16:9 | MP4 |
| केस स्टडी पेज | 16:9, ब्राउज़र फ़्रेम के साथ | MP4 |
| LinkedIn या Instagram फ़ीड | 4:5 या 1:1 | MP4 |
| किसी क्लाइंट को पिच ईमेल | 16:9 या 1:1, छोटा | GIF, जो ज़्यादातर मेल ऐप में अंदर ही चलता है |
4K पर एक्सपोर्ट करने से पहले हर प्लेटफ़ॉर्म की अपलोड सीमा देख लीजिए: जो कुछ भी अपलोड पर दोबारा एनकोड होगा, उसके लिए आम तौर पर 1080p फ़ाइल ज़्यादा सुरक्षित रहती है।
बारह अलग-अलग तरीक़ों से कैप्चर किए बारह प्रोजेक्ट ऐसे लगते हैं जैसे बारह अलग लोगों का काम हो। प्रस्तुति एक बार तय कीजिए और उसे दोहराइए।
बिना आवाज़ का लूप होने वाला वीडियो एनिमेटेड इमेज की तरह बर्ताव करता है और हर आधुनिक ब्राउज़र में अपने आप चलता है, बशर्ते वह म्यूट हो और उसे पेज के अंदर ही चलने की अनुमति हो। प्लेबैक में नीचे और वापस चुनिए, ताकि आख़िरी फ़्रेम पहले से मिले और लूप में कोई झटका न हो।
<video autoplay muted loop playsinline preload="metadata"
poster="project-poster.jpg" width="1920" height="1080">
<source src="project.webm" type="video/webm" />
<source src="project.mp4" type="video/mp4" />
</video>width और height देने से फ़ाइल लोड होते समय लेआउट उछलता नहीं, और poster पहला फ़्रेम आने से पहले उस जगह पर दिखाने के लिए कुछ दे देता है।
लिंक चिपकाइए और स्क्रॉल का प्रीव्यू मुफ़्त में देखिए। साइन अप पर 51 मुफ़्त क्रेडिट, कोई कार्ड नहीं, और आपके किसी भी एक्सपोर्ट पर वॉटरमार्क नहीं।
दोनों, अलग-अलग काम के लिए। स्थिर तस्वीर से तीखा थंबनेल बनता है; स्क्रॉल वीडियो पूरा पेज पढ़ने लायक़ साइज़ में दिखाता है, साथ में हॉवर स्टेट और गति भी। ज़्यादातर डिज़ाइनर वीडियो को आगे रखते हैं और एक स्थिर तस्वीर को उसका पोस्टर बनाते हैं।
URL टूल सिर्फ़ वही कैप्चर कर सकता है जो आज लाइव है। अगर आपने बिल्ड की कॉपी रखी है, तो उसे किसी अस्थायी सार्वजनिक पते पर होस्ट करके रिकॉर्ड कीजिए, या स्क्रीन रिकॉर्डर से उसे लोकल रूप में रिकॉर्ड कीजिए।
हाँ। डेस्कटॉप कैप्चर को छोटा करने के बजाय पेज को फ़ोन की चौड़ाई पर पढ़िए, ताकि साइट अपना असली मोबाइल लेआउट दिखाए, और 9:16 या 4:5 में एक्सपोर्ट कीजिए।
बदली जा सकने वाली गति, समझदार नियंत्रण और आज के क्रिएटर्स के लिए बने एक्सपोर्ट विकल्पों से वेबसाइट रिकॉर्डिंग को स्वचालित कीजिए।
