Apple (España)
Katidral nke nwere oghere ọcha nke nwere isi okwu ndị na-adịghị apụta nke ọma. Ụlọ nzukọ buru ibu ma na-egbuke egbuke ebe nnukwu mkpụrụedemede 700 dị n'ikuku kwụgidere, nke naanị agba pastel na otu eriri anụnụ anụnụ jikọtara ọnụ.
Asụsụ ibe ngwaahịa Apple bụ ọmụmụ gbasara mmesapụ aka nke mkpụrụedemede: nnukwu isi akụkọ SF Pro Display na-efegharị n'azụ ihe na-acha ọcha, gbara ya gburugburu site na nnukwu oghere ọcha nke na-eme ka okwu ọ bụla chee na a kpachaara anya. Paletị ahụ dị nso-monochromatic—ederede dị na #1d1d1f, kanvas na-agbanwe n'etiti #ffffff na #f5f5f7—nwere otu olu anụnụ anụnụ (#0071e3) nke edobere naanị maka oge mmekọrịta. Agba dị na onyonyo ngwaahịa ahụ n'onwe ha (ụda pastel), ọ bụghị dị ka ihe ịchọ mma UI. Ihe mejupụtara ya enweghị frame: kaadị gbara gburugburu nwere radius 28px, bọtịnụ dị ka mkpụrụ ọgwụ fọrọ nke nta ka ọ na-emetụ nsọtụ peeji ahụ aka, na-enweghị akpa a na-ahụ anya ma ọ bụ onyinyo ndị na-ada ada. A na-emepụta Rhythm site na eriri ọcha na isi awọ na-agbanwe agbanwe, ọ bụghị nkewa ma ọ bụ ókèala.
Ngalaba ndị ahụ na-ejupụta obosara zuru oke nke ibe ahụ, na-agbatị akụkụ ruo n'akụkụ ya na nnukwu padding (ihe dị ka akụkụ 40-100). Obosara ọdịnaya kachasị elu na-adị n'etiti nke ọma n'ime mpempe akwụkwọ ọ bụla. Isi ihe bụ mkpokọta etiti: akara dị ka nkuanya, isi okwu buru ibu, otu bọtịnụ oku-na-eme ihe, ahịrị ọnụahịa, wee onyonyo ngwaahịa na-ejupụta ala nke ebe nlele ahụ. Ngalaba ndị ahụ na-agbaso usoro ugboro ugboro: isi okwu kwụ ọtọ n'aka ekpe n'ime mpempe akwụkwọ ahụ, nke na-esote ma nhazi kọlụm abụọ nwere nkọwa ngwaahịa (ederede dị n'aka ekpe/onyinyo n'aka nri ma ọ bụ nke na-agbanwe agbanwe), grid kaadị nwere kọlụm atọ, ma ọ bụ ihe ngosi anya etiti. A na-achịkwa usoro ọdịnaya kpamkpam site na ndabere ọcha na agba atọ na-agbanwe agbanwe nwere oghere kwụ ọtọ nke 100-100 cm - enweghị ihe nkewa, enweghị kaadị na-ebu ihe. Njem ụwa zuru ụwa ọnụ bụ otu ogwe edobere. Ngalaba nkọwapụta ngwaahịa na-eji eriri obosara zuru oke yana padding buru ibu, ebe ederede dị n'etiti kọlụm dị warara (~560px) megide mpaghara anya sara mbara.
Asụsụ anya nke Apple bụ isi ihe osise ngwaahịa: ihe ndị dị nso na ngwaike megide ndabere ọcha ma ọ bụ agba dị ọcha, na-enweghị ọnọdụ ndụ ma ọ bụ ihe nkiri emere eme. Isi ihe onyonyo ahụ na-egosi aka ndị jidere akwụkwọ ndụ akwụkwọ ndụ pastel MacBook Neo - ihe mmadụ bụ nke abụọ, na-egosi nha na udidi kama mmetụta uche. Na ngalaba ụdị ngwaahịa ahụ, a na-egosi ngwaọrụ abụọ n'akụkụ n'azụ nke agba ndị dabara adaba (pink, akwụkwọ ndụ akwụkwọ ndụ, ọlaọcha, acha anụnụ anụnụ), kaadị ọ bụla nwere mpaghara agba dị larịị yana ngwaahịa ahụ n'etiti. Foto nkọwa na-eji ihe ndị dị nso (ihe mkpuchi laptọọpụ, modulu igwefoto) megide ndabere na-anọpụ iche. Enweghị ihe osise, enweghị eserese nkịtị, enweghị onyonyo mma - ngwaahịa ahụ n'onwe ya bụ ihe a na-ahụ anya. Iconography dị ebe niile - akara ngosi ahịrị monochrome na ụdị akara SF, 1.5-2px dị arọ, nke e si na ntọala akara ngosi sistemụ Apple mee. A na-eme foto ahụ mgbe niile n'ụzọ dị elu: ọkụ edobere, enweghị onyinyo nke na-ebelata ngwaahịa ahụ ka ọ bụrụ ụdị eserese kama ihe nwere akụkụ atọ.
Paletị
Akara
- Electric Blue
#0071e3— Bọtịnụ ihe omume e juputara bụ naanị agba dị na UI, a na-ejikarị ya eme ihe maka oku maka ihe omume. - Link Blue
#0066cc— Njikọ ederede dị n'ime ahịrị, njikọ nwere akụ na chevron. - Citrus Gradient
#3b3b23— Ihe ọzọ a na-eji eme ihe nke aghọọla ihe pụrụ iche maka ngwaahịa a bụ ntọala gbara ọchịchịrị nke na-agbanwe agbanwe ka ọ bụrụ ihe na-acha odo odo-akwụkwọ ndụ akwụkwọ ndụ.
Na-anọpụ iche
- Primary Ink
#1d1d1f— Isi okwu, ederede ahụ, na akara bọtịnụ bụ ụda ihu kachasị n'elu elu niile; ndabere nke onyonyo ngwaahịa bụ isi na-agbanwe nke ọma site na #1d1d1f siri ike n'elu gaa na acha anụnụ anụnụ. - Mid Gray
#707070— Ederede nke abụọ, ọnọdụ igodo na-adịghị arụ ọrụ, akara UI emechiri emechi - Deep Gray
#474747— Ederede na akara ngosi dị na mkpụrụedemede etiti. - Hairline
#d6d6d6— Ókè dị gịrịgịrị n'etiti ngalaba na ihe UI. - Canvas
#f5f5f7— Ndabere nke ngalaba ndị ọzọ - eriri isi awọ nke na-ekewa ebe ndị ọcha ahụ. - Paper
#ffffff— Elu kaadị, ndabere peeji bụ isi, ederede bọtịnụ na ndabere gbara ọchịchịrị.
Ụdị edemede
site na 12 ruo 96px · nzọụkwụ iri
- SF Pro Display — nnọchi: Inter · ihe nhazi 600, 700 · Isi okwu dike na obere isiokwu maka ngosipụta — ịdị arọ 700 na 80–96px yana oghere mkpụrụedemede na-adịghị mma nke -1.44px na-emepụta akara aka Apple "nnukwu isi okwu na-ese n'elu ọcha." Ihe nnọchi anya: Inter, system-ui
- SF Pro Display — nnọchi: Inter · ihe nhazi 600 · Isi nkebi, aha kaadị, obere isi - mkpụrụedemede 600 nwere oghere mkpụrụedemede dị mma na-adị mma ma dịkwa mma na nha ọkara, n'adịghị ka isi okwu ndị dị mkpirikpi dị n'elu.
- SF Pro Text — nnọchi: Inter · ihe nhazi 400, 500, 600 · Maka ederede ahụ, ụzọ isi dee ya, paragraf ndị na-akwado ya, na obere nkọwa okwu, mkpụrụedemede nwere ndeksi nke 400 na 17px bụ mkpụrụedemede bụ isi. Oghere mkpụrụedemede na-adịghị mma na-enye ohere maka ederede bụ isi dị mkpụmkpụ karịa na peeji ndị nwere ozi dị arọ.
Oge na ụdị
| Ebumnuche | Ihe ọ pụtara |
|---|---|
| Njupụta | dị oke arọ |
| Nzọụkwụ bụ isi | 8-10px |
| Redịọs bọtịnụ | 980px |
| Redịọs kaadị | 28px |
| Onyinyo | mba - ókèala kama onyinyo |
| N'etiti ngalaba | 100-120px |
| Obosara ibe | 1200px |
AI ga-ewulite weebụsaịtị gị n'ụdị Apple (España) ma jupụta ya
- Jupụta ngwaahịa na ozi site na njikọ ahụ - Instagram, TikTok, Facebook.
- Bufee ọdịnaya site na saịtị ochie gị—kpọọ naanị adreesị ahụ.
- Nhazi ọgbara ọhụrụ na injin kacha mma: React ( Next.js) na nhazi sava na nhazi SEO n'ime igbe.
- Nhazi SEO akpaghị aka zuru oke maka nsonaazụ ọchụchọ na ndụmọdụ netwọkụ akwara.
Ụdị ndị yiri ya
- Airbnb — Mgbidi ụlọ ngosi ihe ngosi ọcha dị jụụ nwere otu akara ngosi uhie coral
- Peak Design — Mgbidi ụlọ ngosi ihe ngosi, nke nwere ìhè ụfọdụ
- Ramp — Ngalaba ego nchịkọta akụkọ, peeji ojii na ọcha nwere otu ihe nrịbama neon. Elu akwụkwọ ahụ fọrọ nke nta ka ọ bụrụ otu ihe nnọchianya, ebe otu ihe na-egbuke egbuke na-agbanwe mmekọrịta ọ bụla ka ọ bụrụ ihe ngosi ego.
- 099 SUPPLY — Mgbidi ụlọ ngosi ihe ngosi jupụtara na ihe ojii na ọcha
- Orderful — Ebe Njikwa Njem Ụlọ Ọrụ - Ndepụta ndepụta nke onye na-eziga ngwa ahịa e biri ebi, nke e ji ink ojii na ọbara ọbara ịwa ahụ mee, peeji ọ bụla nwere nzuzo nke na-enye otu onye ọrụ ohere ikwu okwu dị mkpa.
- Apple (España) — ikpe ngosi ihe ngosi ụlọ ngosi ọcha
- teenage engineering — Katalọgụ ụlọ ọrụ na ọkụ studio - ngwaahịa a bụ naanị ihe dị mkpa dị na peeji ahụ, a na-atụlekwa ihe ndị ọzọ niile gburugburu ya.
- Apple (España) — Windo ụlọ ngosi ihe ngosi n'ime igwe ojii ụtụtụ
- Lightship — Ihe nkiri sinima nke okporo ụzọ mepere emepe. Mgbidi ụlọ ngosi ihe nkiri na-ekpo ọkụ nke e ji foto ala buru ibu chọọ mma n'ebe dị nso, nke a na-ahụghị nke ọma na fremu ndị ahụ, yana otu olu oroma na-egbuke egbuke nke na-agbaji monochrome dị ka ọkụ ọkụ n'ọhịa.
- Custo — Ụlọ ngosi ihe ngosi agba egbe nwere mkpụrụedemede monolithic. Ụlọ ngosi ihe ngosi nke nwere agba isi awọ-akwụkwọ ndụ akwụkwọ ndụ gbara ọchịchịrị, ebe otu ihe gbara ọchịchịrị na mkpụrụedemede 57px na-ekwu maka onwe ha.
- Silencio — Ụlọ ọcha nwere ihe ndị e ji aka mee na-ese n'elu mmiri. Ihe ngosi ụlọ ngosi ihe ngosi nke e ji akwụkwọ ọkụ mee, ebe ihe ọ bụla nọ n'ọnọdụ ya n'azụ akwụkwọ na-adịghị mma, ebe ịgbachi nkịtị bụ mkpebi imewe ebumpụta ụwa.
- ORYZO AI — Edemede foto gbasara ụlọ gbara ọchịchịrị. Ihe dị naanị ya na-efegharị n'ọchịchịrị na-ekpo ọkụ, naanị ihe ịchọ mma nke e ji ude mee.