Apple
Սպիտակ սենյակ՝ մեկ կապույտ անջատիչով
Apple-ի դիզայնը զսպվածության մոդել է՝ գրեթե սպիտակ կտավ, առատ սպիտակ տարածություն և մեկ վառ կապույտ շեշտադրում, որը յուրաքանչյուր գործողություն դարձնում է մտածված։ Հիմնական ուշադրությունը կենտրոնացած է տպագրության վրա՝ SF Pro, բացասական տառերի միջև տարածությամբ, որը նվազում է չափի մեծացման հետ, վերնագրերին հաղորդում է ճարտարապետական պարզություն՝ առանց չափազանց ծանր լինելու։ ԱՊՐԱՆՔԸ ԴԻԶԱՅՆՆ Է՝ գերակշռում են մեծածավալ ապրանքային լուսանկարները և կենսակերպի պատկերները, մինչդեռ քրոմապատ տարրերը նահանջում են բարակ շրջանակների, կիսաթափանցիկ նավիգացիայի և նուրբ գծերի մեջ։ Բաժինները հերթագայում են բաց մոխրագույն ֆոնի վրա՝ գովազդային նյութերի համար նախատեսված լիագույն բլոկներով, ստեղծելով ռիթմ՝ մասշտաբի փոփոխությունների միջոցով, այլ ոչ թե դեկորատիվ տարրերի։
Էջի դասավորությունը լիալայնությամբ էջ է՝ առանց ֆիքսված առավելագույն կոնտեյների լայնության. բաժինները ձգվում են եզրից եզր, տեքստային բլոկները կենտրոնացված են մոտավորապես 980px-ով: Նավիգացիան մեկ, ֆիքսված գլոբալ գոտի է՝ յուրաքանչյուր ապրանքի համար լրացուցիչ ենթապանակով, որը հայտնվում է գլորման ժամանակ: Հիմնական դասավորությունը միշտ կենտրոնացված է՝ մեծ ապրանքի անվանում, մեկ տողանոց կարգախոս, երկու դեղահաբերի կոճակներ, ապա ապրանքի պատկեր, որը լցնում է մնացած դիտման պատուհանը: Բաժինները դասավորված են ուղղահայաց՝ առատ ուղղահայաց ռիթմով (բաժինների միջև 64px+), հերթագայելով #f5f5f7 և գունավոր ֆոններ: Ներքևի էջը լիալայնությամբ ծառայությունների քարտերի մեկ հորիզոնական շարք է (Apple TV+, Fitness+, Music, Arcade), որոնցից յուրաքանչյուրը լուսանկարների բլոկ է՝ վերադրված տեքստով և դեղահաբերի կոճակով: Կողային գոտիներ, բազմասյունակ բովանդակության դասավորություններ, ասիմետրիկ կոմպոզիցիաներ չկան. ամեն ինչ կենտրոնացված է, դասավորված և սիմետրիկ:
Լուսանկարչությունը գերիշխող տեսողական լեզուն է: Արտադրանքի լուսանկարները արվում են մաքուր սպիտակ կամ մեղմ մոխրագույն ֆոնի վրա՝ առանց որևէ համատեքստի. սարքը աստղն է՝ մեկուսացված և լուսավորված: Կենսակերպի լուսանկարները ցուցադրվում են լիարժեք լայնությամբ պաստառներով, հաճախ՝ խիստ կտրված առարկաներով: Գունային գրադիենտները (պաստելային կապույտ, վարդագույն, կանաչ) ծառայում են որպես ապրանքի բաժինների ֆոն, այլ ոչ թե որպես զարդարանք: Պատկերագրությունը մինիմալիստական է և գծային, 1-2 պքսել հաստությամբ, նույն մոխրագույն երանգով, ինչ տեքստը: Բացառությամբ ապրանքի լուսանկարների՝ չկան նկարազարդումներ, աբստրակտ գրաֆիկա, 3D պատկերացումներ:
Պալիտրա
Բրենդ
- Apple Blue
#0071e3— Լցված գործողության կոճակներ, ընտրված վիճակներ՝ միակ ինտերակտիվ քրոմատիկ գույնը, որն օգտագործվում է խնայողաբար՝ յուրաքանչյուր տեսքը իմաստալից դարձնելու համար։ - Link Blue
#0066cc— Գործողությունների ընդգծված եզրագծեր, ներդրված հղումներ. Apple Blue-ից ավելի հագեցած գույն է օգտագործվում այն դեպքերում, երբ լցված պլանշետը չափազանց շողշողուն կլինի։ - Signal Blue
#2997ff— Դեկորատիվ շրջանակներ, պատկերի ուրվագծեր, պատկերակների եզրագծեր՝ համակարգում առկա ամենաբաց կապույտ գույնը, որն օգտագործվում է մթնոլորտի, այլ ոչ թե օգտատիրոջ փոխազդեցության համար։
Չեզոք
- Carbon
#1d1d1f— Հիմնական տեքստը, վերնագրերի եզրագծերը, նավիգացիոն գծերը, քարտի եզրագծերը՝ գերակշռող թանաքի գույնը գրեթե սև է՝ թեթևակի տաքության նշույլով։ - Frost
#f5f5f7— Էջի կտավը, հիմնական տեքստի ֆոնը և ստորին էջի մակերեսը Apple-ի բնորոշ բաց մոխրագույն գույնն են, որը մի փոքր ավելի զով է, քան մաքուր սպիտակը։ - Ice
#f4f8fb— Արտահայտիչ մակերեսային լցոնումներ, նուրբ երանգներ, կոճակի տեքստ մուգ ֆոնի վրա՝ նուրբ կապույտ երանգ, որը կենդանացնում է բաժինը՝ առանց այն առանձնացնելու։ - Smoke
#333333— Երկրորդական տեքստ, նավիգացիոն լրացում, կոճակների եզրագծեր - Բազմակողմանի չեզոք գույն եզրագծերի և պատկերակների համար, որոնք ավելի մեծ շեշտադրում են պահանջում, քան միջին մոխրագույնը: - Graphite
#474747— Նավիգացիոն տեքստը, նավիգացիոն սահմանները, հղումների սահմանները - տարրերի հիերարխիայում զբաղեցնում է միջանկյալ դիրք ածխածնի և ծխի միջև։ - Ash
#707070— Ստորին էջի տեքստ, ցուցակի սահմաններ, նավիգացիայի սահմաններ, լռեցված հիմնական տեքստ - Միջին մոխրագույն՝ այն բովանդակության համար, որը պետք է առկա լինի, բայց ոչ աչքի ընկնող։
Տպագրություն
12-ից մինչև 56px · 8 քայլ
- SF Pro Display — փոխարինում: Inter · ուրվագծեր 400, 600, 700 · Վերնագրերը և մեծ տեքստը՝ 40px+ չափսերով, օգտագործում են ցուցադրման ձևաչափ՝ ավելի նեղ ապերտուրայի և ավելի ուժեղ բացասական հետևման համար. 700-ը նախատեսված է գովազդային դասավորությունների համար, իսկ 400-ը՝ խմբագրական բովանդակության մեջ ապրանքների անվանումների համար։
- SF Pro Text — փոխարինում: Inter · ուրվագծեր 300, 400, 600 · Հիմնական տեքստ, նավիգացիա, կոճակներ, ենթավերնագրեր՝ աշխատանքային տառատեսակ. 400՝ հիմնական տեքստի համար, 300՝ ենթավերնագրերի և որակավորված պիտակների համար, 600՝ նավիգացիոն տարրերի և կոճակի տեքստի համար. բացասական տառերի միջև հեռավորությունը նվազում է չափսին համաչափ (-0.022em-ից մինչև 12px, -0.01em-ից մինչև 44px):
Ժամանակահատվածներ և ձև
| Նպատակ | Նշանակություն |
|---|---|
| Խտություն | միջին |
| Հիմնական քայլ | 12px |
| Կոճակի շառավիղ | 980px |
| Քարտի շառավիղ | 8px |
| Ստվերներ | ստվերների փոխարեն՝ առանց սահմանների |
| Բաժինների միջև | 64px |
| Էջի լայնությունը | 1440px |
Արհեստական բանականությունը կկառուցի ձեր կայքը Apple ոճով և կլրացնի այն
- Լրացրեք ապրանքներով և գրառումներով՝ հղումով - Instagram, TikTok, Facebook:
- Տեղափոխեք բովանդակությունը ձեր հին կայքից՝ պարզապես նշեք հասցեն։
- Ժամանակակից դիզայն լավագույն շարժիչի վրա՝ React ( Next.js)՝ սերվերի ռենդերինգով և SEO օպտիմիզացիայով՝ անմիջապես։
- Լիովին ավտոմատացված SEO օպտիմալացում որոնման արդյունքների և նեյրոնային ցանցերի առաջարկությունների համար։
Նմանատիպ ոճեր
- Ui — կլինիկական պլան մատ թղթի վրա
- ElevenLabs — Լուսանկարչական ակնարկ տաք կրեմագույն երանգներով՝ նուրբ վերնագրերով: Բաուհաուսի ոճի տետր՝ ձվի կճեպի գույնի թուղթ, սև թանաք և մեկ մանուշակագույն ու նարնջագույն շեշտադրում ապրանքի ցուցադրման համար:
- monopo saigon — Խմբագրական լռության ետևում հեղուկ, ծիածանափայլ լույս՝ հալված լույսի վրա լողացող մոնոքրոմ խմբագրական պատկերասրահ։
- Awesomic — Խմբագրական ցինկե ցանց՝ կոնֆետի հիշեցնող նարնջագույն կետադրական նշաններով
- Monad — խմբագրական տեխնիկական ամսագիր տաք մագաղաթի վրա
- Dub — Link-ի մատ բրնձե թղթի կառավարման վահանակ
- Seline Analytics — Հանգիստ վերլուծական սեղան տաք թղթի վրա
- Ventriloc — Տաք թղթի վրա տվյալների խմբագրական դիտարան՝ միակ նարնջագույն մոխիրը, որը ընդգծում է մոնոխրոմ ճշգրտությունը
- Duolingo — Խաղալիք դասարանի թալիսման սպիտակ թղթի վրա
- Stripe — Հաշվապահական գիրք՝ գրված ինդիգո թանաքով, սառցե ապակու վրա
- Notion — Տաք թղթե տետր կեսօրվա արևի տակ
- Hyer Aviation — Մթնշաղ՝ մագաղաթի վրա, խցիկում։ Լուսաբացի գունատ երկինքը հանդիպում է ֆյուզելյաժի չափի շերիֆային լոգոյին, և մեկ տաք կավե շեշտադրումը խախտում է միագույն զսպվածությունը։