
Nike
راندين جي ڪاميابين جي هڪ مونوڪروم گيلري - اڇيون ڀتيون، پراڊڪٽ آرٽ جي ڪم جي طور تي، پس منظر ۾ ڦهليل ڪروم.
Nike.com هڪ مونوڪروم، پراڊڪٽ-فرسٽ گيلري جي طور تي ڪم ڪري ٿو: يوزر انٽرفيس عملي طور تي پوشيده آهي، پراڊڪٽ جي تصويرن کي هر اسڪرين تي قبضو ڪرڻ جي اجازت ڏئي ٿو. سڄو انٽرفيس ڪارو، اڇو، ۽ گرين جي ٽن رنگن مان ٺهيل آهي - ڪو به تلفظ رنگ، ڪو به آرائشي گريڊينٽ، ڪو به گرم، دستخطي ڪروم نه. نائڪي جو دستخطي انداز گيلري لوگو ۽ تصويرن ۾ رهي ٿو، پر ڪڏهن به يوزر انٽرفيس ۾ نه. ٽائپوگرافي ڪمپيڪٽ ۽ افاديت پسند آهي، 12-20px تي هڪ ڪسٽم ڊيزائن ڪيل هيلويٽيڪا ناؤ فونٽ فيملي تي ڀروسو ڪري ٿي، هڪ سنگل، وڏي سائيز وارو نائڪي فيوچرا اين ڊي لوگو 76px تي هيڊنگ لاءِ. اجزاء گهٽ ۾ گهٽ آهن: 30px ريڊيس سان گولي جي شڪل وارا بٽڻ، فليٽ پراڊڪٽ ڪارڊ، پتلي سرحدون، ۽ عملي طور تي صفر اوچائي فرق. صفحو خالص سفيد پراڊڪٽ جي مٿاڇري ۽ شاندار، ڳاڙهو ادارتي حصن جي وچ ۾ متبادل ٿئي ٿو، زيورن جي بدران برعڪس ذريعي تال پيدا ڪري ٿو.
صفحو هڪ مضبوط ادارتي تال جي پيروي ڪري ٿو: هڪ شاندار، مڪمل ويڪر، ڳاڙهو هيڊر جنهن ۾ هڪ واحد پراڊڪٽ ۽ هڪ وڏو عنوان شامل آهي، ان کان پوءِ هڪ مڪمل ويڪر، 2x2 ڪيٽيگري گرڊ، 3 ڪالمن ۾ پراڊڪٽ ڪارڊن جو هڪ افقي طور تي اسڪرولنگ گرڊ، ۽ آخر ۾ هڪ گهاٽو، ملٽي ڪالم فوٽر. سڀئي مواد بلاڪ مڪمل ويو پورٽ ويڪر تي قبضو ڪن ٿا بغير ڪنهن وڌ ۾ وڌ ڪنٽينر ويڪر جي؛ وڌ ۾ وڌ ويڪر جي حد صرف نيويگيشن ۽ فوٽر لنڪ گرڊ تي لاڳو ٿئي ٿي. حصن جي وچ ۾ منتقلي تيز آهن: ڪارو هيڊر → اڇو ڪيٽيگري گرڊ → اڇو پراڊڪٽ گرڊ → اڇو فوٽر، تنگ گرين بارڊر سان گڏ واحد بصري سيم طور ڪم ڪري ٿو. نيويگيشن هڪ گهٽ ۾ گهٽ، ٻه-ٽيئر بار آهي (مٿي تي معاون لنڪس، پرائمري ڪيٽيگريز سينٽر ٿيل) بغير پننگ، بغير پس منظر ڀرڻ، ۽ بغير ڪنهن پاڇو جي. مواد جي کثافت پراڊڪٽ گرڊ ۾ ٺهيل آهي (تنگ ڪارڊ اسپيسنگ) ۽ هيڊر ۾ وسيع (مڪمل ويڪر ويو پورٽ).
فوٽوگرافي غالب بصري عنصر آهي ۽ برانڊ جي پوري سڃاڻپ کي بيان ڪري ٿي. سسٽم اعليٰ معيار جي، مڪمل فريم پراڊڪٽ فوٽوز کي استعمال ڪري ٿو: ايٿليٽڪ بوٽ انفرادي طور تي هڪ اونداهي يا گريڊينٽ پس منظر جي خلاف فوٽو ڪڍيا ويا آهن، فريم کي ڀرڻ لاءِ ڪراپ ڪيا ويا آهن، طرز زندگي جي حوالي کان سواءِ. طرز زندگي جون تصويرون ڪيٽيگريز ۾ ظاهر ٿين ٿيون، جيڪي حرڪت ۾ رانديگرن جي پيرن ۽ ٽنگن کي ڏيکارين ٿيون. هڪ اعليٰ برعڪس، سير ٿيل رنگ اسڪيم استعمال ڪئي وئي آهي - ڪاري پس منظر جي خلاف ڳاڙهي بوٽ، اڇي تلوين تي نيون تلون، ۽ مواد کي ڊرامائي ڪرڻ لاءِ گرم ۽ ٿڌي روشني. ڪابه تصوير، خلاصو گرافڪس، يا 3D رينڊرنگ استعمال نه ڪئي وئي آهي. تصويرن ۾ هميشه صاف ڪنارا هوندا آهن (فوٽو ڪنٽينرز ۾ ڪو به گول ڪنڊو نه هوندو آهي)، هميشه انهن جي بلاڪن اندر پوري جڳهه تي قبضو ڪندا آهن، ۽ هميشه گهٽ ۾ گهٽ ٽيڪسٽ اوورلي سان گڏ هوندا آهن. آئڪنوگرافي خالص طور تي ڪم ڪندڙ آهي: ڳولا، خواهش لسٽ، ڪارٽ، ۽ اڪائونٽ لاءِ آئوٽ لائن آئڪن اوبسيڊين يا اسٽيل رنگن ۾.
پيليٽ
غير جانبدار
- Obsidian
#111111— ڳاڙهو رنگ غير جانبدار متن ۽ آئڪن کي پورو ڪري ٿو ۽ مضبوط برعڪس پيدا ڪري ٿو. ڪال ٽو ايڪشن لاءِ ان کي بنيادي رنگ طور استعمال ڪرڻ کان پاسو ڪريو. - Paper White
#ffffff— صفحي جو پس منظر، ڪارڊ جي مٿاڇري، ڳاڙهي پس منظر تي بٽڻ جو متن، آئڪن جو خاڪو - پراڊڪٽ گرڊ ۽ ڪيٽيگري سيڪشن لاءِ ڊفالٽ ڪينواس. - Concrete Gray
#e5e5e5— بارڊر، ورهائيندڙ، گرڊ حصن کي الڳ ڪندڙ پتليون لائينون، ان پٽ فيلڊز جا نفيس خاڪا. - Soft Mist
#f5f5f5— ثانوي سطحن لاءِ نازڪ پس منظر جو رنگ، ڳولا جي ميدان ۾ نيويگيشن ڀريو، ٽيگ پس منظر. - Steel
#707072— ثانوي متن، خاموش مددگار متن، گھٽيل آئڪن آئوٽ لائن، بريڊ ڪرمب ليبل، فوٽر لنڪ سيپريٽر. - Faint Gray
#9e9ea0— آئڪن آئوٽ لائنز، معمولي UI عنصر، ۽ گهٽ ۾ گهٽ نمايان ڪرڻ سان بارڊر غير فعال آهن.
ٽائپوگرافي
12 کان 76px تائين · 6 مرحلا
- Helvetica Now Text Medium — متبادل: Inter · خاڪا 500 · هيلويٽيڪا ناؤ ٽيڪسٽ ميڊيم فونٽ - اسڪريپ ٿيل ڊيٽا ۾ مليو پر AI پاران بيان نه ڪيو ويو آهي.
- Helvetica Now Text — متبادل: Inter or Helvetica Neue · خاڪا 400, 500 · يوزر انٽرفيس جو مکيه متن - نيويگيشن لنڪس، بٽڻ ليبل، ڪارڊ عنوان، پراڊڪٽ جا نالا، فوٽر لسٽون، سڀ باڊي ٽيڪسٽ.
- Helvetica Now Display Medium — متبادل: Inter Medium or Helvetica Neue Medium · خاڪا 500 · سيڪشن هيڊنگ، ڪارڊ ڪيٽيگري ليبل، وچولي سائيز جا هيڊنگ - وچولي فونٽ (20-24px) نائڪي هيڊنگ جي هڪ سڃاڻپ آهي جيڪي وڏا ڊيزائن عنصر نه آهن: ڪڏهن به بولڊ نه، هميشه مختصر.
وقفا ۽ شڪل
| مقصد | مطلب |
|---|---|
| کثافت | ڳرو |
| بنيادي قدم | 8px |
| بٽڻ جو ريڊيس | 30px |
| ڪارڊ جو ريڊيس | 0px |
| پاڇا | پاڇن جي بدران ڪو به بارڊر نه |
| حصن جي وچ ۾ | 48px |
| صفحي جي ويڪر | 1440px |
AI توهان جي ويب سائيٽ Nike انداز ۾ ٺاهيندو ۽ ان کي ڀريندو.
- لنڪ ذريعي پراڊڪٽس ۽ پوسٽن سان ڀريو - Instagram ، TikTok ، Facebook.
- پنهنجي پراڻي سائيٽ تان مواد منتقل ڪريو - صرف پتو بيان ڪريو.
- بهترين انجن تي جديد ڊيزائن: سرور رينڊرنگ ۽ ايس اي او آپٽمائيزيشن سان React ( Next.js).
- ڳولا جي نتيجن ۽ نيورل نيٽ ورڪ سفارشن لاءِ مڪمل طور تي خودڪار SEO اصلاح.
هڪجهڙا انداز
- Airbnb — هڪ خاموش اڇي گيلري واري ڀت جنهن ۾ هڪ واحد مرجان ڳاڙهي بُڪ مارڪ آهي.
- Apple (España) — اڇو گيلري ڊسپلي ڪيس
- Silencio — هڪ اڇو ڪمرو جنهن ۾ ترندڙ شيون رکيل آهن. گرم ڪاغذ مان ٺهيل هڪ گيلري ڊسپلي، جتي هر عنصر منفي حجم جي پس منظر ۾ پنهنجي جاءِ وٺندو آهي، ۽ خاموشي هڪ ارادي ڊيزائن جو فيصلو آهي.
- Oakâme — گرم پٿر مان ٺهيل هڪ سج سان ڀريل پروونسل ورڪشاپ
- Arc — اڌ رات جي پاڻي مٿان صنعتي اڇي گيلري
- Rivian — گيلري جي ڪنڪريٽ جي ڀت تي هڪ برقي مونولٿ. ريوين هر گاڏي کي هڪ وسيع اڇي جاءِ جي خلاف هڪ مجسمي جي طور تي پيش ڪري ٿو، ٽائيپوگرافي ايتري وڏي آهي جو اها هڪ آرڪيٽيڪچرل عنصر بڻجي ٿي، ۽ هڪ گرم پيلو رنگ جيڪو مونوڪروميٽڪ ماحول کي ٽوڙي ٿو، جيئن ميٽ سطح تي سج جي روشني.
- Analogue — ڪارو گيلري ڊسپلي ڪيس - سامان خالي ۾ لڙڪندو آهي
- ddna — علاج نه ٿيل ڪپڙي تي گرم ميوزيم ڊسپلي ڪيس
- Zellerfeld — اڇي سنگ مرمر تي هڪ مجسمه ساز جو ورڪشاپ - پيادل جي هڪجهڙائي واري سطح، ڪوبالٽ جي هڪ چمڪ، فرش کان ڇت تائين ننڍن اکرن جو هڪ سرگوشي.
- UY Studio — خانقاه جي پٿر جي گيلري ڪنڪريٽ جي ڀتين سان هڪ خاموش جاءِ آهي، جتي عطر جون بوتلون اڇي تختين تي بيٺيون آهن، جيڪي هڪ 400 واٽ جي ليمپ ۽ چار گرم گرين بلب سان روشن ٿيل آهن.
- Basic.Space — اڇي سنگ مرمر تي ٺهيل ڪيوريٽوريل گيلري
- COS — سفيد ڀتين سان هڪ جديد گيلري