एक काल्पनिक फोल्डेबल iPhone प्रोडक्ट रिवील के लिए Apple-प्रेरित प्रीमियम वेब लैंडिंग पेज मॉकअप बनाता है।
लक्ष्य: एक काल्पनिक iPhone Fold के लिए Apple-शैली का एक शानदार प्रोडक्ट लैंडिंग पेज हीरो बनाना, जिसमें प्रीमियम फोल्डेबल स्मार्टफोन को नाटकीय ब्लैक-एंड-व्हाइट कंट्रास्ट और फोटो-रियलिस्टिक डिवाइस रेंडर के साथ प्रस्तुत किया गया हो।
कैनवास: स्क्वायर 1:1 वेब मॉकअप, लगभग 850 × 850 px। इसे ठीक 2 क्षैतिज अनुभागों में विभाजित करें: ऊपर एक डार्क सिनेमैटिक हीरो सेक्शन जो कैनवास का लगभग 58% हिस्सा लेता है, और नीचे एक ब्राइट व्हाइट डिज़ाइन सेक्शन जो लगभग 42% हिस्सा लेता है।
ऊपरी अनुभाग: नीचे की ओर हल्के नीले-बैंगनी ग्लो के साथ शुद्ध काले बैकग्राउंड का उपयोग करें। सभी टाइपोग्राफी को सेंटर में रखें। सबसे ऊपर, छोटे लेबल टेक्स्ट में “iPhone Fold” लिखें। इसके नीचे, एक बड़े बोल्ड Apple-जैसे हेडलाइन में “A new dimension for what’s next.” को व्हाइट-टू-सिल्वर ग्रेडिएंट अक्षरों में लिखें। हेडलाइन के नीचे, एक छोटा सेंटर्ड पैराग्राफ जोड़ें: “iPhone Fold combines the power of iPhone with a beautifully flexible design. A larger canvas. A smarter you.” पैराग्राफ के नीचे ठीक 2 पिल बटन रखें: पहला बटन सफेद है जिस पर काले टेक्स्ट में “Watch the film” और एक छोटा प्ले-सर्कल आइकन है; दूसरा बटन काला/डार्क है जिसमें पतली सफेद आउटलाइन और सफेद टेक्स्ट में “Notify me” लिखा है।
ऊपरी प्रोडक्ट रेंडर: बटनों के नीचे, एक चमकदार काली सतह पर हल्के V आकार में खुले हुए एक बड़े फोटो-रियलिस्टिक फोल्डेबल iPhone को दिखाएं। डिवाइस में काले टाइटेनियम किनारे, निचले किनारों पर स्पष्ट स्पीकर होल और चार्जिंग पोर्ट, फोल्ड पर एक सेंट्रल हिंज, गोल कोने, और एक डार्क इनर डिस्प्ले है जिसमें फोल्ड के आर-पार अमूर्त बैंगनी-नीले पंखुड़ी जैसे प्रकाश के आकार दिखाई दे रहे हैं। सिनेमैटिक रिम लाइटिंग, हाई कंट्रास्ट और फोन के नीचे एक हल्की परछाई का उपयोग करें।
निचला अनुभाग: साफ-सुथरा व्हाइट Apple प्रोडक्ट-पेज लेआउट। बाईं ओर, “Design” लेबल के साथ एक टेक्स्ट ब्लॉक बनाएं, फिर एक बड़ी बोल्ड हेडलाइन: “Opens up new possibilities.” पैराग्राफ जोड़ें: “A remarkably thin and durable design that folds seamlessly. Crafted with titanium. Built to last.” इसके नीचे, मिनिमलिस्ट ब्लैक आउटलाइन आइकन और प्रत्येक में दो लाइन के टेक्स्ट के साथ ठीक 3 फीचर पंक्तियाँ शामिल करें: 1) “Titanium frame” जिसके सबटेक्स्ट में “Strong. Light. Refined.” 2) “Seamless hinge” जिसके सबटेक्स्ट में “Engineered for a smoother fold.” 3) “Built for everyday” जिसके सबटेक्स्ट में “Durable inside and out.”
निचला प्रोडक्ट रेंडर: दाईं ओर, दूसरी फोटो-रियलिस्टिक प्रोडक्ट संरचना दिखाएं: एक बंद या आंशिक रूप से मुड़ा हुआ काला iPhone Fold जो सीधा खड़ा है, जिसमें बाईं ओर पिछला पैनल और ट्रिपल कैमरा क्लस्टर दिखाई दे रहा है और दाईं ओर फ्रंट डिस्प्ले दिखाई दे रहा है। फ्रंट डिस्प्ले पर समय “9:41”, छोटी तारीख “Tue Apr 1”, छोटे स्टेटस आइकन और एक डार्क ब्लू-पर्पल एब्सट्रैक्ट वॉलपेपर है। हिस्सों के बीच एक वर्टिकल हिंज, सॉफ्ट शैडो और यथार्थवादी ग्लास रिफ्लेक्शन का उपयोग करें।
विजुअल स्टाइल: मिनिमल लक्जरी Apple कीनोट एस्थेटिक, सैन फ्रांसिस्को-जैसी टाइपोग्राफी, सटीक अलाइनमेंट, पर्याप्त व्हाइटस्पेस, चमकदार काले टाइटेनियम मटेरियल, सूक्ष्म ग्रेडिएंट, यथार्थवादी लाइटिंग, कोई अव्यवस्था नहीं।
सीमाएं: ठीक 2 सेक्शन, ठीक 2 कॉल-टू-एक्शन बटन, ठीक 3 फीचर रो, और ठीक 2 मुख्य प्रोडक्ट रेंडर कंपोजिशन शामिल करें। नेविगेशन मेनू, डिवाइस के पिछले हिस्से पर हल्के Apple लोगो के अलावा कोई अतिरिक्त लोगो, वॉटरमार्क या असंबंधित टेक्स्ट न जोड़ें।
