Apple (España)
Kanisa Kuu la anga nyeupe lenye vichwa vya habari visivyosikika vizuri. Ukumbi mkubwa na angavu ambapo fonti kubwa zenye uzito wa 700 huning'inia hewani, zikiwa zimeshikiliwa pamoja kwa rangi za pastel na uzi mmoja wa bluu.
Lugha ya ukurasa wa bidhaa wa Apple ni utafiti katika ukarimu wa uchapaji: vichwa vikubwa vya SF Pro Display vinavyoelea dhidi ya mandharinyuma isiyo na rangi nyeupe, iliyozungukwa na nafasi kubwa nyeupe ambayo hufanya kila neno lionekane la makusudi. Paleti ni karibu na monochromatic—maandishi katika #1d1d1f, turubai ikibadilishana kati ya #ffffff na #f5f5f7—na lafudhi moja ya bluu (#0071e3) iliyohifadhiwa pekee kwa ajili ya matukio shirikishi. Rangi inapatikana katika picha za bidhaa zenyewe (tani za pastel), kamwe kama vipengele vya kiolesura cha mapambo. Vipengele havina fremu: kadi zenye mviringo zenye radius ya pikseli 28, vifungo vyenye umbo la kidonge karibu kugusa kingo za ukurasa, bila vyombo vinavyoonekana au vivuli vya kushuka. Mdundo huundwa kwa kubadilisha mistari nyeupe na kijivu, si vitenganishi au mipaka.
Sehemu huchukua upana kamili wa ukurasa, zikinyoosha ukingo hadi ukingo kwa pedi kubwa (takriban pande 40-100). Upana wa juu zaidi wa maudhui umejikita katikati ya kila kipande. Kipengele kikuu ni rundo la katikati: lebo yenye umbo la nyusi, kichwa cha habari kilichopanuliwa, kitufe kimoja cha wito wa kuchukua hatua, safu ya bei, na kisha picha ya bidhaa inayojaza sehemu ya chini ya sehemu ya kutazama. Sehemu hufuata muundo unaorudiwa: kichwa cha habari kilichopangwa kushoto ndani ya kipande, ikifuatiwa na mpangilio wa safu mbili zenye maelezo ya bidhaa (maandishi upande wa kushoto/picha kulia au yanayobadilika), gridi ya kadi yenye safu tatu, au onyesho la kuona katikati. Mdundo wa maudhui unadhibitiwa kikamilifu kwa kubadilisha mandhari nyeupe na rangi tatu zenye mapengo wima ya sentimita 100-100—hakuna vigawanyi, hakuna kadi zinazobeba vipengele. Usogezaji wa kimataifa ni upau mmoja, usiobadilika. Sehemu za vipimo vya bidhaa hutumia bendi za upana kamili zenye pedi kubwa, ambapo maandishi yamejikita katikati katika safu nyembamba (~pikseli 560) dhidi ya eneo pana zaidi la kuona.
Lugha ya kuona ya Apple kimsingi ni upigaji picha wa bidhaa: upigaji picha wa karibu wa vifaa dhidi ya usuli mweupe safi au rangi, bila muktadha wa mtindo wa maisha au matukio yaliyopangwa. Picha kuu inaonyesha mikono ikiwa imeshika MacBook Neo ya kijani kibichi—kipengele cha mwanadamu ni cha pili, kikionyesha ukubwa na umbile badala ya hisia. Katika sehemu za lahaja za bidhaa, vifaa viwili vinawasilishwa kando kando dhidi ya usuli wa rangi zinazolingana (pink, kijani, fedha, bluu anga), kila kadi ikiwa na sehemu ya rangi tambarare yenye bidhaa katikati. Picha za kina hutumia upigaji picha wa karibu sana (kibao cha kompyuta ya mkononi, moduli ya kamera) dhidi ya usuli usio na upande wowote. Hakuna vielelezo, hakuna michoro dhahania, hakuna picha za mapambo—bidhaa yenyewe ndiyo kipengele cha kuona. Aikoni iko kila mahali—aikoni za mstari wa monochrome katika mtindo wa Alama za SF, unene wa pikseli 1.5–2, zilizochukuliwa kutoka kwa seti ya aikoni ya mfumo wa Apple. Upigaji picha hufanywa kila wakati kwa njia ya hali ya juu: taa sare, isiyo na kivuli ambayo hupunguza bidhaa kuwa umbo la picha badala ya kitu chenye pande tatu.
Paleti
Chapa
- Electric Blue
#0071e3— Vitufe vya vitendo vilivyojazwa ndio lafudhi pekee ya rangi katika kiolesura cha mtumiaji, haitumiki sana kwa miito ya vitendo. - Link Blue
#0066cc— Viungo vya maandishi vilivyo ndani ya mstari, viungo vyenye mishale na chevron. - Citrus Gradient
#3b3b23— Umaliziaji mbadala ambao umekuwa sifa kuu ya bidhaa ni msingi mweusi unaofifia na kuwa rangi ya manjano-kijani.
Isiyoegemea upande wowote
- Primary Ink
#1d1d1f— Vichwa vya habari, maandishi ya mwili, na lebo za vitufe ndio toni kuu ya mbele katika nyuso zote; mandharinyuma ya picha kuu ya bidhaa hubadilika vizuri kutoka kwa #1d1d1f thabiti juu hadi bluu ya kromatic. - Mid Gray
#707070— Maandishi ya pili, hali ya urambazaji isiyofanya kazi, lebo za kiolesura zilizonyamazishwa - Deep Gray
#474747— Maandishi ya urambazaji na aikoni ziko katika fonti ya wastani. - Hairline
#d6d6d6— Mipaka nyembamba kati ya sehemu na vipengele vya UI. - Canvas
#f5f5f7— Mandharinyuma ya sehemu zinazobadilika - mstari wa kijivu unaotenganisha maeneo meupe. - Paper
#ffffff— Uso wa kadi, mandharinyuma ya ukurasa mkuu, maandishi ya kitufe kwenye mandharinyuma meusi.
Uchapaji
kutoka pikseli 12 hadi 96 · hatua 10
- SF Pro Display — mbadala: Inter · mihtasari 600, 700 · Vichwa vya habari vya shujaa na vichwa vidogo vya kuonyesha — uzito wa 700 kwa pikseli 80–96 na nafasi ya herufi hasi ya pikseli -1.44 huunda sahihi ya Apple ya "kichwa kikubwa kinachoelea nyeupe." Vibadala: Inter, system-ui
- SF Pro Display — mbadala: Inter · mihtasari 600 · Vichwa vya sehemu, vichwa vya kadi, vichwa vidogo - fonti ya 600 yenye nafasi chanya kidogo ya herufi huhisi joto na urafiki katika ukubwa wa wastani, tofauti na vichwa vifupi vilivyo hapo juu.
- SF Pro Text — mbadala: Inter · mihtasari 400, 500, 600 · Kwa maandishi ya mwili, urambazaji, aya zinazounga mkono, na manukuu madogo, fonti yenye faharasa ya 400 kwa pikseli 17 ndiyo fonti kuu. Nafasi hasi ya herufi huruhusu maandishi makuu mafupi zaidi kwenye kurasa zenye taarifa nyingi.
Vipindi na umbo
| Kusudi | Maana |
|---|---|
| Uzito | mnene |
| Hatua ya msingi | 8-10px |
| Kipenyo cha kitufe | 980px |
| Redi ya kadi | 28px |
| Vivuli | hapana - mipaka badala ya vivuli |
| Kati ya sehemu | 100-120px |
| Upana wa ukurasa | 1200px |
AI itaunda tovuti yako kwa mtindo wa Apple (España) na kuijaza
- Jaza bidhaa na machapisho kupitia kiungo - Instagram, TikTok, Facebook.
- Hamisha maudhui kutoka kwa tovuti yako ya zamani—taja tu anwani.
- Muundo wa kisasa kwenye injini bora: React ( Next.js) yenye utoaji wa seva na uboreshaji wa SEO bila kuchelewa.
- Uboreshaji wa SEO kiotomatiki kikamilifu kwa matokeo ya utafutaji na mapendekezo ya mtandao wa neva.
Mitindo inayofanana
- Airbnb — Ukuta mweupe tulivu wa ghala lenye alama moja nyekundu ya matumbawe
- Peak Design — Ukuta wa matunzio, wenye mwanga kidogo
- Ramp — Idara ya fedha ya uhariri, kurasa nyeusi na nyeupe zenye alama moja ya neon. Uso wa karibu monochrome wa chapisho hili, ambapo kiharusi kimoja cha kijani kibichi hubadilisha kila mwingiliano kuwa ishara ya pesa.
- 099 SUPPLY — Ukuta wa ghala uliojaa vitu vyeusi na vyeupe
- Orderful — Kiti cha Kudhibiti Usafirishaji wa Viwandani - Orodha ya ukaguzi iliyochapishwa ya wasambazaji wa vifaa, iliyotengenezwa kwa wino mweusi na nyekundu ya upasuaji, kila ukurasa ukiwa umefichwa vya kutosha kumruhusu mwendeshaji mmoja kusema jambo muhimu.
- Apple (España) — kisanduku cheupe cha kuonyesha ghala
- teenage engineering — Katalogi ya viwanda katika taa za studio - bidhaa ndiyo kitu pekee muhimu kwenye ukurasa, na kila kitu kingine kinajadiliwa kuzunguka
- Apple (España) — Dirisha la ghala katika ukungu wa asubuhi
- Lightship — Diorama ya sinema ya barabara iliyo wazi. Kuta za jumba la sanaa lenye joto na krimu zilizopambwa kwa picha kubwa za mandhari zilizowekwa kwa vipindi vya karibu, aina nyeusi nyembamba isiyoonekana vizuri kwenye fremu, na lafudhi moja angavu ya chungwa ikivunja rangi ya monochrome kama moto mkubwa kwenye bustani.
- Custo — Nyumba ya sanaa yenye rangi ya chuma cha pua yenye fonti ya monolithic. Chumba cha maonyesho katika rangi ya kijivu-kijani iliyonyamazishwa, ambapo kitu kimoja cheusi na fonti ya pikseli 57 hujieleza chenyewe.
- Silencio — Chumba cheupe chenye vitu vya kale vinavyoelea. Onyesho la ghala lililotengenezwa kwa karatasi ya joto, ambapo kila kipengele kinachukua nafasi yake dhidi ya mandhari ya ujazo hasi, na ukimya ni uamuzi wa kimakusudi wa usanifu.
- ORYZO AI — Insha ya picha kuhusu chumba chenye giza. Kitu pekee kinachoelea gizani, fonti ya krimu ndiyo mapambo pekee.