Apple (España)
د سپینې فضا یوه کلیسا چې په سختۍ سره اوریدل کیدونکي سرلیکونه لري. یو پراخ، روښانه تالار چیرې چې د 700 کثافت لوی فونټونه په هوا کې ځړول شوي، یوازې د پیسټل رنګونو او یو واحد نیلي تار لخوا یوځای شوي.
د ایپل د محصول پاڼې ژبه د ټایپوګرافیک سخاوت یوه مطالعه ده: د SF پرو ډیسپلې لوی سرلیکونه د سپینې شالید په وړاندې ګرځي، د پراخې سپینې ځای سره محاصره شوي چې هر کلمه قصدي احساسوي. پیلټ نږدې مونوکروماتیک دی — متن په #1d1d1f کې، کینوس د #ffffff او #f5f5f7 ترمنځ بدلیږي — د یو واحد نیلي تلفظ سره (#0071e3) په ځانګړي ډول د متقابل شیبو لپاره ساتل شوی. رنګ پخپله د محصول عکسونو کې شتون لري (د پیسټل ټونونه)، هیڅکله د آرائشی UI عناصرو په توګه نه. اجزا بې چوکاټه دي: ګرد کارتونه د 28px شعاع سره، د ګولۍ په شکل تڼۍ تقریبا د پاڼې څنډو ته لمس کوي، د لیدلو وړ کانټینرونو یا څاڅکو سیوري پرته. تال د سپینو او خړ پټو په بدلولو سره رامینځته کیږي، نه ویشونکي یا سرحدونه.
برخې د پاڼې بشپړ پلنوالی نیسي، د پراخو پیډینګ سره له څنډې څخه تر څنډې پورې غځیږي (تقریبا 40-100 اړخونه). د مینځپانګې اعظمي پلنوالی په مؤثره توګه د هرې پټې دننه متمرکز دی. اصلي عنصر یو متمرکز سټیک دی: د ابرو په شکل لیبل، یو لوی شوی سرلیک، د عمل کولو لپاره یو واحد تڼۍ، د قیمت قطار، او بیا د محصول عکس چې د ویو پورټ لاندې ډکوي. برخې د تکرار نمونې تعقیبوي: د پټې دننه کیڼ اړخ ته تنظیم شوی سرلیک، وروسته د محصول توضیحاتو سره د دوه کالم ترتیب (په کیڼ اړخ کې متن/په ښي اړخ کې انځور یا بدیل)، د کارتونو درې کالم گرډ، یا یو متمرکز بصري نندارتون. د مینځپانګې تال په بشپړ ډول د 100-100 سانتي مترو عمودی تشو سره د سپینو او درې رنګونو شالیدونو لخوا کنټرول کیږي — هیڅ ویشونکي نشته، هیڅ کارتونه عناصر نلري. نړیوال نیویګیشن یو واحد، ثابت بار دی. د محصول مشخصاتو برخې د پراخو پیډینګ سره د بشپړ پلنوالي بینډونه کاروي، چیرې چې متن د پراخ بصري ساحې په وړاندې په تنګ کالمونو (~560px) کې متمرکز دی.
د ایپل بصري ژبه په عمده توګه د محصول عکس اخیستل دي: د خالص سپین یا رنګ شالید په وړاندې د هارډویر نږدې عکسونه، د ژوند طرز شرایطو یا سټیج شوي صحنو پرته. اصلي عکس لاسونه ښیې چې د پیسټل شنه میک بوک نیو نیولي دي - د انسان عنصر ثانوي دی، د احساساتو پرځای پیمانه او جوړښت ښیې. د محصول ډول برخو کې، دوه وسایل د ورته ټرم رنګونو (ګلابي، شین، سپین زر، اسمان نیلي) شالید په وړاندې څنګ په څنګ وړاندې کیږي، هر کارت د فلیټ رنګ ساحه لري چې محصول په مرکز کې دی. د تفصیل شاټونه د غیر جانبدار شالید په وړاندې خورا نږدې اپونه (د لیپ ټاپ هینګ، د کیمرې ماډل) کاروي. هیڅ انځورونه شتون نلري، هیڅ خلاص ګرافیکونه نشته، هیڅ آرائشی عکسونه نشته - محصول پخپله بصري عنصر دی. عکسونه هرچیرې دي - د SF سمبولونو سټایل کې مونوکروم لاین عکسونه، 1.5-2px ضخامت، د ایپل سیسټم آیکون سیټ څخه اخیستل شوي. عکس اخیستل تل په لوړ کلیدي ډول ترسره کیږي: یونیفورم، له سیوري څخه پاک رڼا چې محصول د درې اړخیزه شیانو پرځای ګرافیک بڼه ته راټیټوي.
پالټ
برانډ
- 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— د کارت سطحه، د اصلي پاڼې شالید، په تیاره شالید کې د تڼۍ متن.
ټایپوګرافي
له ۱۲ څخه تر ۹۶ پکسله پورې · ۱۰ ګامونه
- SF Pro Display — بدیل: Inter · بڼې 600, 700 · د نندارې لپاره د اتلانو سرلیکونه او فرعي سرلیکونه — د 80-96px په کچه 700 وزن د -1.44px د منفي لیکونو فاصله سره د ایپل لاسلیک "لوی سرلیک په سپین کې تیریږي" رامینځته کوي. بدیلونه: انټر، سیسټم-یو آی
- SF Pro Display — بدیل: Inter · بڼې 600 · د برخې سرلیکونه، د کارت سرلیکونه، فرعي سرلیکونه - د 600 فونټ چې د یو څه مثبت لیکونو فاصله لري په منځنیو اندازو کې ګرم او دوستانه احساس کوي، د پورته لنډو سرلیکونو برعکس.
- SF Pro Text — بدیل: Inter · بڼې 400, 500, 600 · د بدن متن، نیویګیشن، ملاتړي پراګرافونو، او کوچنیو کیپشنونو لپاره، یو فونټ چې د 400 شاخص لري او 17px وي، لومړنی فونټ دی. د تورو ترمنځ منفي فاصله د معلوماتو درنو پاڼو کې د ډیر لنډ اصلي متن لپاره اجازه ورکوي.
وقفې او بڼه
| موخه | معنی |
|---|---|
| کثافت | ګڼ |
| اساسي ګام | 8-10px |
| د تڼۍ وړانګې | 980px |
| د کارت وړانګې | 28px |
| سیوري | د سیوري پر ځای هیڅ سرحد نشته |
| د برخو ترمنځ | 100-120px |
| د پاڼې پلنوالی | 1200px |
AI به ستاسو ویب پاڼه په Apple (España) سټایل کې جوړه کړي او ډکه یې کړي
- د لینک له لارې محصولات او پوسټونه ډک کړئ - Instagram ، TikTok ، Facebook.
- له خپل زوړ سایټ څخه مواد انتقال کړئ — یوازې پته مشخص کړئ.
- په غوره انجن کې عصري ډیزاین: د سرور رینډرینګ او SEO اصلاح کولو سره React ( Next.js).
- د لټون پایلو او عصبي شبکې سپارښتنو لپاره په بشپړ ډول اتوماتیک SEO اصلاح کول.
ورته سټایلونه
- Airbnb — د مرجان سره یو واحد بک مارک سره یو خاموش سپین ګالري دیوال
- Peak Design — د ګالري دیوال، جزوي روښانه شوی
- Ramp — د اداریې مالي څانګه، تور او سپین پاڼې د یو واحد نیون مارکر سره. د خپرونې عملي مونوکروم سطحه، چیرې چې یو روښانه شین رنګه سټروک هر تعامل په مالي سیګنال بدلوي.
- 099 SUPPLY — د ګالري دیوال چې د تورو او سپینو شیانو څخه ډک دی
- Orderful — د صنعتي لوژستیک کنټرول ډیک - د لوژستیک لیږدونکي چاپ شوی چک لیست، په تور رنګ او جراحي سور رنګ کې جوړ شوی، هر پاڼه دومره پټه ده چې یو چلونکي ته اجازه ورکړي چې یو مهم شی په ګوته کړي.
- Apple (España) — د سپینې ګالري نندارې قضیه
- teenage engineering — د سټوډیو په رڼا کې صنعتي کتلاګ - محصول په پاڼه کې یوازینی مهم شی دی، او نور هرڅه د هغې شاوخوا بحث کیږي.
- Apple (España) — د سهار په ورېځ کې د ګالري کړکۍ
- Lightship — د خلاص سړک یوه سینمايي ډایارامه. ګرم کریمي ګالري دیوالونه چې د لویو منظره لرونکو عکسونو سره سینګار شوي چې په نږدې وقفو کې نصب شوي، پتلی تور ډول چې په چوکاټونو کې په سختۍ سره لیدل کیږي، او یو واحد روښانه نارنجي تلفظ چې په څړځای کې د اور په څیر مونوکروم ماتوي.
- Custo — د ټوپک فلزي رنګ ګالري چې یو واحد فونټ لري. په خاموش خړ-شنه رنګونو کې یو نندارتون، چیرې چې یو تیاره شی او 57px فونټ د ځان لپاره خبرې کوي.
- Silencio — یوه سپینه خونه چې لامبو وهونکي اثار لري. د ګرمو کاغذونو څخه جوړه شوې ګالري نندارتون، چیرې چې هر عنصر د منفي حجم د شالید په وړاندې خپل ځای نیسي، او چوپتیا د ډیزاین یوه قصدي پریکړه ده.
- ORYZO AI — د تیاره خونې په اړه د عکس مقاله. یو واحد شی چې په ګرمه تیاره کې ګرځي، کریم فونټ یوازینی سینګار دی.