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 ºÚÁÏÃÅ 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?