Tarvitsetko sankarikuvaa? Ehkä typografia riittää.

Verkkosivuston sankarialueen suunnittelussa käytetään yleensä kuvaa tai videota, jossa on tekstiä ja toimintakutsu. Kaikissa suunnitelmissa ei kuitenkaan ole laadukkaita visuaalisia elementtejä, joiden avulla tällainen sankarikuva toimisi.

Se herättää kysymyksen: Tarvitsetko edes sankarikuvaa?

Joidenkin verkkosivustoprojektien kohdalla vastaus on ei. Voit suunnitella verkkosivustolle upean sankarialueen upealla typografialla ja muutamalla pienellä yksityiskohdalla. Katsotaanpa, miten se onnistuu, ja katsotaanpa muutamia esimerkkejä, joita me yksinkertaisesti rakastamme.

Tutustu Envato Elementsiin

Sankarikuvan edut

Sankarikuvan tai -videon käyttämisen ensisijaiset edut verkkosivustolla ovat visuaalisen elementin huomiota herättävä luonne ja sen välittämät tiedot. Kuva voi kertoa paljon verkkosivustostasi tai hankkeestasi ja sen sisällöstä.

Kuvat ovat olennainen osa tarinankerrontaa, ja olisi vaikea luoda mitään täydellistä suunnittelua ilman niitä. Vaikka ajattelemme tässä sankariotsikon suunnittelua ilman kuvaa, on tärkeää huomata, että nämä verkkosivustot ovat harvoin täysin ilman kuvia.

Ihmiset ovat suurimmaksi osaksi synnynnäisesti visuaalisia. Saamme ymmärrystä näkemällä asioita. Siksi sankarikuvat ovat niin suosittuja.

Sankarikuvan etuja ovat myös:

• Näyttää tuotteen tai palvelun
• Yhdistää visuaalisesti verkkosivuston kävijät siihen, mitä teet tai mitä olet tekemässä.
• Luo tunteen siitä, että kuvassa oleva asia halutaan tai sitä tarvitaan.
• Ohjaa visuaalista huomiota näytöllä muihin elementteihin, kuten tekstiin tai toimintakutsuihin.
• Antaa käyttäjille jotain, johon he voivat sitoutua ja pysyä ruudulla pidempään.

Typografiaan perustuvan sankarin edut

Typografiaan perustuvan sankariotsikkoalueen ensisijainen hyöty on, että se viestii jotain selkeästi. Sanat, erityisesti vahvasti luettavat ja luettavat sanat, ovat ensisijainen tapa välittää tietoa näytöltä verkkosivuston kävijälle.

Voit käyttää typografiaa kertoaksesi käyttäjille juuri sen, mitä haluat heidän tietävän.

Muita typografiaan perustuvan sankarialueen etuja ovat:

• Suunnittelun selkeä fokus ja ymmärrys
• Mahdollisesti enemmän tilaa sanoille
• Visuaalisesti häiritsevä kotisivu, joka herättää huomiota, koska se on erilainen.
• Toimii kaikilla näytön kokoisilla näytöillä ilman, että sinun tarvitsee miettiä eri viljelykasveja.
• Voidaan yhdistää hyvin muihin suunnitteluelementteihin, kuten pieniin animaatioihin, ääneen tai rohkeisiin väreihin.

5 syytä, miksi typografia voi olla parasta

Päätöstä typografiaan perustuvan sankarialueen käyttämisestä verkkosivustosi suunnittelussa ei pitäisi tehdä hetken mielijohteesta tai siksi, että et pidä kuvasta. Sillä pitäisi olla tarkoituksenmukainen tarkoitus, aivan kuten muillakin valitsemillasi suunnitteluelementeillä.

Miksi siis käyttäisit typografiaan perustuvaa sankaria, paitsi jos sinulla ei ole oikeaa kuvaa?

• Mielenkiintoinen kirjasintyyppi sopii paremmin tuotteeseesi tai yritykseesi kuin kuva. Se viestii johdonmukaisemman tarinan.
• Sinulla on paljon sanottavaa ja mitä painottaa sanoja. Se välittää suoremman viestin.
• Typografia on linjassa sen kanssa, mitä teet. Se viestii taidosta tai tekniikasta, jota voidaan soveltaa verkkosivustollesi.
• Sen avulla voit luoda syvyys- ja informaatiokerroksia tai luoda tilasuhteita. Se voi välittää sanojen kanssa yhteensopivan tunteen.
• Kuvat tai videot näyttävät jäävän latteiksi ja aiheuttavat yhteyden katkeamisen verkkosivujen kävijöihin. Se viestii selkeyttä ja visiota.

Kokeile mielenkiintoisia kirjasintyyppejä

Kun on kyse sankarialueista, joissa on vahva typografiapainotus, on olemassa kaksi koulukuntaa:

• Pidä se yksinkertaisena.
• Kokeile mielenkiintoista tai jopa kokeellista kirjasintyyppiä.

Molemmat ovat oikeita, ja voit kokeilla niitä jopa yhdessä.

Kun käytät erittäin visuaalisia tai mielenkiintoisia kirjasintyyppejä, niillä on sisäsyntyinen merkitys. Ne voivat saada käyttäjät ajattelemaan tai tuntemaan tietyllä tavalla. Ne voivat myös aiheuttaa hämmennystä, jos sanat ovat liian vaikeaselkoisia.

On siis olemassa selkeä keskitie, jota lähes jokainen menestyksekäs pelkkää typografiaa käyttävä sankari tasapainottelee. Sitä on vaikea määritellä, ennen kuin näet - ja luet - sen. Toivottavasti tässä olevat esimerkit antavat sinulle käsityksen siitä, miltä se näyttää.

5 esimerkkiä, joita rakastamme

MKTLM

Yksinkertaisen san serif -kirjasimen ja ääriviivakäsikirjoituksen yhdistelmä saa sinut katsomaan ruudulla olevia sanoja. Minimaalinen tausta vetää kaiken yhteen, samoin kuin yksinkertaiset animoidut elementit.

Toiminta & muoto

Function & Form käyttää useita tekstikerroksia luodakseen upean sankarialueen, joka näyttää yksinkertaiselta mutta on melko monimutkainen. Trendikkäitä elementtejä on kaikkialla - pyörivä ympyrä, serif-kirjasintyyppi, raskaat kopiointilohkot - ja kaikki yhdistyy tavalla, jota on helppo lukea ja ymmärtää ja joka näyttää samalla hyvältä.

Near North Studio

Mikään ei sinänsä saa pysähtymään Near North Studion suunnittelun äärelle, mutta kun kaikki elementit yhdistetään, typografiaan perustuva muotoilu on silmiinpistävää. Animaatio, jossa tekstin nopeus vaihtelee kolmella tasolla, herättää huomiota.

Liferay.Design

Yksinkertaisuuden ja taustalla olevien hienovaraisen yksityiskohtien yhdistelmä nostaa tämän typografiaan perustuvan suunnittelun seuraavalle tasolle. "Annual Report" on kirjasintyypiltään ja tyyliltään odottamaton, ja yksinkertainen animoitu nuoli saa sinut haluamaan lisää.

ReadyMag

Readymagin ulkoasu saattaa olla ulkoasultaan yksinkertaisin, mutta värien vaihteleva tausta saa sinut katsomaan ulkoasua. Silloin huomaat, että kirjasintyypissä on mielenkiintoisia pisteitä ja muotoja, jotka sisältävät myös ääriviivatyylin. Sanojen painoarvo vetää sinut todella mukaansa selvittämään, mitä seuraavaksi tapahtuu.

Päätelmä

Etsi nyt upea fontti ja aloita typografiaa sisältävä otsikko. Älä unohda lisätä hienovaraisia lisäominaisuuksia - kuten liikettä tai värejä - luodaksesi lisää huomiota ja visuaalista mielenkiintoa.

Mikään ei ole tärkeämpää kuin vahva teksti, kun ainoa visuaalinen elementti ovat sanat.