Tiedemiehet v盲itt盲v盲t, ett盲 sinulla on noin kiinnitt盲盲ksesi k盲ytt盲jien huomion ennen kuin he poistuvat sivustostasi tuntemattomien osien vuoksi. Haluat siis todella tehd盲 ensimm盲isist盲 10 sekunnista huomion (ei sanailua).
Sivustosi otsikkoalueen teksti on t盲rke盲 tietol盲hde. Mit盲 sin盲 sanot? on tietysti merkitt盲v盲盲, mutta se on my枚s t盲rke盲盲 ottaa huomioon miten sin盲 sanot sen.
Typografia on verkkosivustosi 盲盲ni. Oikean typografian valitseminen ei ainoastaan 鈥嬧�媋uta viestim盲盲n viesti盲si, vaan sill盲 on my枚s voima vaikuttaa s盲vyyn ja jopa tehd盲 br盲ndist盲si tunnistettavampi. Siksi maailmassa on yli 300,000 XNUMX fonttia, joista valita, klassisista鈥� no, hulluun.
Kanadalaisen taiteilijan Jenny Shipperin fontti on oodi Federico Fellinin elokuville
Kun on niin monia vaihtoehtoja, oman oikean tyylisi l枚yt盲minen voi olla haaste, varsinkin jos et tied盲, miten kirjasimet toimivat yhdess盲. T盲ss盲 viestiss盲 k盲ymme l盲pi joitakin suosikkikirjasinpareistamme, jotta voit suunnitella muunnettavan otsikkoviestin.
Kaikki alla olevat esimerkit on luotu suunnitteluty枚kaluilla, jotka ovat saatavilla 黑料门 Instant Site -sivustossa 鈥� ilmainen ja tehokas verkkokauppasivustojen rakennusty枚kalu, joka saa myym盲l盲si valmiiksi ja myyntiin nopeasti. Lue lis盲盲 Instant Site -sivuston suunnitteluvaihtoehdoistatai n盲hd盲 sen toiminnassa.
Fontien vaihtaminen 黑料门 Instant Site -editorissa:
- Siirry kohtaan -v盲lilehti 黑料门-ohjauspaneelissa ja napsauta Muokkaa;
- Valitse "Otsikko ja kansi;"
- Kirjoita myym盲l盲si otsikko ja kuvaus. Valitse kannen asettelu ja muuta sen sijaintia ja kohdistusta tarvittaessa. T盲盲lt盲 voit my枚s vaihtaa taustaa ja toimintakehotuspainiketta halutessasi;
- Vierit盲 alas ja valitse "Typografia;"
- Valitse otsikollesi ja kuvaukselle kirjasinperheet, v盲rit ja koot.
- 脛l盲 unohda painaa "Tallenna" -painiketta, kun olet valmis.
Spirax + Open Sans Condensed
Spiraxin alkuper盲iset k盲yr盲t antavat otsikoille hienostuneen mutta hassun ilmeen
Merriweather + Oswald
Merriweatheria on miellytt盲v盲 lukea n盲yt枚ilt盲 hieman tiivistetyill盲 kirjainmuodoilla, j盲ykill盲 serifeill盲 ja avoimilla muotoillaan. Se on t盲ydellisesti sopusoinnussa Oswaldin kanssa, kirjasin, joka on saanut inspiraationsa 19-luvun lopun ja 20-luvun alun klassisista gootti- ja groteskista tyylist盲. T盲m盲 pariliitos saattaa sopia kauppaan, joka myy
Abril Fatface + Cabin
Ohut serifit ja
Montserrat + Merriweather
Montserrat perustuu 20-luvun alkupuolen kaupunkitypografiaan, jota t盲ydent盲v盲t Merriweatherin hieman tiivistetyt kirjaimet. T盲m盲 paritus toimisi hyvin laukku- tai lenkkarikaupassa.
Overlock + Nunito
Overlockin py枚ristetyt kuviomuodot tekev盲t upeista otsikoista ja lyhyist盲 teksteist盲
Playfair Display + Source Sans Pro
Playfair Displayn klassinen tyyli on viel盲kin n盲kyv盲mpi, kun se yhdistet盲盲n Source Sans Pron kanssa, joka on luotu toimimaan hyvin k盲ytt枚liittymiss盲. T盲m盲 ajaton yhdistelm盲 toimisi hyvin naisten kauneustuotteisiin erikoistuneiden liikkeiden tai mekkoliikkeiden kanssa.
Alegreya + Lato
Alegreyan dynaaminen ja monipuolinen rytmi tuo sivulle raikkautta ja k盲ynnist盲盲 Laton
Rokkitt + Lato
Rokkitt on suunniteltu k盲ytett盲v盲ksi n盲ytt枚fontina otsikoissa ja otsikoissa. Yhdist盲 se kanssa
Quicksand + Proxima Nova
Geometriset muodot ovat Quicksandin ydin, joten yhdist盲 se Proxima Novan modernin herkkyyden kanssa antaaksesi asettelullesi puhtaan, raikkaan kosketuksen. Jos myyt leluja tai lastenrattaita, n盲m盲 fontit voivat toimia sinulle hyvin.
Happi + Maven Pro
Oxygen toimii hyvin kaikissa graafisissa k盲ytt枚liittymiss盲, p枚yt盲tietokoneissa ja laitteissa, erityisesti yhdess盲 Maven Pron helppolukuisuuden kanssa. Katso t盲m盲 pariliitos, jos verkkosivustollasi myyd盲盲n silm盲laseja tai kuntoilutarvikkeita.
Dancing Script + Lato
Eloisa ja rento Dancing Script antaa sivullesi yst盲v盲llisen ja ep盲muodollisen ilmeen korostaen Laton klassisia mittasuhteita ja tyylik盲st盲 san serif -estetiikkaa. Lahja- ja postikorttikaupat voivat hy枚ty盲 t盲st盲 sarjasta.
Signika + Annos
Signikan lempe盲 luonne sopii mainiosti otsikoihin, kun taas Dosis tekee lis盲teksteist盲 melko helposti luettavia. T盲m盲 pariliitos toimii monenlaisissa myym盲l枚iss盲 elektroniikasta kukkaisiin.
Reenie Beanie + Muli
Reenie Beanie perustuu perus
Questrial + Muli
San serif Muli tekee t盲ydellisen leip盲tekstin fontin, ja sen hillitty esteettisyys tarkoittaa, ett盲 se sopii hyvin yhteen useiden otsikkofonttien kanssa: kuten Questrial modernilla tyylill盲盲n ja
Berkshire Swash + Proxima Nova
Berkshire Swash on rohkea mutta lempe盲, mik盲 tekee otsikosta el盲v盲n ja tarjoaa h盲mm盲stytt盲v盲n tasapainon Proxima Novan yksinkertaisten, modernien mittasuhteiden ja geometrisen ulkon盲枚n kanssa. K盲sintehty kosmetiikka tai j盲lkiruoat hy枚tyisiv盲t t盲st盲 sekoituksesta.
Fonttiparien perusteet
Etk枚 l枚yt盲nyt etsim盲盲si luettelostamme? Jos tunnet itsesi luovaksi, kokeile leikki盲 fonteilla ja l枚yd盲 oma kaunis fonttiyhdistelm盲si.
T盲ss盲 on joitain perusohjeita, joita on noudatettava:
- Luo kontrasti fonttien v盲lille (lihavoitu ja kursiivi-, TALL & lyhyt)
- Yhdist盲 serif ja
san-serif fontit (kuten Libre Baskerville + Signika). - 脛l盲 k盲yt盲 kahta samanlaista kirjasinta (esimerkiksi kahta kursiivia) sek盲 otsikossa ett盲 leip盲tekstiss盲. Monimuotoisuuden luominen kiinnitt盲盲 huomion ja auttaa asiakasta sitoutumaan jokaiseen osioon erikseen.
- Tee fontista br盲ndi盲si vastaavaksi. Leikkiset k盲sinkirjoitetut kirjeet eiv盲t ehk盲 sovi parhaiten korkealaatuiselle korumerkille.
- Rajoita itsesi
2-3 kirjasimia, jotta sis盲lt枚si ei n盲yt盲 sekavalta.
Lue my枚s: 50 esimerkillist盲 verkkokauppaa, jotka on rakennettu 黑料门in avulla
- Kaupan navigoinnin korjaaminen
- Kaikki mit盲 sinun tulee tiet盲盲 tuotteiden markkinoinnista
- Verkkokaupank盲ynti: tuotteiden asettelu verkkokaupassa
- Mit盲 on muotimarkkinointi ja miksi se on niin t盲rke盲盲?
- 10 verkkokauppojen suunnitteluvirhett盲
- 15 t盲ydellist盲 kirjasinparia verkkokauppasivustollesi
- V盲riteoria: kaikki mit盲 sinun tarvitsee tiet盲盲 v盲riteemoista
- 7 luovaa ideaa verkkokaupan tuotesivullesi
- Sankarikuvan voima verkkosuunnittelussa
Pakkohankinta Verkkokaupassa noudatettavat UX-periaatteet- Verkkosivuston suunnittelun tarkastus
- Vapauta UX-suunnittelun voima verkkokaupassa
- Mit盲 eroa k盲ytt枚liittym盲ll盲 ja UX:ll盲 on verkkokaupassa?
