Tiedemiehet väittävät, että sinulla on noin 10-20 sekuntia saada käyttäjiä kiinni’ huomiota ennen kuin he lähtevät sivustoltasi tuntemattomien osien vuoksi. Joten haluat todella tehdä sen ensin 10 sekuntit lasketaan (ei sanailua tarkoitettu).
Sivustosi otsikkoalueen teksti on tärkeä tietolähde. Mitä sanot on ilmeisen merkittävää, mutta se on myös tärkeää harkita Miten sano sinä se.
Typografia on verkkosivustosi ääni. Oikean typografian valitseminen auttaa viestisi välittämisessä, mutta sillä on myös voimaa vaikuttaa sävyyn ja jopa tehdä brändistäsi tunnistettavampi. Siksi niitä on yli 300,000 fontteja maailmassa, aina klassisesta… no, hullu.
Niin monella vaihtoehdolla, oman 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 Ecwid Instant Site -sivustossa – ilmainen ja tehokas verkkokauppasivustojen rakennustyökalu, joka saa myymäläsi valmiiksi ja myyntiin nopeasti.. Lue lisää Instant Site -sivuston suunnitteluvaihtoehdoista, tai Kirjaudu sisään ilmaiseksi nähdä sen toiminnassa.
Kirjasimien vaihtaminen Ecwid Instant Site -editorissa:
- Siirry kohtaan Verkkosivusto -välilehti Ecwid-ohjauspaneelissa ja napsauta Muokkaa;”
- Valitse "Otsikko & Peite;”
- Kirjoita myymäläsi otsikko ja kuvaus. Valitse kannen asettelu ja muuta sen sijaintia ja kohdistusta tarvittaessa. Täältä, Voit myös halutessasi vaihtaa taustaa ja toimintakehotuspainiketta;
- Vieritä alas ja valitse "Typografia;”
- Valitse kirjasinperheet, värit, ja koot otsikollesi ja kuvauksellesi;
- Älä unohda painaa "Tallenna" -painiketta, kun olet valmis.
Spirax + Avaa Sans Condensed
Spiraxin alkuperäiset käyrät antavat otsikoihin hienostuneen mutta omituisen ilmeen, joka sopii hyvin Open Sans Condensedin avoimiin ja neutraaleihin muotoihin.. Tämä yhdistelmä voi toimia sinulle, jos myyt jotain ainutlaatuisesti suunniteltua, kuten käsintehtyjä koruja.
Merriweather + Oswald
Merriweatheria on miellyttävä lukea näytöiltä hieman tiivistyneillä kirjainmuodoilla, tukevat serifit, ja avoimet lomakkeet. Se on täysin sopusoinnussa Oswaldin kanssa, kirjasin, joka on saanut inspiraationsa 1800-luvun lopun ja 1900-luvun alun klassisista goottilaisista ja groteskista tyylistä. Tämä pariliitos voi sopia liikkeeseen, joka myy korkealuokkaisia mittatilaustuotteita, kuten kelloja tai nahkatarvikkeita.
Abril Fatface + Mökki
Abril Fatfacen ohuet serifit ja hyvin pyöristetyt kaaret antavat otsikoille tyylikkään mutta leikkisän ilmeen, joka sopii hyvin yhteen Cabinin modernismin kosketuksen kanssa. Kokeile näitä fontteja, jos myyt paperituotteita tai kirjoja.
Montserrat + Merriweather
Montserrat perustuu kaupunkitypografiaan 1900-luvun ensimmäiseltä puoliskolta, jota täydentävät Merriweatherin hieman tiivistetyt kirjainmuodot. Tämä paritus toimisi hyvin laukku- tai lenkkarikaupassa.
Overlock + Nunito
Overlockin pyöristetyt kuviomuodot tekevät upeista otsikoista ja lyhyistä teksteistä lehtityylisissä asetteluissa. Tämä fontti näyttää parhaimmalta suuremmilla kokoilla, täydentää Nuniton tasapainoisia pyöristettyjä muotoja. Jos myyt vaatteita, nämä fontit ovat loistava valinta.
Playfair-näyttö + Lähde 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, Laton puolipyöreät yksityiskohdat ja vahva rakenne. Tutustu näihin fontteihin tarkemmin, jos myyt alusvaatteita tai muita tyylikkäitä asusteita.
Kivikitti + Lato
Rokkitt on suunniteltu käytettäväksi näyttöfontina otsikoissa ja otsikoissa. Yhdistä se puolipyöreän san serif Laton kanssa luodaksesi näkyvä ilme. Kiinnitä huomiota tähän yhdistelmään, jos myymäläsi keskittyy premium-urheiluvaatteisiin tai tyylikkääseen tekniikkaan.
Juoksuhiekka + Seuraava Uusi
Geometriset muodot ovat Quicksandin perusta, joten yhdistä se Proxima Novan moderniin herkkyyteen, jotta ulkoasu on puhdas, raikas kosketus. 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äkoneet, ja laitteet, erityisesti yhdistettynä Maven Pron helppolukuisuuteen. Katso tämä pariliitos, jos verkkosivustollasi myydään silmälaseja tai kuntoilutarvikkeita.
Tanssiva käsikirjoitus + Lato
Vilkas ja rento Dancing Script antaa sivullesi ystävällisen ja epämuodollisen ilmeen, korostaa Laton klassisia mittasuhteita ja tyylikästä san serif -estetiikkaa. Lahja- ja postikorttikaupat voivat hyötyä tästä sarjasta.
Signika + Annos
Signikan lempeä luonne sopii hyvin otsikoihin, kun taas Dosis tekee lisäteksteistä melko helppolukuisia. Tämä pariliitos toimii monissa myymälöissä, elektroniikasta kukkaan.
Reenie Beanie + Uudelleen
Reenie Beanie perustuu kuulakärkikynän käsinkirjoitukseen, tarjoaa leikkisän ilmeen, jota täydentää Muli-fontin jäsennelty minimalismi. Kokeile tätä yhdistelmää, jos myyt luonnoskirjoja tai haluat rennomman sävyn brändillesi.
Kysely + Uudelleen
San serif Muli makes a perfect body text font, and it’s understated aesthetic means it pairs well with a wide variety of headline fonts: like Questrial with its modern style and full-circle curve. This set could be a go-to variant for streetwear.
Berkshire Swash + Seuraava Uusi
Berkshire Swash has a bold yet gentle flair, which makes for a vivid headline and provides an amazing balance with Proxima Nova’s simple, modern proportions and geometric appearance. Handmade cosmetics or desserts would benefit from this mix.
Fonttiparien perusteet
Et löytänyt etsimääsi luettelostamme? Jos tunnet olevasi luova, kokeile leikkiä fonteilla ilmaisessa Instant Site -editorissa ja löydä oma kaunis fonttiyhdistelmäsi.
Tässä on joitain perusohjeita, joita on noudatettava:
- Luo kontrasti fonttien välille (lihavoitu & kursiivinen, PITKÄ & lyhyt)
- Yhdistä serif- ja san-serif-fontit (kuten Libre Baskerville + Signika).
- Älä käytä kahta samanlaista fonttia (esimerkiksi, kaksi kursiivia) sekä otsikoillesi että leipätekstillesi. Creating variety will draw the eye and help your customer engage with each section individually.
- Make the font match your brand. Playful handwritten letters probably aren’t the best fit for a premium jewelry brand.
- Limit yourself to 2-3 fonts to avoid making your content appear cluttered.
Lue myös: 50 Exemplary Online Stores Built With Ecwid
- How to Fix Your Store’s Navigation
- Kaikki mitä sinun tulee tietää tuotteiden markkinoinnista
- Online Merchandising: How to Layout Products in Online Store
- What is Fashion Merchandising, and Why Is It So Important?
- 10 Verkkokauppojen suunnitteluvirheet
- 15 Täydelliset kirjasinparit verkkokauppasivustollesi
- Väriteoria: Kaikki mitä sinun tulee tietää väriteemoista
- 7 Luovia ideoita verkkokaupan tuotesivullesi
- Sankarikuvan voima verkkosuunnittelussa
- UX-periaatteet, joita on noudatettava verkkokaupassa
- Verkkosivuston suunnittelun tarkastus
- Vapauta UX-suunnittelun voima verkkokaupassa
- Mitä eroa on käyttöliittymän ja UX:n välillä verkkokaupassa??