Apple (España)
Babban coci mai farin sarari mai ɗauke da kanun labarai da ba a iya jin su sosai. Babban zauren mai haske inda manyan haruffa 700 ke rataye a sararin samaniya, waɗanda aka haɗa su kawai da launukan pastel da zare ɗaya mai shuɗi.
Yaren shafin samfurin Apple bincike ne kan karimcin rubutu: manyan kanun labarai na SF Pro Display suna shawagi a kan bango mara fari, kewaye da sararin fari mai faɗi wanda ke sa kowace kalma ta ji kamar an yi niyya. Paletin ɗin kusan-monochromatic ne—rubutu a cikin #1d1d1f, zane yana canzawa tsakanin #ffffff da #f5f5f7—tare da lafazi ɗaya mai shuɗi (#0071e3) wanda aka keɓe musamman don lokutan hulɗa. Launi yana nan a cikin hotunan samfurin kansu (sautunan pastel), ba a taɓa zama abubuwan UI na ado ba. Abubuwan da aka haɗa ba su da firam: katunan zagaye tare da radius 28px, maɓallan siffar kwaya kusan taɓa gefunan shafin, ba tare da kwantena ko inuwar da aka gani ba. Ana ƙirƙirar Rhythm ta hanyar canza launin fari da launin toka, ba masu rabawa ko iyakoki ba.
Sassan suna mamaye cikakken faɗin shafin, suna miƙewa gefe zuwa gefe tare da babban faifan madauri (kimanin gefuna 40-100). Matsakaicin faɗin abun ciki yana tsakiya a cikin kowane tsiri. Babban abin shine tarin tsakiya: lakabi mai siffar gira, babban kanun labarai, maɓallin kira-zuwa-aiki guda ɗaya, layin farashi, sannan hoton samfurin da ke cike ƙasan tashar kallo. Sassan suna bin tsari mai maimaitawa: kanun labarai mai layi biyu a cikin tsiri, sannan ko dai tsarin ginshiƙi biyu tare da bayanin samfur (rubutu a hagu/hoto a dama ko madadin), grid na kati mai ginshiƙi uku, ko nunin gani na tsakiya. Ana sarrafa tsarin abun ciki gaba ɗaya ta hanyar canza launin fari da launuka uku tare da gibin tsaye na 100-100 cm - babu masu rabawa, babu katunan da ke ɗauke da abubuwa. Kewaya ta duniya sandar guda ɗaya ce, mai gyara. Sassan ƙayyadaddun samfura suna amfani da madaukai masu faɗi cikakke tare da faifan madauri mai yawa, inda rubutu yake tsakiya a cikin ginshiƙai masu kunkuntar (~560px) akan yankin gani mai faɗi.
Harshen gani na Apple galibi shine ɗaukar hoto na samfura: kusantar kayan aiki a kan farin ko launin fata mai tsabta, ba tare da yanayin salon rayuwa ko yanayin da aka tsara ba. Babban hoton yana nuna hannaye suna riƙe da MacBook Neo kore mai launin pastel - ɓangaren ɗan adam yana da na biyu, yana nuna girma da laushi maimakon motsin rai. A cikin sassan bambance-bambancen samfurin, an gabatar da na'urori biyu gefe da gefe a kan bango na launuka masu dacewa (ruwan hoda, kore, azurfa, shuɗin sama), kowane kati filin launi mai faɗi tare da samfurin a tsakiya. Hotunan dalla-dalla suna amfani da kusanci mai tsauri (hinge na kwamfutar tafi-da-gidanka, module na kyamara) a kan bango mai tsaka tsaki. Babu zane-zane, babu zane-zane masu kama-da-wane, babu hotuna masu ado - samfurin da kansa shine ɓangaren gani. Iconography yana ko'ina - gumakan layi na monochrome a cikin salon Alamomin SF, kauri 1.5-2px, an ɗauko daga saitin alamar tsarin Apple. Ana yin ɗaukar hoto koyaushe ta hanyar babban maɓalli: haske iri ɗaya, mara inuwa wanda ke rage samfurin zuwa siffar hoto maimakon abu mai girma uku.
Palette
Alamar kasuwanci
- Electric Blue
#0071e3— Maɓallan aiki da aka cika su ne kawai lafazin launi a cikin UI, ana amfani da su kaɗan kaɗan don kiran aiki. - Link Blue
#0066cc— Hanyoyin haɗin rubutu a layi, hanyoyin haɗin da kibiyoyi da chevrons. - Citrus Gradient
#3b3b23— Wani madadin gamawa wanda ya zama babban abin da samfurin ke amfani da shi shine tushe mai duhu wanda ke ɓacewa zuwa launuka masu launin rawaya-kore.
Tsaka-tsaki
- Primary Ink
#1d1d1f— Kanun labarai, rubutun jiki, da kuma alamun maɓalli sune mafi rinjayen sautin gaba a duk saman; bayan babban hoton samfurin yana canzawa cikin sauƙi daga #1d1d1f mai ƙarfi a sama zuwa shuɗi mai haske. - Mid Gray
#707070— Rubutu na biyu, yanayin kewayawa mara aiki, lakabin UI da aka kashe - Deep Gray
#474747— Rubutun kewayawa da kuma zane-zanen hoto suna cikin matsakaicin rubutu. - Hairline
#d6d6d6— Ƙananan iyakoki tsakanin sassa da abubuwan UI. - Canvas
#f5f5f7— Maɓallin bango na sashe - launin toka mai rabewa da ke raba fararen wurare. - Paper
#ffffff— Faɗin kati, babban shafin bango, rubutun maɓalli a bango mai duhu.
Rubutu
daga 12 zuwa 96px · Matakai 10
- SF Pro Display — maye gurbin: Inter · zane-zane 600, 700 · Kanun labarai na jarumai da ƙananan kanun labarai don nunawa — nauyin 700 a 80–96px tare da tazara tsakanin haruffa mara kyau na -1.44px ya haifar da alamar Apple "babban kanun labarai yana yawo cikin fari." Madadin: Inter, system-ui
- SF Pro Display — maye gurbin: Inter · zane-zane 600 · Kanun sashe, taken kati, ƙananan kanun labarai - font 600 mai ɗan tazara tsakanin haruffa yana jin daɗi da abokantaka a matsakaicin girma, sabanin gajerun kanun labarai da ke sama.
- SF Pro Text — maye gurbin: Inter · zane-zane 400, 500, 600 · Ga rubutun jiki, kewayawa, sakin layi masu goyan baya, da ƙananan taken rubutu, font mai index na 400 a 17px shine babban font. Tazarar haruffa mara kyau yana ba da damar taƙaitaccen babban rubutu akan shafuka masu nauyi na bayanai.
Takaitattun bayanai da tsari
| Manufa | Ma'ana |
|---|---|
| Yawan yawa | mai yawa |
| Mataki na asali | 8-10px |
| Maɓallin radius | 980px |
| Radius na kati | 28px |
| Inuwar | babu - iyakoki maimakon inuwa |
| Tsakanin sassa | 100-120px |
| Faɗin shafi | 1200px |
AI za ta gina gidan yanar gizonku a cikin salon Apple (España) kuma ta cika shi
- Cika da samfura da rubuce-rubuce ta hanyar hanyar haɗin yanar gizo - Instagram, TikTok, Facebook.
- Canja wurin abun ciki daga tsohon shafinka—kawai ka ƙayyade adireshin.
- Tsarin zamani akan mafi kyawun injin: React ( Next.js) tare da nuna sabar da inganta SEO daga cikin akwatin.
- Ingantaccen SEO mai sarrafa kansa don sakamakon bincike da shawarwarin hanyar sadarwa ta jijiyoyi.
Salo makamantansu
- Airbnb — Bangon gidan tarihi mai shiru mai alamar murjani ja ɗaya
- Peak Design — Bangon gallery, wanda aka yi masa haske kaɗan
- Ramp — Sashen kuɗi na edita, shafuka baƙi da fari tare da alamar neon guda ɗaya. Fuskar littafin kusan ɗaya ce, inda bugun lemun tsami mai haske ɗaya mai launin kore ya canza kowace hulɗa zuwa siginar kuɗi.
- 099 SUPPLY — Bangon gidan tarihi cike da abubuwa baƙi da fari
- Orderful — Tashar Kula da Kayayyakin Masana'antu - Jerin abubuwan da aka buga na aika kayan aiki, wanda aka yi da tawada baƙi da ja na tiyata, kowane shafi a ɓoye don bawa ma'aikaci ɗaya damar yin wani abu mai mahimmanci.
- Apple (España) — akwatin nuni na farin gallery
- teenage engineering — Kasida ta masana'antu a cikin hasken studio - samfurin shine kawai abu mai mahimmanci akan shafin, kuma an tattauna komai a kusa da shi
- Apple (España) — Tagar gallery a cikin hazo na safe
- Lightship — Fim ɗin fim na buɗe hanya. Bango mai laushi mai laushi wanda aka ƙawata shi da manyan hotunan shimfidar wuri da aka ɗora a kusa, sirara baƙi mai sirara da ba a iya gani a kan firam ɗin, da kuma wani launin orange mai haske guda ɗaya wanda ke karya launin shuɗi kamar wuta a cikin fili.
- Custo — Gidan adana kayan tarihi mai launin ƙarfe mai rubutu ɗaya. Ɗakin nunin kayan tarihi mai launin toka-kore, inda abu ɗaya mai duhu da rubutu mai girman 57px ke magana da kansu.
- Silencio — Daki fari mai kayan tarihi masu iyo. Nunin kayan tarihi da aka yi da takarda mai ɗumi, inda kowane abu ke ɗaukar matsayinsa a kan bango mai girman da ba shi da kyau, kuma shirun yanke shawara ne da aka yi da gangan.
- ORYZO AI — Rubutun hoto game da ɗakin duhu. Wani abu ɗaya tilo da ke shawagi a cikin duhu mai duhu, rubutu mai laushi kawai abin ado ne.