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?
