Apple (España)
Սպիտակ տարածության տաճար՝ հազիվ լսելի վերնագրերով։ Հսկայական, լուսավոր դահլիճ, որտեղ օդում կախված են հսկայական 700 խտության տառատեսակներ, որոնք իրար են կապվում միայն պաստելային գույներով և մեկ կապույտ թելով։
Apple-ի արտադրանքի էջի լեզուն տպագրական առատաձեռնության ուսումնասիրություն է. հսկայական SF Pro Display վերնագրերը կախված են սպիտակավուն ֆոնի վրա, շրջապատված են հսկայական սպիտակ տարածությամբ, որը յուրաքանչյուր բառը դարձնում է մտածված։ Պալիտրան գրեթե մոնոքրոմատիկ է՝ տեքստը #1d1d1f է, կտավը հերթագայում է #ffffff-ից մինչև #f5f5f7՝ մեկ կապույտ շեշտադրմամբ (#0071e3), որը նախատեսված է բացառապես ինտերակտիվ պահերի համար։ Գույնը առկա է արտադրանքի պատկերներում (պաստելային երանգներ), երբեք որպես դեկորատիվ UI տարրեր։ Բաղադրիչները շրջանակազուրկ են. կլորացված քարտեր՝ 28px շառավղով, հաբաձև կոճակներ, որոնք գրեթե դիպչում են էջի եզրերին, առանց տեսանելի տարաների կամ ստվերների։ Ռիթմը ստեղծվում է սպիտակ և մոխրագույն շերտերի հերթագայմամբ, այլ ոչ թե բաժանարարներով կամ եզրագծերով։
Բաժինները զբաղեցնում են էջի ամբողջ լայնությունը՝ ձգվելով եզրից եզր՝ առատ լրացումներով (մոտավորապես 40-100 կողմ): Առավելագույն բովանդակության լայնությունը արդյունավետորեն կենտրոնացված է յուրաքանչյուր շերտի ներսում: Հիմնական տարրը կենտրոնացված կույտ է՝ հոնքերի ձև ունեցող պիտակ, մեծացված վերնագիր, գործողության կոչ անող մեկ կոճակ, գնի տող, ապա ապրանքի պատկեր, որը լցնում է դիտման պատուհանի ներքևի մասը: Բաժինները հետևում են կրկնվող նախշին՝ շերտի ներսում ձախ կողմում դասավորված վերնագիր, որին հաջորդում է կամ երկու սյունակով դասավորություն՝ ապրանքի նկարագրություններով (տեքստը ձախ կողմում/պատկերը աջ կողմում կամ հերթագայող), քարտերի եռասյուն ցանց կամ կենտրոնացված տեսողական ցուցափեղկ: Բովանդակության ռիթմը ամբողջությամբ կառավարվում է սպիտակ և եռագույն ֆոնների հերթագայմամբ՝ 100-100 սմ ուղղահայաց բացերով՝ առանց բաժանարարների, առանց տարրեր պարունակող քարտերի: Համաշխարհային նավիգացիան մեկ, ֆիքսված գոտի է: Արտադրանքի սպեցիֆիկացիայի բաժինները օգտագործում են լրիվ լայնությամբ գոտիներ՝ առատ լրացումներով, որտեղ տեքստը կենտրոնացված է նեղ սյուներով (~560px)՝ ավելի լայն տեսողական տարածքի վրա:
Apple-ի տեսողական լեզուն հիմնականում արտադրանքի լուսանկարչությունն է. սարքավորումների խոշորացված պատկերներ մաքուր սպիտակ կամ գունավոր ֆոնի վրա, առանց կենսակերպի համատեքստի կամ բեմադրված տեսարանների: Գլխավոր պատկերում պատկերված են ձեռքեր, որոնք բռնել են պաստելային կանաչ MacBook Neo. մարդկային տարրը երկրորդական է, որը ցուցադրում է մասշտաբ և հյուսվածք, այլ ոչ թե հույզեր: Արտադրանքի տարբերակների բաժիններում երկու սարք ներկայացված են կողք կողքի՝ համապատասխան զարդարանքի գույների (վարդագույն, կանաչ, արծաթագույն, երկնագույն) ֆոնի վրա, յուրաքանչյուր քարտը հարթ գունային դաշտ է՝ կենտրոնում գտնվող արտադրանքով: Մանրամասն լուսանկարներում օգտագործվում են ծայրահեղ խոշորացված պատկերներ (նոութբուքի ծխնի, տեսախցիկի մոդուլ) չեզոք ֆոնի վրա: Չկան նկարազարդումներ, աբստրակտ գրաֆիկա, դեկորատիվ պատկերներ. արտադրանքն ինքնին տեսողական տարր է: Պատկերագրությունը ամենուր է՝ մոնոքրոմ գծային պատկերակներ SF Symbols ոճով, 1.5–2px հաստությամբ, վերցված Apple համակարգի պատկերակների հավաքածուից: Լուսանկարչությունը միշտ արվում է բարձր տոնայնությամբ. միատարր, ստվերից զերծ լուսավորություն, որը արտադրանքը վերածում է գրաֆիկական ձևի, այլ ոչ թե եռաչափ օբյեկտի:
Պալիտրա
Բրենդ
- 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-ից մինչև 96px · 10 քայլ
- SF Pro Display — փոխարինում: Inter · ուրվագծեր 600, 700 · Հերոսական վերնագրեր և ենթավերնագրեր ցուցադրման համար՝ 700 կշիռ 80–96px չափսերով և -1.44px բացասական տառային միջակայքով, ստեղծում է Apple-ի բնորոշ «սպիտակ գույնի լողացող հսկայական վերնագիրը»։ Փոխարինողներ՝ Inter, system-ui
- SF Pro Display — փոխարինում: Inter · ուրվագծեր 600 · Բաժինների վերնագրեր, քարտերի վերնագրեր, ենթավերնագրեր. 600 տառատեսակը՝ տառերի միջև փոքր-ինչ դրական հեռավորությամբ, միջին չափերի դեպքում տաք և բարեկամական է թվում, ի տարբերություն վերը նշված կարճ վերնագրերի։
- SF Pro Text — փոխարինում: Inter · ուրվագծեր 400, 500, 600 · Հիմնական տեքստի, նավիգացիայի, օժանդակ պարբերությունների և փոքր ենթագրերի համար հիմնական տառատեսակը 400 ինդեքսով և 17px չափի տառատեսակն է: Բացասական տառերի միջև հեռավորությունը թույլ է տալիս ավելի հակիրճ հիմնական տեքստ ստեղծել տեղեկատվությամբ հարուստ էջերում:
Ժամանակահատվածներ և ձև
| Նպատակ | Նշանակություն |
|---|---|
| Խտություն | խիտ |
| Հիմնական քայլ | 8-10px |
| Կոճակի շառավիղ | 980px |
| Քարտի շառավիղ | 28px |
| Ստվերներ | ստվերների փոխարեն՝ առանց սահմանների |
| Բաժինների միջև | 100-120px |
| Էջի լայնությունը | 1200px |
Արհեստական բանականությունը կկառուցի ձեր կայքը Apple (España) ոճով և կլրացնի այն
- Լրացրեք ապրանքներով և գրառումներով՝ հղումով - Instagram, TikTok, Facebook:
- Տեղափոխեք բովանդակությունը ձեր հին կայքից՝ պարզապես նշեք հասցեն։
- Ժամանակակից դիզայն լավագույն շարժիչի վրա՝ React ( Next.js)՝ սերվերի ռենդերինգով և SEO օպտիմիզացիայով՝ անմիջապես։
- Լիովին ավտոմատացված SEO օպտիմալացում որոնման արդյունքների և նեյրոնային ցանցերի առաջարկությունների համար։
Նմանատիպ ոճեր
- Airbnb — Հանգիստ սպիտակ պատկերասրահի պատ՝ մեկ մարջանագույն կարմիր էջանիշով
- Peak Design — Պատկերասրահի պատը, մասամբ լուսավորված
- Ramp — Խմբագրական ֆինանսական բաժինը՝ սև ու սպիտակ էջեր՝ մեկ նեոնային մարկերով։ Հրատարակչության գործնականում միագույն մակերեսը, որտեղ մեկ վառ կանաչ-կարմրավուն գիծը յուրաքանչյուր փոխազդեցություն վերածում է դրամավարկային ազդանշանի։
- 099 SUPPLY — Պատկերասրահի պատը լի է սև ու սպիտակ առարկաներով
- Orderful — Արդյունաբերական լոգիստիկայի կառավարման տախտակ - Սև թանաքով և կարմիրով տպագրված լոգիստիկ դիսպետչերի ստուգաթերթիկ, յուրաքանչյուր էջ բավականաչափ զգույշ է, որպեսզի մեկ օպերատոր կարողանա բարձրաձայնել ինչ-որ կարևոր բան։
- Apple (España) — սպիտակ պատկերասրահի ցուցափեղկ
- teenage engineering — Արդյունաբերական կատալոգ ստուդիայի լուսավորության մեջ - ապրանքը էջի միակ նշանակալի օբյեկտն է, և մնացած ամեն ինչ քննարկվում է դրա շուրջ
- Apple (España) — Պատկերասրահի պատուհանը առավոտյան մառախուղի մեջ
- Lightship — Բաց ճանապարհի կինեմատոգրաֆիկ դիորամա։ Տաք կրեմագույն պատկերասրահի պատերը զարդարված են մեծ լանդշաֆտային լուսանկարներով, որոնք տեղադրված են մոտ հեռավորություններով, բարակ սև տառատեսակները հազիվ տեսանելի են շրջանակների վրա, և միակ վառ նարնջագույն շեշտադրումը խախտում է միագույնը, ինչպես խարույկը մարգագետնում։
- Custo — Մետաղական գույնի պատկերասրահ՝ մոնոլիտ տառատեսակով։ Ցուցասրահ՝ խլացված մոխրագույն-կանաչ երանգներով, որտեղ մեկ մուգ առարկան և 57px տառատեսակը խոսում են իրենց մասին։
- Silencio — Սպիտակ սենյակ՝ լողացող արտեֆակտներով։ Տաք թղթից պատրաստված պատկերասրահի ցուցադրություն, որտեղ յուրաքանչյուր տարր զբաղեցնում է իր տեղը բացասական ծավալի ֆոնի վրա, իսկ լռությունը միտումնավոր դիզայնի որոշում է։
- ORYZO AI — Լուսանկարչական էսսե մութ սենյակի մասին։ Միայնակ առարկա, որը սավառնում է տաք մթության մեջ, որի միակ զարդարանքը կրեմագույն տառատեսակն է։