Verkkosuuntaukset 2015-2016: dramaattinen typografia

Kuva: http://twoarmsinc.com/

Kuva: http://twoarmsinc.com/

Typografia on mennyt pitkälle viime vuosikymmeninä. Vaikka verkkotyyppien kehitys tarkoittaa enemmän vaihtoehtoja suunnittelijalle, se tarkoittaa myös enemmän riskiä jäädä jälkeensä.



Tässä artikkelissa tarkastelemme dramaattisen typografian modernia suuntausta. Saat lisätietoja typografiatekniikoista ja 9 muusta trendistä tutustumalla ilmaiseen e-kirjaan Verkkosuunnittelutrendit 2015 ja 2016 (sisältää 166 esimerkkiä ja 100 ilmaista suunnitteluresurssia).

Dramaattinen typografia

Typografiaa käytetään muuhun kuin luettavuuteen ja luettavuuteen (vaikka se onkin edelleen ensisijainen tarkoitus). Olipa yksinkertainen tai monimutkainen, iso tai pieni, nykypäivän sivustojen sanoja käytetään yhä enemmän draaman tunteen lisäämiseksi.

Dramaattinen typografia erottuu. Sisällön suurissa lohkoissa typografian tulisi olla selkeä ja vaatimaton, jotta lukija saa merkityksen merkitykseen. Mutta kun eristät yksittäisiä sanoja tai lauseita, voit olla luovempi, koska tekstistä tulee myös visuaalisia suunnitteluelementtejä.



Ennen kuin jatkamme, tehdään selväksi, että dramaattinen typografia ja yksinkertainen typografia eivät sulje pois toisiaan. Yksinkertaistettu typografia on itse asiassa yksi suosituimmista dramaattisen typografian muodoista tällä hetkellä.

Lyhyesti sanottuna dramaattinen typografia voidaan parhaiten kuvata visuaalisesti silmiinpistäväksi typografiaksi - mistä tahansa syystä.

lähtötason graafisen suunnittelun palkka 2017

Takaisin perusasioihin

Jotta ymmärtäisimme dramaattisen typografian trendin, meidän on ensin päivitettävä ymmärrystämme perusasioista.



Tyyppikategoriat on jaettu mielialan, rakenteen ja kirjainten vaikutuksen mukaan. Suurin jako on serifin tai sans serifin välillä, kun sans serif on nykyinen suosikki yksinkertaisuuden suosion jälkeen. Sarjat ovat ylimääräisiä koristeita tiettyjen kirjainrivien reunalla, ja sans tarkoittaa `` ilman ''.

Kuva Tom Gaborin kautta, http://tomgabor.com/i-shot-the-serif/

Kuva Tom Gaborin kautta, http://tomgabor.com/i-shot-the-serif/

Tyyppiperhe on yksinkertaisesti kaikki valitun fontin muunnelmat. Eri muotoja ovat säännöllinen, lihavoitu, kursivoitu, tiivistetty, musta ja joskus muita.

Typografian yhteydessä viiva viittaa kunkin viivan leveydelle. Tasaisen aivohalvauksen jakaminen samassa perheessä näyttää olevan suuntaus viime aikoina, koska yhtenäiset aivohalvaukset ovat helpommin luettavissa eri asetuksissa ja kontrastissa.

kuvia revontulista Alaskassa

Typografia kertoo kuinka sitä käytetään yhtä paljon kuin miltä se näyttää. Tämän pitäisi selittää, miksi näemme hiljattain yksinkertaiset ja näennäisesti tylsät kirjasimet kiinnittävän huomiomme.

Kirjasimen saatavuus

Dramaattisen typografian liikkeellepaneva voima on kirjasinten lisääntynyt saatavuus massakäyttöön. Enemmän fontteja on saatavana vähemmän rahaa - tai ilman rahaa Google-fontit .

Esimerkiksi kaikki Adoben Creative Cloud -suunnitelmat sisältävät niiden Typpi palvelu. Nykyään web-suunnittelijat voivat olla kerjäläisiä ja valitsijia, joilla on runsaasti vaihtoehtoja edulliseen hintaan. Myös uima-altaan koko houkuttelee yhä enemmän uusia tyyppisuunnittelijoita, jotka haluavat saada jalkansa märiksi.

Kuva: http://packdog.com/

Kuva: http://packdog.com/

Tämä saatavuus mahdollistaa myös teemapohjaisen suunnittelun. WordPress-käyttäjät voivat käyttää samaa määrää vaihtoehtoja kuin kotikasvatetut verkkosivustot.

Kirjasinten renderoinnin osalta nykyaikaisten selainten ja käyttöliittymien kehitys tekee siitä menneisyyden.

Kuva: http://2015.theconference.se/

Kuva: http://2015.theconference.se/

Kun käytät laatikkoa tai web-turvallinen kirjasinlaji sarjasta on hieno vaihtoehto, älä pelkää olla luovia. Tässä on joitain suosituimpia kirjasimia, joita olemme viime aikoina nähneet:

elokuvia, joiden otsikko on loistava

Sans serif -kirjasimet:

  • Seuraava Nova
  • Tulevaisuus
  • Keksiä
  • Avaa ilman
  • Helvetica Neue

Serif-kirjasimet:

  • Caslon
  • Garamond
  • Rahtiteksti
  • juoksupoika
  • FF Meta Serif

Henkilökohtaisesti pidimme kiinni Proxima Novasta, kun suunnittelemme UXPin verkkosivuilla aiemmin tänä vuonna. Se on yksinkertainen, puhdas kirjasintyyppi, joka on hyvin luettavissa ja joka voi silti antaa lausunnon oikealla asettelulla.

Olemme luoneet kohtalaisen suuren otsikon, jota tasapainottaa pienempi teksti vastakkaista taustaa vasten. Koska suuri otsikko on asetettu puhdasta valkoista taustaa vasten, otsikko näyttää isommalta kuin se todellisuudessa on (ilman syrjäyttämistä tekstistä).

Pysyykö trendi?

Dramaattinen typografia on vähemmän trendiä ja enemmän tekniikkaa, joka keksii itsensä muutaman vuoden välein.

Nykyään näemme yksinkertaisesti nykyisen toistamisen siitä, kuinka suurin osa suunnittelijoista käyttää typografiaa.

Kuva: http://www.mooncampapp.com/

Kuva: http://www.mooncampapp.com/

Hyvä typografia saavuttaa yleensä nämä tavoitteet:

  • Välittää tekstin viestin
  • Toimii yhdessä muun suunnittelutaktiikan kanssa
  • Sopii teknisiin vaatimuksiin (ts. Selainten yhteensopivuus ja reagoiva suunnittelu)
  • Luo mieleenpainuvan vaikutelman

Nykyiset typografiatrendit saavuttavat nämä tavoitteet, mutta miten ne sopeutuvat muotoilun seuraavaan aikakauteen?

Kuva: http://floatpasadena.com/

Kuva: http://floatpasadena.com/

Turvallisin ennuste on, että suosituimmat trendit (kuten suuret, valkoiset) alkavat heikentyä, koska suunnittelijat haluavat välttää tekemästä sitä, mitä kaikki muut tekevät. Koska tekniikka mahdollistaa enemmän 3D-tehosteiden ja animaatioiden toteuttamisen, niillä voi olla myös suurempi rooli kirjasinten esittämisessä.

Kuten muutkin suunnittelun elementit, myös typografia ja sen käyttö on ketjutettu tekniikan vaatimuksiin ja sallimiin.

Lataa tämä ilmainen kirja jo tänään!

Lataa tämä ilmainen kirja jo tänään!

Saat lisätietoja minimalismista verkkosuunnittelutekniikana - sekä 9 muusta nykyisestä verkkosuunnittelutrendistä - tutustumalla ilmaiseen e-kirjaan Verkkosuunnittelun trendikirja 2015--2016 . Löydät 166 käsin poimittua esimerkkiä yrityksiltä, ​​kuten Adidas, Intercom, Apple, Google, Versace ja muilta. Suunnitteluprosessin nopeuttamiseksi on myös kuratoitu luettelo sadasta ilmaisesta verkkoresurssista.

kova kotelo MacBook Pro 15: lle

Sanat : Jerry Cao

Jerry Cao on sisällön strategi UXPin - langankehys- ja prototyyppisovellus - jossa hän kehittää sovelluksen sisäistä ja online-sisältöä langankehitys- ja prototyyppialustalle.

Kuten tämä? Lue nämä ...