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 ââauta 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 51ÊÓÆ” Instant Site -sivustossa. TĂ€mĂ€ on tehokas verkkokauppasivustojen rakentaja, joka saa myymĂ€lĂ€si toimimaan nopeasti. Lue lisÀÀ Instant Site -sivuston suunnitteluvaihtoehdoistatai nĂ€hdĂ€ sen toiminnassa.
Fontien vaihtaminen 51ÊÓÆ” Instant Site -editorissa:
- Siirry kohtaan -vĂ€lilehti 51ÊÓÆ”-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 51ÊÓÆ”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?