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
- AYOCIN — Ib lub cim ntawm kev noj qab haus huv ntawm lub hnub. Tsim cov ntxaij vab tshaus uas ua rau peb nco txog ib daim duab sab hauv sov so: cov ntawv loj loj, cov duab ntxoov ntxoo ntawm cov qauv vaj tse uas tsis meej, thiab ib yam khoom uas ci ntsa iab nyob rau hauv qhov chaw ntsiag to thiab zoo nkauj.
- AXEL ARIGATO — Axel Arigato yog ib phau ntawv duab hauv nroog uas qhia txog lub neej tiag tiag. Cov nplooj ntawv no tau muab sau ua ke ua ib kab lus dawb thiab cov duab zam uas raug txiav kom zoo, muaj feem cuam tshuam rau zej zog, thiab muaj cov lus piav qhia dub me me.
- Bose — Ib lub suab nrov ntawm ntug dej hiav txwv. Ib daim duab tshaj tawm uas cua tshuab puv nkaus lub thav duab, thaum cov kev tswj hwm phiaj xwm dub-thiab-dawb tau teeb tsa ib puag ncig nws zoo li cov ntsiab lus meej.
- AVNIER — AVNYE yog qhov chaw thaij duab thaum hmo ntuj. Cov paib tsim khoom dawb thiab cov kab sib luag txiav los ntawm cov duab dub ntawm chav tswj hwm.
- Bauhaus Clock — Cov moos uas tau tshoov siab los ntawm Bauhaus - turquoise mechanical luminescence. Tsim cov chaw uas nyob ntsiag to, kaj nrog cov duab moos tsaus ntuj, zoo li cinematic thiab siv turquoise ua cov ntsiab lus ci ntsa iab tsawg tsawg.
- 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