A tudósok azt állítják, hogy kb
A webhely fejlécében található szöveg kulcsfontosságú információforrás. Mit mondasz nyilvánvalóan jelentős, de azt is fontos figyelembe venni hogyan te mondod.
A tipográfia a webhely hangja. A megfelelő tipográfia kiválasztása nemcsak az üzenet közvetítését segíti elő, hanem képes befolyásolni a hangszínt is, sőt felismerhetőbbé teszi a márkáját. Éppen ezért a világon több mint 300,000 XNUMX betűtípus közül választhat, a klasszikustól a… nos, őrültig.

Jenny Shipper kanadai művész betűtípusa egy óda Federico Fellini filmjeinek
A sok lehetőség mellett kihívást jelenthet megtalálni a saját stílusát, különösen akkor, ha nem ismeri a betűtípusok együttműködését. Ebben a bejegyzésben áttekintünk néhány kedvenc betűtípus-párosításunkat, hogy segíthessünk egy konvertáló fejlécüzenet megtervezésében.
Az alábbi példák mindegyike az Ecwid Instant Site-ben elérhető tervezőeszközökkel készült – egy ingyenes és hatékony e-kereskedelmi webhely-készítő, amellyel üzlete gyorsan felkelhet. Tudjon meg többet az Instant Site tervezési lehetőségeirőlvagy iratkozz fel ingyen működés közben látni.
A betűtípusok megváltoztatása az Ecwid Instant Site szerkesztőben:
- Menj a weboldal fület az Ecwid vezérlőpultján, és kattintson a „Szerkesztés” gombra;
- Válassza a „Címsor és borító” lehetőséget.
- Írja be az üzlet címét és leírását. Válassza ki a borító elrendezését, és módosítsa a helyzetét és az igazítását, ha szükséges. Innen módosíthatja a hátteret és a cselekvésre ösztönző gombot is, ha szükséges;
- Görgessen le, és válassza a „Tipográfia” lehetőséget;
- Válasszon betűtípuscsaládokat, színeket és méreteket címsorához és leírásához;
- Ne felejtse el megnyomni a „Mentés” gombot, ha végzett.
Spirax + Open Sans Condensed
A Spirax eredeti ívei kifinomult, de szeszélyes megjelenést kölcsönöznek a címlapoknak

Merriweather + Oswald
A Merriweathert kellemes olvasni a képernyőkön enyhén tömörített betűformáival, masszív serifjeivel és nyitott formáival. Tökéletesen összhangban van az Oswald betűtípussal, amelyet a 19. század végének és a 20. század eleji klasszikus gótikus és groteszk stílusok ihlettek. Ez a párosítás megfelelhet egy árusító üzletnek

Abril Fatface + Cabin
A vékony serifek és

Montserrat + Merriweather
A Montserrat a 20. század első felének városi tipográfiáján alapul, amelyet Merriweather kissé tömörített betűformái egészítenek ki. Ezt a párosítást táska- vagy tornacipő-boltban is jól szolgálná.

Overlock + Nunito
Az Overlock lekerekített karakterjel-formái nagyszerű címeket és rövid szövegeket tesznek lehetővé

Playfair Display + Source Sans Pro
A Playfair Display klasszikus stílusa még szembetűnőbb, ha a Source Sans Pro-val párosul, amelyet úgy hoztak létre, hogy jól működjön a felhasználói felületeken. Ez az időtlen kombináció jól használható a női szépségápolási termékekre szakosodott üzletekben vagy ruhaüzletekben.

Alegreya + Lato
Alegreya dinamikus és változatos ritmusa frissességet ad az oldalnak, elindítva Latoét.

Rokkitt + Lato
A Rokkitt címsorok és címsorok megjelenítési betűtípusaként készült. Kombináld vele

Quicksand + Proxima Nova
A geometriai formák a Quicksand alapja, ezért párosítsa a Proxima Nova modern érzékenységével, hogy elrendezésének tiszta, friss tapintása legyen. Ha játékokat vagy babakocsikat árul, ezek a betűtípusok jól működhetnek az Ön számára.

Oxigén + Maven Pro
Az Oxygen jól működik minden grafikus felhasználói felületen, asztali számítógépen és eszközön, különösen a Maven Pro könnyű olvashatóságával kombinálva. Tekintse meg ezt a párosítást, ha webhelye szemüvegeket vagy fitneszkiegészítőket árul.

Dancing Script + Lato
Az élénk és lezser Dancing Script barátságos és kötetlen hangulatot kölcsönöz oldalának, hangsúlyozva Lato klasszikus arányait és az elegáns san serif esztétikát. Az ajándék- és képeslapboltok számára előnyös lehet ez a készlet.

Signika + Dózis
A Signika gyengéd karaktere remekül beválik a címsorokba, míg a Dosis meglehetősen könnyen olvashatóvá teszi a kiegészítő szövegeket. Ez a párosítás sokféle üzletben működik, az elektronikai cikkektől a virágokig.

Reenie Beanie + Muli
A Reenie Beanie alapja az alap

Questrial + Muli
A San serif Muli tökéletes törzsszöveg-betűtípust készít, és visszafogott esztétikája azt jelenti, hogy jól párosítható számos címsor-betűtípussal: például a Questrial modern stílusával és

Berkshire Swash + Proxima Nova
A Berkshire Swash merész, de gyengéd hangulattal rendelkezik, amely élénk címet kölcsönöz, és csodálatos egyensúlyt biztosít a Proxima Nova egyszerű, modern arányaival és geometrikus megjelenésével. A kézzel készített kozmetikumok vagy desszertek hasznosak lehetnek ebből a keverékből.

A betűpárosítás alapjai
Nem találta a listánkban, amit keres? Ha kreatívnak érzi magát, próbáljon meg játszani a betűtípusokkal az ingyenes Instant Site szerkesztőben és találja meg saját gyönyörű betűtípus-kombinációját.
Íme néhány követendő alapvető irányelv:
- Kontraszt létrehozása a betűtípusok között (félkövér és kurzív, MAGAS és rövid)
- Kombinálja a serif és
san-serif betűtípusok (például Libre Baskerville + Signika). - Ne használjon két hasonló betűtípust (például két kurzív betűtípust) a címsorhoz és a törzsszöveghez egyaránt. A változatosság megteremtése felhívja a figyelmet, és segít ügyfelei számára, hogy az egyes részekkel külön-külön foglalkozzanak.
- A betűtípus illeszkedjen a márkához. A játékos kézzel írt levelek valószínűleg nem a legjobbak egy prémium ékszermárkához.
- Korlátozza magát
2-3 betűtípusokat, hogy a tartalom ne tűnjön zsúfoltnak.
Lásd még: 50 példaértékű online áruház az Ecwid segítségével
- Az üzlet navigációjának javítása
- Minden, amit a termékértékesítésről tudnia kell
- Online árusítás: Termékek elrendezése az online áruházban
- Mi az a divatkereskedés, és miért olyan fontos?
- Az online áruházak 10 tervezési hibája
- 15 tökéletes betűpárosítás az Ön e-kereskedelmi webhelyéhez
- Színelmélet: Minden, amit a színtémákról tudni kell
- 7 kreatív ötlet e-kereskedelmi termékoldalához
- A hőskép ereje a webdesignban
Kell Az online áruházban követendő UX-elvek- Weboldal tervezés audit
- Az UX tervezés erejének felszabadítása az e-kereskedelem számára
- Mi a különbség a felhasználói felület és az UX között az e-kereskedelemben?