Apple (España)
سفيد جاءِ جو هڪ گرجا گھر جنهن ۾ مشڪل سان ٻڌڻ ۾ ايندڙ سرخيون آهن. هڪ وسيع، روشن هال جتي 700 کثافت وارا وڏا فونٽ هوا ۾ لٽڪيل آهن، صرف پيسٽل رنگن ۽ هڪ نيري ڌاڳي سان گڏ رکيل آهن.
ايپل جي پراڊڪٽ پيج جي ٻولي ٽائيپوگرافڪ سخاوت ۾ هڪ مطالعو آهي: وڏيون ايس ايف پرو ڊسپلي هيڊ لائنون هڪ آف وائيٽ پس منظر جي خلاف منڊلي رهيون آهن، وسيع اڇي جاءِ سان گھريل آهن جيڪي هر لفظ کي ارادي طور تي محسوس ڪن ٿيون. پيليٽ تقريبن مونوڪروميٽڪ آهي - #1d1d1f ۾ ٽيڪسٽ، ڪينواس #ffffff ۽ #f5f5f7 جي وچ ۾ متبادل - هڪ نيرو تلفظ (#0071e3) سان خاص طور تي انٽرايڪٽو لمحن لاءِ محفوظ آهي. رنگ پاڻ پراڊڪٽ تصويرن ۾ موجود آهي (پيسٽل ٽون)، ڪڏهن به آرائشي UI عنصرن جي طور تي نه. اجزاء فريم لیس آهن: 28px ريڊيس سان گول ڪارڊ، گول جي شڪل وارا بٽڻ تقريبن صفحي جي ڪنارن کي ڇهندا آهن، ڪو به نظر نه ايندڙ ڪنٽينر يا ڊراپ پاڇو نه. تال اڇي ۽ گرين پٽين کي متبادل ڪندي ٺاهيو ويندو آهي، نه ته ورهائيندڙ يا سرحدون.
سيڪشن صفحي جي پوري ويڪر تي قبضو ڪن ٿا، وڏي پيڊنگ سان ڪنڊ کان ڪنڊ تائين پکڙيل آهن (تقريبن 40-100 پاسا). وڌ ۾ وڌ مواد جي ويڪر هر پٽي اندر مؤثر طور تي مرڪز ۾ آهي. مکيه عنصر هڪ مرڪزي اسٽيڪ آهي: هڪ ابرو جي شڪل وارو ليبل، هڪ وڏو هيڊ لائن، هڪ واحد ڪال-ٽو-ايڪشن بٽڻ، هڪ قيمت قطار، ۽ پوءِ هڪ پراڊڪٽ تصوير جيڪا ويو پورٽ جي تري ۾ ڀريندي آهي. سيڪشن هڪ ورجائيندڙ نموني جي پيروي ڪن ٿا: پٽي اندر هڪ کاٻي-منتقل ٿيل هيڊ لائن، ان کان پوءِ يا ته پراڊڪٽ جي وضاحتن سان ٻه-ڪالمن لي آئوٽ (کاٻي پاسي متن/ساڄي پاسي تصوير يا متبادل)، ڪارڊن جو هڪ ٽي-ڪالمن گرڊ، يا هڪ مرڪزي بصري شوڪيس. مواد جي تال مڪمل طور تي 100-100 سينٽي ميٽر جي عمودي خالن سان متبادل سفيد ۽ ٽن رنگن جي پس منظر ذريعي ڪنٽرول ڪيو ويندو آهي - ڪو به ورهائيندڙ نه، ڪو به ڪارڊ عنصر نه کڻندو. گلوبل نيويگيشن هڪ واحد، مقرر بار آهي. پراڊڪٽ جي وضاحت جا سيڪشن وڏي پيڊنگ سان مڪمل ويڪر بينڊ استعمال ڪندا آهن، جتي متن هڪ وسيع بصري علائقي جي خلاف تنگ ڪالمن (~560px) ۾ مرڪز ۾ هوندو آهي.
ايپل جي بصري ٻولي بنيادي طور تي پراڊڪٽ فوٽوگرافي آهي: هارڊويئر جا ڪلوز اپ خالص اڇي يا رنگ جي پس منظر جي خلاف، طرز زندگي جي حوالي يا اسٽيج ٿيل منظرن کان سواءِ. مکيه تصوير ۾ هٿ ڏيکاريا ويا آهن جيڪي هڪ پيسٽل سائي ميڪ بڪ نيو کي هٿ ۾ کڻي رهيا آهن - انساني عنصر ثانوي آهي، جذبات جي بدران پيماني ۽ بناوت جو مظاهرو ڪري ٿو. پراڊڪٽ جي مختلف حصن ۾، ٻه ڊوائيس ملندڙ ٽرم رنگن (گلابي، سائو، چاندي، آسماني نيرو) جي پس منظر جي خلاف هڪ ٻئي سان گڏ پيش ڪيا ويا آهن، هر ڪارڊ هڪ فليٽ رنگ فيلڊ آهي جنهن ۾ پراڊڪٽ مرڪز ۾ آهي. تفصيلي شاٽ هڪ غير جانبدار پس منظر جي خلاف انتهائي ڪلوز اپ (ليپ ٽاپ هينگ، ڪئميرا ماڊل) استعمال ڪن ٿا. ڪابه تصوير نه آهي، ڪو به خلاصو گرافڪس ناهي، ڪو به آرائشي تصويرون ناهي - پراڊڪٽ پاڻ بصري عنصر آهي. آئڪنوگرافي هر هنڌ آهي - ايس ايف سمبلز انداز ۾ مونوڪروم لائن آئڪن، 1.5-2px ٿلهي، ايپل سسٽم آئڪن سيٽ مان ورتل. فوٽوگرافي هميشه هڪ اعليٰ اهم انداز ۾ ڪئي ويندي آهي: يونيفارم، پاڇو کان پاڪ روشني جيڪا پراڊڪٽ کي ٽي-dimensional شئي جي بدران گرافڪ شڪل ۾ گھٽائي ٿي.
پيليٽ
برانڊ
- Electric Blue
#0071e3— ڀريل ايڪشن بٽڻ UI ۾ واحد رنگ جو تلفظ آهن، جيڪي ڪال ٽو ايڪشن لاءِ گهٽ استعمال ٿيندا آهن. - Link Blue
#0066cc— ان لائن ٽيڪسٽ لنڪس، تيرن ۽ شيوران سان لنڪس. - Citrus Gradient
#3b3b23— هڪ متبادل ختم جيڪو پراڊڪٽ جي دستخطي خاصيت بڻجي چڪو آهي اهو هڪ ڳاڙهو بنياد آهي جيڪو پيلي-سائي نمايان رنگن ۾ تبديل ٿي ويندو آهي.
غير جانبدار
- Primary Ink
#1d1d1f— هيڊ لائنون، باڊي ٽيڪسٽ، ۽ بٽڻ ليبل سڀني سطحن تي غالب پيش منظر جو سر آهن؛ مکيه پراڊڪٽ تصوير جو پس منظر آساني سان مٿي تي هڪ مضبوط #1d1d1f کان ڪروميٽ نيرو ڏانهن منتقل ٿئي ٿو. - Mid Gray
#707070— ثانوي متن، غير فعال نيويگيشن حالت، خاموش UI ليبل - Deep Gray
#474747— نيويگيشن ٽيڪسٽ ۽ آئڪنگرافي وچولي فونٽ ۾ آهن. - Hairline
#d6d6d6— حصن ۽ UI عنصرن جي وچ ۾ پتلي حدون. - Canvas
#f5f5f7— متبادل سيڪشن پس منظر - هڪ گرين پٽي جيڪا اڇي علائقن کي الڳ ڪري ٿي. - Paper
#ffffff— ڪارڊ جي مٿاڇري، مکيه صفحي جو پس منظر، ڳاڙهي پس منظر تي بٽڻ جو متن.
ٽائپوگرافي
12 کان 96 پکسلز تائين · 10 مرحلا
- SF Pro Display — متبادل: Inter · خاڪا 600, 700 · ڊسپلي لاءِ هيرو هيڊنگ ۽ سب هيڊنگ — 80-96px تي 700 وزن -1.44px جي منفي اکرن جي فاصلي سان ايپل جي دستخط "وڏي هيڊ لائن سفيد ۾ ترندي" ٺاهي ٿي. متبادل: انٽر، سسٽم-يو آءِ
- SF Pro Display — متبادل: Inter · خاڪا 600 · سيڪشن هيڊنگ، ڪارڊ ٽائيٽل، سب هيڊنگ - 600 فونٽ ٿوري مثبت اکرن جي فاصلي سان، مٿي ڏنل مختصر هيڊنگ جي برعڪس، وچولي سائيز ۾ گرم ۽ دوستانه محسوس ٿئي ٿو.
- SF Pro Text — متبادل: Inter · خاڪا 400, 500, 600 · باڊي ٽيڪسٽ، نيويگيشن، سپورٽنگ پيراگراف، ۽ ننڍڙن ڪيپشن لاءِ، 17px تي 400 جي انڊيڪس سان هڪ فونٽ بنيادي فونٽ آهي. منفي اکرن جي فاصلي معلومات جي ڳري صفحن تي وڌيڪ جامع مکيه متن جي اجازت ڏئي ٿي.
وقفا ۽ شڪل
| مقصد | مطلب |
|---|---|
| کثافت | ڳرو |
| بنيادي قدم | 8-10px |
| بٽڻ جو ريڊيس | 980px |
| ڪارڊ جو ريڊيس | 28px |
| پاڇا | پاڇن جي بدران ڪو به بارڊر نه |
| حصن جي وچ ۾ | 100-120px |
| صفحي جي ويڪر | 1200px |
AI توهان جي ويب سائيٽ Apple (España) انداز ۾ ٺاهيندو ۽ ان کي ڀريندو.
- لنڪ ذريعي پراڊڪٽس ۽ پوسٽن سان ڀريو - Instagram ، TikTok ، Facebook.
- پنهنجي پراڻي سائيٽ تان مواد منتقل ڪريو - صرف پتو بيان ڪريو.
- بهترين انجن تي جديد ڊيزائن: سرور رينڊرنگ ۽ ايس اي او آپٽمائيزيشن سان React ( Next.js).
- ڳولا جي نتيجن ۽ نيورل نيٽ ورڪ سفارشن لاءِ مڪمل طور تي خودڪار SEO اصلاح.
هڪجهڙا انداز
- AYOCIN — تندرستي جو هڪ شمسي ٽوٽم. هڪ گرم اندروني تصوير جي ياد ڏياريندڙ اسڪرينون ٺاهيو: يادگار ٽائيپ فيس، نرمي سان ڌنڌلي تعميراتي پاڇا، ۽ هڪ واحد روشن شيءِ هڪ پرسکون، ڪريمي جڳهه ۾ سيٽ ڪئي وئي آهي.
- AXEL ARIGATO — ايڪسل اريگاٽو هڪ صاف سٿرو شهري فوٽو البم آهي. صفحا سفيد ادارتي شعبن ۽ احتياط سان ڪٽيل، سماجي طور تي لاڳاپيل فيشن تصويرن جي تسلسل جي طور تي ٺهيل آهن، جيڪي ڪارا ڪيپشن سان گڏ آهن.
- Bose — ساحل تي هڪ آواز وارو اسٽيج. هڪ هوا سان اڏامندڙ اشتهاري تصوير فريم کي ڀريندي آهي، جڏهن ته صاف ڪارو ۽ اڇو مهم ڪنٽرول ان جي چوڌاري صحيح تفصيلن وانگر ترتيب ڏنل آهن.
- AVNIER — AVNYE رات جي وقت فلمنگ جي جڳهه آهي. اڇا پروڊڪشن نشان ۽ ڪرپٽ گرڊ لائينون ڪنٽرول روم جي ڪاري تصويرن مان ڪٽينديون آهن.
- Bauhaus Clock — باؤهاؤس کان متاثر ٿيل گھڙيون - فيروزي ميڪيڪل روشني. هڪ اونداهي، سينيما واري گھڙي جي تصوير سان پرسکون، هلڪي مٿاڇري کي فريم ڪريو ۽ فيروزي کي هڪ نادر چمڪندڙ تفصيل طور استعمال ڪريو.
- Airbnb — هڪ خاموش اڇي گيلري واري ڀت جنهن ۾ هڪ واحد مرجان ڳاڙهي بُڪ مارڪ آهي.
- Peak Design — گيلري جي ڀت، جزوي طور تي روشن ٿيل
- Ramp — ادارتي فنانس ڊپارٽمينٽ، هڪ واحد نيون مارڪر سان ڪارا ۽ اڇا صفحا. اشاعت جي عملي طور تي مونوڪروم مٿاڇري، جتي هڪ روشن لائم-سائي اسٽروڪ هر رابطي کي مالي سگنل ۾ تبديل ڪري ٿو.
- 099 SUPPLY — ڪاري ۽ اڇي شين سان ڀريل هڪ گيلري ڀت
- Orderful — انڊسٽريل لاجسٽڪ ڪنٽرول ڊيڪ - هڪ ڇپيل لاجسٽڪ ڊسپيچر چيڪ لسٽ، جيڪا ڪاري مس ۽ سرجيڪل ڳاڙهي رنگ ۾ ٺهيل آهي، هر صفحو ڪافي محتاط آهي ته هڪ آپريٽر کي ڪجهه اهم چوڻ جي اجازت ڏئي.
- Apple (España) — اڇو گيلري ڊسپلي ڪيس
- teenage engineering — اسٽوڊيو لائٽنگ ۾ صنعتي ڪيٽلاگ - پراڊڪٽ صفحي تي واحد اهم شيءِ آهي، ۽ باقي هر شيءِ ان جي چوڌاري بحث ڪئي وئي آهي.