Apple (España)
Ib lub tsev teev ntuj dawb paug uas tsis tshua hnov cov xov xwm tseem ceeb. Ib lub tsev loj thiab kaj uas muaj 700 lub ntawv loj loj dai saum huab cua, tsuas yog muaj xim pastel thiab ib txoj xov xiav xwb.
Cov lus ntawm nplooj ntawv khoom ntawm Apple yog kev kawm txog kev ua siab dawb ntawm cov ntawv sau: cov ntawv xov xwm loj loj ntawm SF Pro Display uas nyob ib puag ncig lub keeb kwm yav dhau dawb, puag ncig los ntawm qhov chaw dawb loj uas ua rau txhua lo lus zoo li txhob txwm ua. Lub palette yog ze li ntawm monochromatic—cov ntawv hauv #1d1d1f, canvas hloov pauv ntawm #ffffff thiab #f5f5f7—nrog ib qho xiav accent (#0071e3) tshwj tseg rau cov sijhawm sib tham. Xim muaj nyob rau hauv cov duab khoom lawv tus kheej (pastel tones), yeej tsis yog cov khoom siv UI zoo nkauj. Cov khoom tsis muaj thav duab: daim npav puag ncig nrog lub vojvoog 28px, cov nyees khawm zoo li ntsiav tshuaj yuav luag kov cov npoo ntawm nplooj ntawv, tsis muaj cov thawv pom lossis cov duab ntxoov ntxoo poob. Lub suab nrov yog tsim los ntawm kev hloov pauv dawb thiab grey kab txaij, tsis yog cov faib lossis ciam teb.
Cov ntu no nyob rau hauv tag nrho qhov dav ntawm nplooj ntawv, ncab ntug mus rau ntug nrog cov ntaub pua plag loj (kwv yees li 40-100 sab). Qhov dav tshaj plaws ntawm cov ntsiab lus yog nyob rau hauv txhua daim kab. Lub ntsiab lus tseem ceeb yog ib pawg uas nyob hauv nruab nrab: daim ntawv lo zoo li pob muag, lub npe loj dua, ib lub pob hu-rau-kev ua, kab nqe, thiab tom qab ntawd daim duab khoom puv hauv qab ntawm qhov pom. Cov ntu ua raws li tus qauv rov ua dua: lub npe kab sab laug hauv daim kab, ua raws li ob kab nrog cov lus piav qhia khoom (cov ntawv nyeem ntawm sab laug / duab ntawm sab xis lossis hloov pauv), daim phiaj peb kab ntawm daim npav, lossis qhov pom kev pom nruab nrab. Lub suab ntawm cov ntsiab lus yog tswj hwm tag nrho los ntawm kev hloov pauv dawb thiab peb xim keeb kwm yav dhau los nrog qhov sib txawv ntsug ntawm 100-100 cm - tsis muaj cov khoom faib, tsis muaj daim npav nqa cov ntsiab lus. Kev taw qhia thoob ntiaj teb yog ib kab, ruaj khov. Cov ntu qhia txog cov khoom siv cov kab dav dav nrog cov ntaub pua plag loj, qhov twg cov ntawv nyeem nyob hauv nruab nrab hauv cov kab nqaim (~ 560px) tawm tsam thaj chaw pom dav dua.
Cov lus pom ntawm Apple feem ntau yog kev thaij duab khoom: cov duab ze ntawm cov khoom siv kho vajtse tawm tsam keeb kwm dawb lossis xim, tsis muaj cov ntsiab lus ntawm kev ua neej lossis cov xwm txheej. Daim duab tseem ceeb qhia txog tes tuav MacBook Neo ntsuab pastel - lub ntsiab lus tib neeg yog qhov thib ob, qhia txog qhov loj thiab cov qauv es tsis yog kev xav. Hauv cov ntu ntawm cov khoom sib txawv, ob lub cuab yeej tau nthuav tawm ua ke tawm tsam keeb kwm yav dhau ntawm cov xim sib phim (xim liab, ntsuab, nyiaj, xiav ntuj), txhua daim npav yog daim teb xim tiaj tus nrog cov khoom nyob hauv nruab nrab. Cov duab ntxaws ntxaws siv cov duab ze heev (lub pob khawm laptop, lub koob yees duab module) tawm tsam keeb kwm yav dhau nruab nrab. Tsis muaj cov duab kos, tsis muaj cov duab kos abstract, tsis muaj cov duab kho kom zoo nkauj - cov khoom nws tus kheej yog cov khoom pom. Iconography nyob txhua qhov chaw - cov cim kab monochrome hauv SF Symbols style, 1.5–2px tuab, coj los ntawm Apple system icon teeb tsa. Cov duab thaij ib txwm ua tiav hauv txoj kev tseem ceeb: teeb pom kev zoo sib xws, tsis muaj duab ntxoov ntxoo uas txo cov khoom mus rau daim ntawv duab es tsis yog khoom peb-seem.
Xim av
Hom
- Electric Blue
#0071e3— Cov nyees khawm ua haujlwm puv nkaus yog tib xim tseem ceeb hauv UI, siv tsawg tsawg rau kev hu kom ua haujlwm. - Link Blue
#0066cc— Cov kev sib txuas lus hauv kab, cov kev sib txuas nrog xub thiab chevrons. - Citrus Gradient
#3b3b23— Ib qho xim tiav uas tau dhau los ua qhov tshwj xeeb ntawm cov khoom yog lub hauv paus tsaus uas ploj mus rau hauv cov xim daj-ntsuab.
Nruab nrab
- Primary Ink
#1d1d1f— Cov ntawv xov xwm tseem ceeb, cov ntawv sau hauv lub cev, thiab cov ntawv lo rau ntawm lub pob yog lub suab tseem ceeb ntawm txhua qhov chaw; keeb kwm yav dhau ntawm daim duab khoom tseem ceeb hloov pauv mus zoo los ntawm #1d1d1f khov kho rau sab saum toj mus rau xiav chromatic. - Mid Gray
#707070— Cov ntawv nyeem thib ob, lub xeev kev taw qhia tsis ua haujlwm, cov ntawv cim UI uas tsis muaj suab nrov - Deep Gray
#474747— Cov ntawv qhia kev thiab cov duab cim yog siv cov ntawv nruab nrab. - Hairline
#d6d6d6— Cov ciam teb nyias nyias ntawm cov ntu thiab cov ntsiab lus UI. - Canvas
#f5f5f7— Cov keeb kwm yav dhau los sib hloov - ib txoj kab grey uas cais cov chaw dawb. - Paper
#ffffff— Qhov saum npoo ntawm daim npav, keeb kwm yav dhau ntawm nplooj ntawv tseem ceeb, cov ntawv sau ntawm lub pob ntawm keeb kwm yav dhau tsaus ntuj.
Kev sau ntawv
txij li 12 mus rau 96px · 10 kauj ruam
- SF Pro Display — hloov: Inter · cov qauv qhia 600, 700 · Cov npe ntawm cov phab ej thiab cov npe me rau kev tso saib - 700 qhov hnyav ntawm 80–96px nrog qhov sib nrug ntawm tsab ntawv tsis zoo ntawm -1.44px tsim Apple lub npe "loj heev uas ntab hauv dawb." Cov hloov pauv: Inter, system-ui
- SF Pro Display — hloov: Inter · cov qauv qhia 600 · Cov ntawv sau hauv seem, cov npe ntawm daim npav, cov ntawv sau me - cov ntawv sau 600 nrog qhov sib nrug zoo me ntsis zoo li sov so thiab tus phooj ywg ntawm qhov loj me nruab nrab, tsis zoo li cov ntawv sau luv luv saum toj no.
- SF Pro Text — hloov: Inter · cov qauv qhia 400, 500, 600 · Rau cov ntawv sau hauv lub cev, kev taw qhia, cov nqe lus txhawb nqa, thiab cov lus piav qhia me me, cov ntawv sau nrog tus lej 400 ntawm 17px yog cov ntawv tseem ceeb. Qhov sib nrug ntawm cov ntawv tsis zoo tso cai rau cov ntawv tseem ceeb luv dua ntawm cov nplooj ntawv muaj ntaub ntawv ntau.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | ntom ntom |
| Kauj ruam yooj yim | 8-10px |
| Lub vojvoog ntawm lub pob | 980px |
| Lub vojvoog ntawm daim npav | 28px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 100-120px |
| Qhov dav ntawm nplooj ntawv | 1200px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Apple (España) thiab sau nws
- Sau cov khoom thiab cov ntawv tshaj tawm los ntawm qhov txuas - Instagram, TikTok, Facebook.
- Hloov cov ntsiab lus ntawm koj lub xaib qub - tsuas yog qhia qhov chaw nyob xwb.
- Tsim qauv niaj hnub ntawm lub cav zoo tshaj plaws: React ( Next.js) nrog rau kev ua haujlwm ntawm lub server thiab kev ua kom zoo dua SEO tawm ntawm lub thawv.
- Kev ua kom zoo dua SEO tag nrho rau cov txiaj ntsig tshawb nrhiav thiab cov lus pom zoo ntawm neural network.
Cov qauv zoo sib xws
- Airbnb — Ib phab ntsa dawb ntsiag to nrog ib daim ntawv cim xim liab coral
- Peak Design — Phab ntsa ntawm lub tsev khaws puav pheej, ci ntsa iab ib nrab
- Ramp — Lub chaw haujlwm nyiaj txiag ntawm cov ntawv xov xwm, cov nplooj ntawv dub thiab dawb nrog ib lub cim neon. Qhov chaw ntawm cov ntawv xov xwm yuav luag yog xim monochrome, qhov twg ib qho xim ntsuab ci ntsa iab hloov txhua qhov kev sib cuam tshuam mus ua lub cim nyiaj txiag.
- 099 SUPPLY — Ib phab ntsa gallery puv nrog cov khoom dub thiab dawb
- Orderful — Daim Ntawv Tswj Xyuas Kev Thauj Mus Los Hauv Kev Lag Luam - Daim ntawv teev cov neeg xa khoom xa tuaj uas luam tawm, ua los ntawm cwj mem dub thiab xim liab, txhua nplooj ntawv zais cia kom ib tus neeg teb xov tooj tuaj yeem qw tawm qee yam tseem ceeb.
- Apple (España) — lub thawv tso saib dawb gallery
- teenage engineering — Cov ntawv teev khoom lag luam hauv studio teeb pom kev zoo - cov khoom yog tib yam khoom tseem ceeb ntawm nplooj ntawv, thiab txhua yam lwm yam tau tham txog nyob ib puag ncig nws
- Apple (España) — Lub qhov rais gallery hauv huab cua thaum sawv ntxov
- Lightship — Ib daim duab diorama zoo li zaj duab xis ntawm txoj kev qhib. Cov phab ntsa gallery sov so uas dai kom zoo nkauj nrog cov duab loj loj uas tau teeb tsa ze ze, cov duab dub nyias nyias tsis pom ntawm cov thav duab, thiab ib qho xim txiv kab ntxwv ci ntsa iab ua rau cov monochrome zoo li hluav taws kub hauv hav zoov tawg.
- Custo — Ib lub tsev khaws puav pheej xim av nrog rau cov ntawv sau ib leeg. Ib lub chaw tso khoom hauv cov xim grey-ntsuab uas tsis muaj xim, qhov twg ib yam khoom tsaus nti thiab cov ntawv sau 57px hais lus rau lawv tus kheej.
- Silencio — Ib chav dawb uas muaj tej khoom siv uas ntab saum ntuj. Ib daim duab kos ua los ntawm ntawv sov sov, qhov twg txhua yam nyob hauv nws qhov chaw nrog lub keeb kwm yav dhau uas tsis muaj suab nrov, thiab qhov ntsiag to yog qhov kev txiav txim siab tsim los ntawm lub siab xav.
- ORYZO AI — Ib daim duab sau txog ib chav tsaus ntuj. Ib yam khoom nyob ib leeg hauv qhov tsaus ntuj sov so, xim dawb yog tib qho kho kom zoo nkauj xwb.