Veebitrendid 2015-2016: dramaatiline tüpograafia

Pilt viisakalt saidilt http://twoarmsinc.com/

Pilt viisakalt saidilt http://twoarmsinc.com/

Tüpograafia on viimase paarikümne aasta jooksul jõudnud kaugele. Ehkki veebitüpograafia areng tähendab disainerile rohkem võimalusi, tähendab see ka suuremat riski maha jääda.

Selles artiklis vaatleme dramaatilise tüpograafia kaasaegset suundumust. Tüpograafiatehnikate ja 9 muu trendi kohta lisateabe saamiseks vaadake tasuta e-raamatut Veebidisaini trendid 2015 ja 2016 (sisaldab 166 näidet ja 100 tasuta kujundusallikat).

Dramaatiline tüpograafia

Tüpograafiat kasutatakse mitte ainult loetavuse ja loetavuse huvides (kuigi see on endiselt peamine eesmärk). Olgu need lihtsad või keerukad, suured või väikesed, tänapäeva saitidel olevaid sõnu kasutatakse draamatunde lisamiseks üha enam.

Silma jääb dramaatiline tüpograafia. Suurtes sisu plokkides peaks tüpograafia olema selge ja tagasihoidlik, et lugeja tähenduse sisse viia. Kuid kui eraldate üksikud sõnad või laused, võite olla loovam, kuna tekst muutub ka visuaalseks kujunduseks.

Enne jätkamist teeme selgeks, et dramaatiline tüpograafia ja lihtne tüpograafia ei välista üksteist. Tegelikult on lihtsustatud tüpograafia praegu üks populaarseimaid dramaatilise tüpograafia vorme.

Lühidalt öeldes võib dramaatilist tüpograafiat kõige paremini kirjeldada kui visuaalselt silmatorkavat tüpograafiat - ükskõik mis põhjusel.

Tagasi põhitõdede juurde

Dramaatilise tüpograafia suundumuse mõistmiseks peame kõigepealt värskendama arusaama põhitõdedest.

Tüübikategooriad jagunevad meeleolu, struktuuri ja kirjade mõju järgi. Suurim lõhe on serifi või sans serifi vahel, kusjuures lihtsuse populariseerimise järgne lemmik on sans serif. Serifid on need lisakaunistused teatud täheridade serval ja sans tähendab 'ilma'.

Pildi viisakalt Tom Gabor, http://tomgabor.com/i-shot-the-serif/

Pildi viisakalt Tom Gabor, http://tomgabor.com/i-shot-the-serif/

Tüüpkond on lihtsalt kõik valitud fondi variatsioonid. Erinevate vormide hulka kuuluvad tavalised, paksud, kaldkirjad, tihendatud, mustad ja mõnikord muud.

Tüpograafia kontekstis viitab joon iga joone laiusele. Tundub, et viimasel ajal on sama perekonna sees ühtse löögi jagamine, kuna ühtsed löögid on erinevates seadetes ja kontrastsuses loetavamad.

Tüpograafia räägib sellest, kuidas seda kasutatakse sama palju kui välimust. See peaks selgitama, miks näeme hiljuti meie tähelepanu köitvat lihtsate ja pealtnäha igavate kirjatüüpidega.

Fondi kättesaadavus

Dramaatilise tüpograafia liikumapanev jõud on kirjatüüpide suurem kättesaadavus massiliseks kasutamiseks. Rohkem fonte on saadaval väiksema raha eest - või siis ilma rahata Google Fonts .

Näiteks kõik Adobe'i Creative Cloudi plaanid sisaldavad neid Lämmastik teenus. Tänapäeval võivad veebidisainerid olla kerjused ja valijad, pakkudes rohkesti odavate võimalustega valikuid. Ka basseini suurus meelitab üha uusi tüübikujundajaid, kes soovivad jalgu märjaks teha.

Pilt viisakalt saidilt http://packdog.com/

Pilt viisakalt saidilt http://packdog.com/

See kättesaadavus võimaldab kujundada ka teemapõhiselt. WordPressi kasutajad saavad kasutada sama palju võimalusi kui kodused veebisaidid.

Mis puutub fondi renderdamisse, siis tänapäevaste brauserite ja liideste edusammud teevad selle minevikku.

Pildi viisakalt saidil http://2015.theconference.se/

Pildi viisakalt saidil http://2015.theconference.se/

Kasti või veebis turvaline kirjatüüp komplektist on hea võimalus, ärge kartke loovust. Siin on mõned kõige populaarsemad kirjatüübid, mida oleme hiljuti näinud:

Sans serif kirjatüübid:

  • Järgmine Nova
  • Tulevik
  • Et tulla üles
  • Avatud ilma
  • Helvetica Neue

Seeriatüübid:

  • Caslon
  • Garamond
  • Veotekst
  • minion
  • FF Meta Serif

Isiklikult jäime Proxima Nova juurde, kui me selle ümber kujundasime UXPin selle aasta alguses. See on lihtne ja puhas kirjatüüp, mis on hästi loetav ja suudab siiski avalduse teha õige paigutusega.

Lõime mõõdukalt suure pealkirja, mida tasakaalustas kontrastsel taustal väiksem tekst. Kuna suur pealkiri on seatud puhtal valgel taustal, näib pealkiri suuremana kui see tegelikult on (ilma keha teksti välja tõrjumata).

Kas trend püsib?

Dramaatiline tüpograafia on vähem trend ja pigem tehnika, mis leiutab ennast iga paari aasta tagant.

See, mida me tänapäeval näeme, on lihtsalt praegune kordamine sellest, kuidas enamik disainereid tüpograafiat kasutab.

Pilt viisakalt saidilt http://www.mooncampapp.com/

Pilt viisakalt saidilt http://www.mooncampapp.com/

Üldiselt täidab hea tüpograafia alati need eesmärgid:

  • Suhtleb teksti sõnumiga
  • Töötab koos teiste kujundustaktikatega
  • Sobib tehnoloogilistele nõuetele (st brauseri ühilduvus ja tundlik disain)
  • Loob meeldejääva mulje

Tänased tüpograafilised suundumused täidavad neid eesmärke, kuid kuidas nad kohanevad järgmise disaini ajastuga?

Pilt viisakalt saidilt http://floatpasadena.com/

Pilt viisakalt saidilt http://floatpasadena.com/

Kõige kindlam ennustus on see, et kõige populaarsemad trendid (näiteks suured, valged) hakkavad vaibuma, sest disainerid soovivad vältida seda, mida teevad kõik teised. Kuna tehnoloogia võimaldab 3D-efektide ja animatsioonide suuremat rakendamist, võivad need ka kirjatüüpide esitamisel suuremat rolli mängida.

Nagu teisedki disainielemendid, on ka tüpograafia ja selle kasutamine seotud tehnoloogia nõudmistega.

Laadige see tasuta raamat alla juba täna!

Laadige see tasuta raamat alla juba täna!

Lisateavet minimalismi kui veebidisaini tehnika ja ka 9 muu praeguse veebidisaini trendi kohta leiate tasuta e-raamatust Veebidisaini trendiraamat 2015–2016 . Leiate 166 käsitsi valitud näidet sellistelt ettevõtetelt nagu Adidas, Intercom, Apple, Google, Versace ja teised. Kujundusprotsessi kiirendamiseks on olemas ka kureeritud loend 100 tasuta veebiressursist.

Sõnad : Jerry Cao

Jerry Cao on sisustrateeg UXPin - juhtmestiku loomise ja prototüüpimise rakendus - kus ta arendab juhtmekaadri ja prototüüpimise platvormi jaoks rakendusesisest ja veebisisu.

Nagu nii? Loe neid ...