Webes trendek 2015-2016: drámai tipográfia

Kép a http://twoarmsinc.com/ jóvoltából

Kép a http://twoarmsinc.com/ jóvoltából

A tipográfia hosszú utat tett meg az elmúlt évtizedekben. Míg a webes tipográfia fejlődése több lehetőséget jelent a tervező számára, ugyanakkor nagyobb kockázatot jelent a lemaradásra is.

Ebben a cikkben a drámai tipográfia modern trendjét vizsgáljuk meg. Ha többet szeretne megtudni a tipográfiai technikákról és 9 egyéb trendről, nézze meg az ingyenes e-könyvet Webdesign trendek 2015-ben és 2016-ban (166 példát és 100 ingyenes tervezési forrást tartalmaz).



Drámai tipográfia

A tipográfiát nemcsak olvashatóság és olvashatóság érdekében használják (bár ez még mindig az elsődleges cél). Legyen az egyszerű vagy bonyolult, nagy vagy kicsi, a mai webhelyek szavai egyre inkább használják a dráma érzését.

A drámai tipográfia kiemelkedik. A tartalom nagy blokkjaiban a tipográfiának egyszerűnek és igénytelennek kell lennie annak érdekében, hogy az olvasó értelmébe essen. De amikor elkülöníti az egyes szavakat vagy mondatokat, kreatívabbá válhat, mivel a szöveg vizuális látványelemekké is válik.

Mielőtt folytatnánk, tisztázzuk, hogy a drámai tipográfia és az egyszerű tipográfia nem zárja ki egymást. Valójában az egyszerűsített tipográfia a drámai tipográfia egyik legnépszerűbb formája.

Röviden, a drámai tipográfia a vizuálisan feltűnő tipográfiaként írható le - bármilyen okból is.

Vissza az alapokhoz

A drámai tipográfia trendjének megértéséhez először fel kell frissítenünk az alapok megértését.

A típuskategóriákat hangulat, szerkezet és a betűk hatása szerint osztják fel. A legnagyobb megosztottság a serif vagy a sans serif között van, az egyszerűség népszerűsítését követően a sans serif a jelenlegi kedvenc. A sorozatok bizonyos betűsorok szélén lévő extra díszítések, a sans pedig „nélkül”.

Kép Tom Gabor jóvoltából, http://tomgabor.com/i-shot-the-serif/

Kép Tom Gabor jóvoltából, http://tomgabor.com/i-shot-the-serif/

A típuscsalád egyszerűen a választott betűtípus összes változata. A különböző formák tartalmazzák a szabályos, félkövér, dőlt, sűrített, fekete és néha más formákat.

A tipográfia összefüggésében a vonás az egyes vonalak szélességére vonatkozik. Úgy tűnik, hogy a közelmúltban ez a tendencia ugyanazon családon belüli egységes stroke megosztása, mivel az egységes stroke-ok olvashatóbbak a különböző beállítások és kontrasztok között.

A tipográfia arról szól, hogy éppúgy használják, mint a megjelenéséről. Ez megmagyarázza, miért nemrégiben egyszerű és unalmasnak tűnő betűtípusok figyelték fel a figyelmünket.

Betűkészlet elérhetősége

A drámai tipográfia mozgatórugója a betűtípusok tömeges felhasználásra való fokozott hozzáférhetősége. Több betűtípus kevesebb pénzért érhető el - vagy pénz nélkül Google betűtípusok .

Például az Adobe összes Creative Cloud-terve tartalmazza a terveiket Typekit szolgáltatás. Ma a webdesignerek koldusok és választók lehetnek, rengeteg lehetőséggel, alacsony áron. A medence mérete is egyre több új típusú tervezőt vonz, akik nedvesíteni akarják a lábukat.

Kép a http://packdog.com/ jóvoltából

Kép a http://packdog.com/ jóvoltából

Ez a rendelkezésre állás lehetővé teszi a téma-alapú tervezést is. A WordPress felhasználói ugyanolyan lehetőségeket érhetnek el, mint a saját fejlesztésű webhelyek.

Ami a betűkészlet-megjelenítést illeti, a modern böngészők és interfészek fejlődése ezt a múlté teszi.

Kép jóvoltából: http://2015.theconference.se/

Kép jóvoltából: http://2015.theconference.se/

Doboz használata közben vagy web-biztonságos betűtípus a készletből remek lehetőség, ne féljen kreativitástól. Referenciaként itt találjuk a legutóbbi legnépszerűbb betűtípusokat:

Sans serif betűképek:

  • Következő Nova
  • Jövő
  • Hogy jöjjön fel
  • Nyisd ki anélkül
  • Helvetica Neue

Serif betűképek:

  • Caslon
  • Garamond
  • Fuvarszöveg
  • kegyenc
  • FF Meta Serif

Személy szerint ragaszkodtunk a Proxima Novához, amikor átalakítottuk a UXPin az év elején. Ez egy egyszerű, tiszta betűkészlet, amely jól olvasható, és a megfelelő elrendezéssel még mindig nyilatkozhat.

Mérsékelten nagy címsort hoztunk létre, amelyet kontrasztos háttérrel kisebb szöveg egyensúlyoz. Mivel a nagy címsor tiszta fehér háttérre van állítva, a címsor nagyobbnak tűnik, mint amilyen valójában (anélkül, hogy kiszorítaná a törzsszöveget).

A trend kitart?

A drámai tipográfia kevésbé trend, és inkább olyan technika, amely néhány évente újratalálja magát.

Amit manapság látunk, egyszerűen a jelenlegi iteráció, hogy a tervezők többsége hogyan használja a tipográfiát.

Kép a http://www.mooncampapp.com/ jóvoltából

Kép a http://www.mooncampapp.com/ jóvoltából

A jó tipográfia általában teljesíti ezeket a célokat:

  • Közli a szöveg üzenetét
  • Más tervezési taktikákkal együtt működik
  • Megfelel a technológiai követelményeknek (azaz a böngésző kompatibilitásának és a rugalmas kialakításnak)
  • Emlékezetes benyomást kelt

A mai tipográfiai trendek megvalósítják ezeket a célokat, de hogyan fognak alkalmazkodni a tervezés következő korszakához?

Kép a http://floatpasadena.com/ jóvoltából

Kép a http://floatpasadena.com/ jóvoltából

A legbiztonságosabb előrejelzés az, hogy a legnépszerűbb trendek (például a nagy, fehér típus) csökkenni kezdenek, mivel a tervezők el akarják kerülni azt, amit mindenki más csinál. Mivel a technológia lehetővé teszi a 3D-s effektusok és animációk több megvalósítását, ezek nagyobb szerepet játszhatnak a betűtípusok megjelenítésében is.

A tervezés többi eleméhez hasonlóan a tipográfia és annak felhasználása is a technológia igényeihez és elvárásaihoz van kötve.

Töltse le még ma ezt az ingyenes könyvet!

Töltse le még ma ezt az ingyenes könyvet!

További információkért a minimalizmusról mint a webdesign technikáról - valamint további 9 aktuális webdesign-trendről - nézze meg az ingyenes e-könyvet Web Design Trendkönyv 2015-2016 . 166 kézzel válogatott példát talál olyan vállalatoktól, mint az Adidas, az Intercom, az Apple, a Google, a Versace és mások. A tervezési folyamat felgyorsítása érdekében rendelkezésre áll egy 100 ingyenes online erőforrás kurátora.

Szavak : Jerry Cao

Jerry Cao a tartalom stratégája UXPin - a drótváz-készítő és prototípus-készítő alkalmazás - ahol alkalmazáson belüli és online tartalmat fejleszt a drótvázas és prototípus-készítő platform számára.

Mint ez? Olvassa el ezeket ...