5 Tekniikoita näytön tyypin käyttöön
Joskus kirjasintyypillesi on välitettävä tunne yhtä paljon kuin merkitys, ja sille on ominaista, että useammat suunnittelijat ovat siirtymässä dramaattiseen typografiaan. Tämäntyyppistä typografiaa käytetään enemmän kuin luettavuutta ja luettavuutta (vaikka se onkin edelleen ensisijainen tarkoitus). Dramaattinen typografia erottuu. Se saavuttaa laitteen näytön, vaatii katsojan huomion ja ohjaa sitä kohti viestiä, jonka se toimittaa. Se on mahdollisuus näyttää brändin identiteettiä, parantaa tekstisisältöä, luoda täydellinen visuaalinen hierarkia ja luoda mieleenpainuva vaikutelma. Ei ole mikään yllätys, että dramaattinen typografia on nopeasti tulossa trendiksi web-rajapinnoissa.
Olipa kyseessä yksinkertainen tai kehittynyt, nykyisten sivustojen sanoja luetaan kokonaan uudessa valossa. Tässä artikkelissa tarkastelemme 5 esimerkkiä dramaattisesta typografiasta web-suunnittelussa.
1. Yksinkertainen, mutta dramaattinen kirjasintyyppi
Yksinkertainen typografia ja dramaattinen typografia eivät ole toisiaan poissulkevia. Itse asiassa yksinkertainen typografia on yksi dramaattisen typografian parhaista muodoista. Tämä tekniikka on suhteellisen helppo sisällyttää sivulle - valitse vain yksinkertainen kirjasintyyppi ja noudata seuraavia vinkkejä:
- Lisää kirjasinkokoa (suuret kirjasimet lähettävät voimakkaan viestin varsinkin sankakuvien yhteydessä)
- Tee tekstin väri vastakkain taustan kanssa (tekstinkopion väri on yleensä valkoinen tai musta, joka on hyvin kontrasti kuva tai kirkkaan värinen tausta).
- Lisää rohkea tyyli
Kirjasinkoko on keino valvoa vaikutusta; alla oleva esimerkki osoittaa täydellisesti, miten kirjeenmuodot voivat olla upeita itsestään. Käyttämällä ääripäitä, erikseen tai ryhmissä, on mahdollista välittää viesti voimakkaasti ilman että he ovat ikäviä.
Yksinkertaiset kirjasimet luovat luottamusta ja selkeyttä.
2. Yksinkertaisten kirjasinlajien luova käyttö
Se on ehdottoman mahdollista toteuttaa perus-fontit ja luoda mieleenpainuva kokemus. Sinun tarvitsee vain kokeilla typografiaa:
Tarve lähettää viestisi ääneen ja selkeästi? Käytä KAIKKI CAPS-kopioita. Haluatko luoda jotain todella erityistä? Käytä yksinkertaista kirjasintyyppiä yhdessä animoitujen vaikutusten tai videon kanssa.
3. Koristeellinen kirjasintyyppi
Suunnittelijoilla on sekava tunne koristeellisista kirjasintyypeistä. Monet suunnittelijat halveksivat koristeellisia kasvoja halpana ja levottomana, kun taas toiset ihastuvat heihin ja hyödyntävät luovia ja mielenkiintoisia tapoja. Minusta uskoakseni, että käytetään oikein, koristeellinen typografia voi asettaa sävyn sivustolle ja korostaa tuotemerkin ihastuttavalla tavalla; mutta vasta kun se vastaa tuotemerkin persoonallisuutta ja sivuston ilmapiiriä. Kun suunnittelija saavuttaa tasapainon sisällyttämällä kopion oikeaan koristeelliseen tyyliin, koko kokemus on parempi. Seuraavassa on muutamia esimerkkejä:
Vuonna Hawk & Hen alla esimerkki, koristeellinen kirjasin auttaa luomaan omituinen ja ainutlaatuinen tyyli tähän keittiöön / baariin.
custom typeface mukautettu kirjasintyyppi Squarespace's Sleeping Tapes -levyillä on oikea tunnelma kokemukseen.
Leikkisä kirjasintyyppi HeadOfffice asettaa energisen ilmapiirin.
Moderni ja alkuperäinen kirjasintyyppi Maaemo kotisivu luo salaperäisen ilmapiirin.
Olet todennäköisesti huomannut, että kaikilla edellä olevilla esimerkeillä on yksi yhteinen asia: koristeellinen kirjasintyyppiä käytetään yhdessä yksinkertaisen, minimaalisen asettelun kanssa. Tämä ei ole sattumaa. Tosiasia on, että koristeellinen typografia on mielenkiintoinen omalla. Joten, jos aiot käyttää koristetyyppiä kotisivullasi, keskittyä käyttäjän huomioon yhdelle elementille, on parempi käyttää yksinkertaista ulkoasua.
4. Kirjaimet
Käsin piirretty tyyppi on jo pitkään ollut osa web-suunnittelua. Ajoittain se on todellinen kirjain, joka skannataan, mutta monissa tapauksissa se on kirjasintyyppi, joka on tehty käsin piirrettyinä. Script-fontit ja kirjaimet lisäävät tyylikkään ilmeen mihin tahansa muotoiluun, kun tehdään oikein. Käsin piirretty teksti on ainutlaatuinen, koska se kykenee välittämään viestiä organisaation takana. Katso Grain & Laasti ja femme fatale seuraavia esimerkkejä. Näiden suunnittelutoimistojen taiteelliset juuret loistivat kotisivun suunnittelussa.
Käsin piirrettyjä elementtejä on erinomainen tapa brändin humanisoimiseksi.
Varmista vain, että jos luettavuus on perimmäinen tavoite, viesti ei häviä kauneudessa. Jos haluat estää mahdolliset ongelmat, yritä rajoittaa käsin piirrettyjen fonttien käyttöä suurille kuville asetetuille otsikoille ja käyttää toista fonttia tavalliseen kopioon.
5. päällekkäin asetetut elementit
Yksi parhaista tavoista saada tekstiä huomattu on päällekkäisyydellä muiden elementtien (kuten kuvien tai muiden graafisten objektien) kanssa. Yleensä fontit, jotka on valittu päällekkäin, ottavat huomioon muut rakenteet, kuviot ja taideteokset, jotka tulevat olemaan mukana suunnittelussa:
Voit laajentaa tekstiä sen osion yli muille.
Otetaan puolet sanoista "vuoto" kuvan yli.
Tai jopa rikkoa sääntöjä ja antaa tärkeydelle ensisijaisen kuvan ja piilottaa sen takana olevat sanat.
Tämän tekniikan kaksi tärkeää näkökohtaa ovat kontrasti ja luettavuus . Sinun on testattava suunnittelusi, jotta molemmat vaatimukset täyttyvät ja sivustolla on hyvät käyttökokemukset.