IKEA
ib lub chaw muag rooj tog Swedish uas tau raug tshav ntuj thiab raug rhuav tshem
IKEA lub interface zoo li ib daim ntawv xov xwm uas muaj qhov sib txawv siab: hom ntawv ze li dub rau ntawm keeb kwm yav dhau dawb sov so, ua tiav los ntawm cov vaj huam sib luag daj tiaj tiaj uas ua haujlwm ua thaj chaw hu rau kev nqis tes ua. Lub kaw lus yog minimalist txhob txwm ua - ib qho kev cai sans-serif font (Noto IKEA) hauv ob qhov hnyav (400 thiab 700), ib lub ces kaum rau txhua qhov khoom, thiab tsis muaj duab ntxoov ntxoo lossis gradients. Qhov compact no yog structural, tsis yog minimalist sib txawv: qhov sib nrug ntawm tsab ntawv tsis zoo (-0.029em hauv lub npe, -0.027em hauv lub cev daim ntawv) muab txawm tias 13px daim ntawv lo rau ib qho kev xav architectural. Daim npav loj thiab tsom mus rau cov ntsiab lus xov xwm, teeb tsa hauv ob kab loj nrog cov ntawv overlays xws li gradient mus rau dub rau kev nyeem tau zoo dua. Tus ntawv daj #ffdb00 ua txhua yam haujlwm rau lub interface - nws tsis kho kom zoo nkauj, nws tsuas yog qhib.
Ib qho kev tsim dav dav nrog lub thawv ntim cov ntsiab lus hauv nruab nrab txwv rau kwv yees li 1440px. Kev taw qhia yog ib qho yooj yim, tsis nplaum sab saum toj. Nplooj ntawv yog tsim los ntawm cov ntawv kab rov tav uas muab tso rau ntsug nrog kwv yees li 80px qhov sib txawv. Tus qauv "hero" yog ib qho kev teeb tsa sib cais - 2/3 daim npav xov xwm (duab) + 1/3 daim npav daj khov kho nrog kev hu kom ua. Lub cev tseem ceeb ntawm nplooj ntawv siv ob kab ntawv sib txuas ntawm cov ntawv, hloov cov blocks ntawm cov duab thiab cov ntawv nyeem. Cov ntsiab lus ntom ntom yog qhov dav, yeej tsis me me. Cov ntawv loj (kwv yees li 600x400 pixels yam tsawg kawg nkaus) nrog cov padding dav. Ntu "Timeline/History" faib cov grid nrog cov lej loj. Tsis muaj sidebar, tsis muaj mega-menu, tsis muaj kev tsim kho navigation nyuaj.
Cov lus pom yog feem ntau yog cov khoom lag luam thiab kev thaij duab hauv lub neej. Kev kho kom zoo nkauj: qhov kaj, teeb pom kev zoo ntuj, sov so Scandinavian sab hauv nrog kev xav tias nyob hauv - tsis yog qhov dawb ntawm lub studio. Tib neeg tshwm sim hauv cov xwm txheej ntawm kev sib cuam tshuam nrog cov khoom (tuav, sib dhos, siv). Cov duab ib txwm nyob hauv qhov dav tag nrho ntawm daim npav, yeej tsis txiav rau cov duab organic. Cov xim dub gradient tshwm sim hauv qab ntawm txhua daim npav nrog cov ntawv nyeem. Cov duab kos tiaj tus qee zaum tshwm sim (piv txwv li, daim ntawv qhia ntawm lub teb chaws Yelemees nrog cov cim kab lis kev cai hauv turquoise, ntsuab, thiab txiv kab ntxwv). Cov duab tau ua tiav hauv cov qauv kho kom zoo nkauj: tsis muaj cov nyhuv duab zoo nkauj, tsis muaj kev kho xim zoo nkauj dhau.
Xim av
Hom
- IKEA Yellow
#ffdb00— Cov ntsiab lus tseem ceeb rau kev sau cov lus hu kom ua, keeb kwm yav dhau los rau cov ntawv nrog cov duab tshwj xeeb, cov vaj huam sib luag hauv lub qhov rais tseem ceeb - ib qho xim tshwj xeeb ntawm lub kaw lus.
Nruab nrab
- Ink Black
#111111— Cov ntawv tseem ceeb, cov ntawv hauv lub cev, cov npe, cov ciam teb tseem ceeb (851 qhov tshwm sim), cov duab qhia ntawm lub cim. - Pure White
#ffffff— Keeb kwm yav dhau ntawm nplooj ntawv, qhov chaw ntawm daim npav, keeb kwm yav dhau los ntawm kev taw qhia, cov ntawv sau ntawm lub pob ntawm keeb kwm yav dhau tsaus ntuj. - Warm White
#fffefb— Ib qho xim av me ntsis rau cov nyees khawm thiab daim npav—tsis sov dua li dawb huv—ua rau lub digital txias ploj mus. - Steel Gray
#818181— Cov ntawv nyeem thib ob, cov ciam teb uas tsis muaj suab, cov cim qhia tias tsis ua haujlwm - True Black
#000000— Cov cim SVG puv, cov ciam teb ntawm cov ntawv nkag, thiab cov xim dub tob uas xav tau qhov sib txawv siab tshaj plaws. - Link Blue
#0159a3— Cov xim txuas ntawv, siv dav hauv kev taw qhia thiab cov txuas tseem ceeb, yog tib xim xiav hauv lub system.
Kev sau ntawv
txij li 13 mus rau 51px · 5 kauj ruam
- Noto IKEA — hloov: Inter · cov qauv qhia 400, 700 · Tsuas yog cov ntawv sau uas siv yog IKEA lub npe nrov Noto xwb. Lub kaw lus ob-qhov hnyav (400 tus lej ib txwm, 700 tus lej tuab) yog txhob txwm txwv: tsis muaj cov ntawv italic, nruab nrab, lossis lub teeb. Cov ntawv sau ntawm 700 point, ntawm 36–51px, qhia txog tag nrho cov qauv ntawm lub hom; daim ntawv luam ntawm 16px tseem nyob nruab nrab. Qhov sib nrug ntawm tsab ntawv txo qis thaum qhov loj nce, ua rau cov ntawv sau muaj qhov sib xyaw thiab zoo li lub tsev.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | nruab nrab |
| Kauj ruam yooj yim | 24px |
| Lub vojvoog ntawm lub pob | 8px |
| Lub vojvoog ntawm daim npav | 8px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 80px |
| Qhov dav ntawm nplooj ntawv | 1440px |
AI yuav tsim koj lub vev xaib hauv hom ntawv IKEA 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
- MindMarket — Ib phau ntawv dab neeg zoo nkauj uas muaj ntawv dawb - ib daim ntaub zoo nkauj uas muaj cov ntawv xov xwm loj thiab cov cim ntawv txiav ua ke nyob ua ke ntawm qhov chaw uas muaj hnub ci ntsa iab thiab mos mos.
- Lamborghini — Xim dub lub cev hauv chav tso khoom, hauv qab lub teeb pom kev zoo - ib lub tsheb daj
- amp — Xim txiv kab ntxwv sov so tawm tsam keeb kwm yav dhau dawb txias. Tus qauv tsim no ua rau peb nco txog cov khoom siv qoj ib ce zoo nkauj uas tau thaij duab hauv chav tsev uas muaj hnub ci ntsa iab: ib yam khoom, ib qho tshwj xeeb, ib daim ntawv sau uas muaj kev ntseeg siab uas ua txhua yam haujlwm.
- LUNCH — lub podium velvet rau ntawm daim ntawv parchment sov
- Microsoft — Cov ntawv teev khoom muag siv xim xiav tshwj xeeb—xav txog lub logo plaub fab ntawm pem teb chav tso khoom dawb, qhov twg txhua yam khoom tsim yog xiav.
- Vibrants — Lub Tsev Muag Tshuaj Skyborne nyob rau ntawm lub pob zeb dawb - kua xiav tsaus yog lub mortar thiab lub spectrum zaj sawv yog cov tshuaj
- Isla Beauty — Cov qauv tshuaj pleev ib ce zoo li creamy apothecary nrog cov xim liab phais - xav txog cov phab ntsa parchment sov so, cov fwj xim av daj, thiab ib lub cim liab rau ntawm txhua daim ntawv lo.
- Swap — Mint Editorial Gallery: Lub teeb sage ntxoov ntxoo hauv chav nrog cov xim txiv qaub ci ntsa iab thiab cov xim serifs me me
- Cursor — Ib lub chaw ua parchment cozy, ci ntsa iab los ntawm cov thee hlawv
- Structured — Renaissance gallery ntawm daim ntawv zoo li plasticine
- Apple (España) — Lub tsev khaws puav pheej lub tsev khaws puav pheej, thaum lub hnub ci ntsa iab, yog ib qho chaw dawb uas ntxim nyiam, tsis hnyav, nrog txhua qhov khoom pov thawj ci ntsa iab los ntawm lub teeb pom kev zoo tawm tsam phab ntsa uas muaj xim me ntsis.
- Amplemarket — Ib qho chaw ua haujlwm uas muaj hnub ci ntsa iab puv nrog cov ntawv confetti